/* * ============================================================================ * System Maintenance Overrides * ============================================================================ */ /* ===== Colors =============================================================== */ /* Header Background */ nav#global { /*HEADER_FOOTER_GRADIENT_B:Header/Footer Background*/ /*HEADER_FOOTER_GRADIENT_E*/ } /* Lower Footer Background */ footer#footer_main .copyright { /*HEADER_FOOTER_GRADIENT_B:Header/Footer Background*/ /*HEADER_FOOTER_GRADIENT_E*/ } /* BannerBackgroundColor(Gradient) */ header div#nav_holder, body > div.off-canvas-wrap > div > nav, body > div.off-canvas-wrap > div > div > div > nav { /*BANNER_GRADIENT_B:Banner Background*/ background: /*HEX1_B*/#f3b323/*HEX1_E*/; /*Oldbrowsers*/ background: -moz-linear-gradient(top,/*HEX1_B*/#f3b323/*HEX1_E*/ /*PCT1_B*/88%/*PCT1_E*/,/*HEX2_B*/#f0dd9e/*HEX2_E*/ /*PCT2_B*/12%/*PCT2_E*/);/*FF3.6+*/ background: -webkit-gradient(linear,lefttop,leftbottom,color-stop(/*PCT1_B*/88%/*PCT1_E*/,/*HEX1_B*/#f3b323/*HEX1_E*/),color-stop(/*PCT2_B*/12%/*PCT2_E*/,/*HEX2_B*/#f0dd9e/*HEX2_E*/));/*Chrome,Safari4+*/ background: -webkit-linear-gradient(top,/*HEX1_B*/#f3b323/*HEX1_E*/ /*PCT1_B*/88%/*PCT1_E*/,/*HEX2_B*/#f0dd9e/*HEX2_E*/ /*PCT2_B*/12%/*PCT2_E*/);/*Chrome10+,Safari5.1+*/ background: -o-linear-gradient(top,/*HEX1_B*/#f3b323/*HEX1_E*/ /*PCT1_B*/88%/*PCT1_E*/,/*HEX2_B*/#f0dd9e/*HEX2_E*/ /*PCT2_B*/12%/*PCT2_E*/);/*Opera11.10+*/ background: -ms-linear-gradient(top,/*HEX1_B*/#f3b323/*HEX1_E*/ /*PCT1_B*/88%/*PCT1_E*/,/*HEX2_B*/#f0dd9e/*HEX2_E*/ /*PCT2_B*/12%/*PCT2_E*/);/*IE10+*/ background: linear-gradient(tobottom,/*HEX1_B*/#f3b323/*HEX1_E*/ /*PCT1_B*/88%/*PCT1_E*/,/*HEX2_B*/#f0dd9e/*HEX2_E*/ /*PCT2_B*/12%/*PCT2_E*/);/*W3C*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=/*HEX1_B*/#f3b323/*HEX1_E*/,endColorstr=/*HEX2_B*/#f0dd9e/*HEX2_E*/,GradientType=0);/*IE6-9*/ /*BANNER_GRADIENT_E*/ } section.index.page_content, section.home.page_content, section.shop.page_content, section.rewards_summary.page_content, section.pwrl.page_content, section.account_cards.page_content, section.cart.page_content, section.shop_details_logged.page_content, section.shop.page_content { /*MAIN_1_GRADIENT_B:Main Background 1*/ /*MAIN_1_GRADIENT_E*/ } /* mainbackground2 */ .page_content.index #home_featured_offers, section#shop_offers { /*MAIN_2_GRADIENT_B:Main Background 2*/ /*MAIN_2_GRADIENT_E*/ } .page_content.index #hero { /*BANNER_HERO_MARQUEE_MARGIN_TOP_B: Hero Marquee Images Position*/ margin-top: /*PX_B*/auto/*PX_E*/; /*BANNER_HERO_MARQUEE_MARGIN_TOP_E*/ } footer#footer_main { /*MAIN_FOOTER_GRADIENT_B:Main Footer Background*/ /*MAIN_FOOTER_GRADIENT_E*/ } /* Condensed Catalog Category Border color - top */ #featured_offers nav.landing_offer_categories > ul { border-style: solid; /*CATALOG_CAT_BORDER_WIDTH_B:Catalog Category Border Weight*/ /*CATALOG_CAT_BORDER_WIDTH_E*/ /*CATALOG_CAT_BORDER_B:Catalog Category Border*/ /*CATALOG_CAT_BORDER_E*/ } /* Condensed Catalog Category Border color - bottom */ #featured_offers nav.landing_offer_categories > a { /*CATALOG_CAT_BORDER_B:Catalog Category Border*/ /*CATALOG_CAT_BORDER_E*/ } /* Catalog Category Border color - top */ #featured_offers nav.landing_offer_categories > ul { border-style: solid; /*CATALOG_CAT_BORDER_WIDTH_B:Catalog Category Border Weight*/ /*CATALOG_CAT_BORDER_WIDTH_E*/ /*CATALOG_CAT_BORDER_B:Catalog Category Border*/ /*CATALOG_CAT_BORDER_E*/ } /* Catalog Category Border color - logged in */ #offers_categories nav.sidebar_menu > ul { border-style: solid; /*CATALOG_CAT_BORDER_WIDTH_B:Catalog Category Border Weight*/ /*CATALOG_CAT_BORDER_WIDTH_E*/ /*CATALOG_CAT_BORDER_B:Catalog Category Border*/ /*CATALOG_CAT_BORDER_E*/ } /* Condensed Catalog Category Default Background Color */ #featured_offers nav.landing_offer_categories > ul, #featured_offers nav.landing_offer_categories > a, nav.sidebar_menu > ul li > a, nav.sidebar_menu > ul ul > li > a, #featured_offers nav.landing_offer_categories > ul > li > a, #featured_offers nav.landing_offer_categories > a, #featured_offers > nav > ul li a { /*CATALOG_CAT_BACKGROUND_B:Catalog Category Background*/ /*CATALOG_CAT_BACKGROUND_E*/ } /* Condensed Catalog Category Selected Background and Font Color */ #featured_offers nav.landing_offer_categories > ul > li > a.active { /*CATALOG_SEL_CAT_BACKGROUND_B:Catalog Selected Category Background*/ /*CATALOG_SEL_CAT_BACKGROUND_E*/ /*CATALOG_SEL_CAT_COLOR_B:Catalog Selected Category Font*/ /*CATALOG_SEL_CAT_COLOR_E*/ } /* Shop the Catalog - Pre-login Selected Category Highlight Color */ nav.sidebar_menu > ul li a.current, #featured_offers > nav > ul li a.current { /*CATALOG_SEL_CAT_BACKGROUND_B:Catalog Selected Category Background*/ /*CATALOG_SEL_CAT_BACKGROUND_E*/ /*CATALOG_SEL_CAT_COLOR_B:Catalog Selected Category Font*/ /*CATALOG_SEL_CAT_COLOR_E*/ } /* Shop the Catalog - Pre-login Category Selected Hover Background Color */ nav.sidebar_menu > ul li a.current:hover { /*CATALOG_SEL_CAT_BACKGROUND_B:Catalog Selected Category Background*/ /*CATALOG_SEL_CAT_BACKGROUND_E*/ } /* Condensed Catalog Category Hover Background color */ #featured_offers nav.landing_offer_categories > ul > li > a:hover { /*CATALOG_HOVER_CAT_BACKGROUND_B:Catalog Hover Category Background*/ /*CATALOG_HOVER_CAT_BACKGROUND_E*/ /*CATALOG_HOVER_CAT_COLOR_B:Catalog Hover Category Font*/ /*CATALOG_HOVER_CAT_COLOR_E*/ } /* Condensed catalog Category SEE MORE hover highlight color */ #featured_offers nav.landing_offer_categories > a:hover { /*CATALOG_HOVER_CAT_BACKGROUND_B:Catalog Hover Category Background*/ /*CATALOG_HOVER_CAT_BACKGROUND_E*/ /*CATALOG_HOVER_CAT_COLOR_B:Catalog Hover Category Font*/ /*CATALOG_HOVER_CAT_COLOR_E*/ } /* Shop the Catalog - Pre-login Category Hover Color */ nav.sidebar_menu > ul li > a:hover { /*CATALOG_HOVER_CAT_BACKGROUND_B:Catalog Hover Category Background*/ /*CATALOG_HOVER_CAT_BACKGROUND_E*/ /*CATALOG_HOVER_CAT_COLOR_B:Catalog Hover Category Font*/ /*CATALOG_HOVER_CAT_COLOR_E*/ } /* Catalog - Reward Item Tile Hover Background and Font Color */ .card .caption { /*CATALOG_TILE_HOVER_RGBA_B:Catalog Tiles Hover Background*/ /*CATALOG_TILE_HOVER_RGBA_E*/ /*CATALOG_TILE_HOVER_DESC_COLOR_B:Catalog Tiles Hover - Item Description Font*/ /*CATALOG_TILE_HOVER_DESC_COLOR_E*/ } /* Catalog - Reward Item Hide Hover Display */ .card:hover .caption{ /*CATALOG_HOVER_HIDE_B: Reward Item Hover Display Shade*/ display: /*DISPLAY_B*//*DISPLAY_E*/; /*CATALOG_HOVER_HIDE_E*/ } .card:hover .caption > span { /*ITEM_TEXT_HOVER_HIDE_B: Reward Item Hover Display Text*/ display: /*DISPLAY_B*//*DISPLAY_E*/; /*ITEM_TEXT_HOVER_HIDE_E*/ } @media screen and (max-width:40em) { .card .caption { /*CATALOG_TILE_POINT_VAL_BACKGROUND_B:Catalog Tiles Point Value Background*/ /*CATALOG_TILE_POINT_VAL_BACKGROUND_E*/ } } @media screen and (max-width:40em) { .card .caption span{ /*ITEM_TEXT_HOVER_HIDE_B: Reward Item Hover Display Text*/ display: /*DISPLAY_B*//*DISPLAY_E*/; /*ITEM_TEXT_HOVER_HIDE_E*/ } .card .caption { /*ITEM_TEXT_HOVER_HIDE_B: Reward Item Hover Display Text*/ display: /*DISPLAY_B*//*DISPLAY_E*/; /*ITEM_TEXT_HOVER_HIDE_E*/ } } /* Rewards Item TILE Point Value Background and Font Color */ .card .item_price { /*CATALOG_TILE_POINT_VAL_BACKGROUND_B:Catalog Tiles Point Value Background*/ /*CATALOG_TILE_POINT_VAL_BACKGROUND_E*/ /*CATALOG_TILE_POINT_VAL_COLOR_B:Catalog Tiles Point Value Font*/ /*CATALOG_TILE_POINT_VAL_COLOR_E*/ } /* PRIMARY Buttons - Default Background Color*/ button.primary, button.primary[type="submit"], a.button.primary { /*PRIMARY_BUTTON_BACKGROUND_B:Primary Button Background*/ /*PRIMARY_BUTTON_BACKGROUND_E*/ } /* PRIMARY Buttons - Default Font Color*/ button.primary, button.primary[type="submit"], a.button.primary, button.primary:hover > span, button[type="submit"].primary:hover > span, a.button.primary:hover > span { /*PRIMARY_BUTTON_COLOR_B:Primary Button Font*/ /*PRIMARY_BUTTON_COLOR_E*/ } #fancybox-content > div > footer > div:nth-child(1) > div > a.button:focus, #fancybox-content > div > footer > div:nth-child(1) > div > a.button:active, #fancybox-content > div > footer > div:nth-child(1) > div > a.button:hover, #fancybox-content > div > footer > div:nth-child(2) > div > a.button:focus, #fancybox-content > div > footer > div:nth-child(2) > div > a.button:active, #fancybox-content > div > footer > div:nth-child(2) > div > a.button:hover, #btn_cancel:hover:enabled, #btn_cancel:active:enabled, button.next.twoUp:hover:enabled, button.next.twoUp:active:enabled, button.previous.twoUp:hover:enabled, button.previous.twoUp:active:enabled, button.continue_shopping:hover:enabled, button.continue_shopping:active:enabled, button.cancel_order:hover:enabled, button.cancel_order:active:enabled, #form_remove > fieldset > div:nth-child(3) > div:nth-child(2) > button:hover:enabled, #form_remove > fieldset > div:nth-child(3) > div:nth-child(2) > button:active:enabled, a.button[title="Remove"]:hover, a.button[title="Remove"]:active, #form_cancel > fieldset > div:nth-child(2) > div:nth-child(2) > button:hover:enabled, #form_cancel > fieldset > div:nth-child(2) > div:nth-child(2) > button:active:enabled, #view_statement:hover:enabled, #view_statement:active:enabled, #paperStatementsButton:hover:enabled, #paperStatementsButton:active:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(3) > div:nth-child(4) > label > button:hover:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(3) > div:nth-child(4) > label > button:active:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(5) > div:nth-child(1) > div > button:hover, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(5) > div:nth-child(1) > div > button:active, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(5) > div:nth-child(2) > div > button:hover, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(5) > div:nth-child(2) > div > button:active, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(5) > div:nth-child(3) > div > button:hover, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(5) > div:nth-child(3) > div > button:active, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(4) > div:nth-child(1) > div > button:hover:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(4) > div:nth-child(1) > div > button:active:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(4) > div:nth-child(2) > div > button:hover:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(4) > div:nth-child(2) > div > button:active:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(4) > div:nth-child(3) > div > button:hover:enabled, #tab1Content > dd.rtr_settings > div > fieldset > div:nth-child(4) > div:nth-child(3) > div > button:active:enabled, button.pwr_auto_enable_button:hover:enabled, button.pwr_auto_enable_button:active:enabled, button.pwr_auto_disable_button:hover:enabled, button.pwr_auto_disable_button:active:enabled, button.pwr_manual_redeem_button:hover:enabled, button.pwr_manual_redeem_button:active:enabled, #usrProfUpdButton:hover:enabled, #usrProfUpdButton:active:enabled, #securityInfoUpdBtn:hover:enabled, #securityInfoUpdBtn:active:enabled, #updateLinkNew:hover:enabled, #updateLinkNew:active:enabled, #notifPrefUpdBtn:hover:enabled, #notifPrefUpdBtn:active:enabled, #updateButton:hover:enabled, #updateButton:active:enabled, #form_add_card button:hover:enabled, #form_add_card button:active:enabled, #cancelButton:hover:enabled, #cancelButton:active:enabled, #my_cards button:hover, #my_cards button:active, button.shopping_cart:hover:enabled, button.shopping_cart:active:enabled, #form_checkout_confirmation_1 > fieldset > div:nth-child(2) > div:nth-child(2) > button:hover, #form_checkout_confirmation_1 > fieldset > div:nth-child(2) > div:nth-child(2) > button:active, #AccountInformationForm > div:nth-child(3) > div.small-60.large-15.columns.end > label > button:hover:enabled, #AccountInformationForm > div:nth-child(3) > div.small-60.large-15.columns.end > label > button:active:enabled, #fancybox-content > div > div > fieldset > div:nth-child(2) > div > button:active:enabled:not(#enrollButton), #fancybox-content > div > div > fieldset > div:nth-child(2) > div > button:hover:enabled:not(#enrollButton), #div_restore > div > fieldset > div:nth-child(3) > div:nth-child(2) > button:hover:enabled, #div_restore > div > fieldset > div:nth-child(3) > div:nth-child(2) > button:active:enabled, #form_edit_card > fieldset > div:nth-child(4) > div:nth-child(2) > button:hover:enabled, #form_edit_card > fieldset > div:nth-child(4) > div:nth-child(2) > button:active:enabled, #form_confirm > fieldset > div:nth-child(3) > div:nth-child(2) > button:hover:enabled, #form_confirm > fieldset > div:nth-child(3) > div:nth-child(2) > button:active:enabled, button.pwr_manual_calculate_button:hover:enabled, button.pwr_manual_calculate_button:active:enabled, button.pwr_manual_reset_button:hover:enabled, button.pwr_manual_reset_button:active:enabled, button.pwr_manual_cancel_button:hover:enabled, button.pwr_manual_cancel_button:active:enabled, button.pwr_manual_previous_button:hover:enabled, button.pwr_manual_previous_button:active:enabled, button.pwr_manual_done_button:hover:enabled, button.pwr_manual_done_button:active:enabled, button.pwr_update_card_button:hover:enabled, button.pwr_update_card_button:active:enabled, button.btn_previous:hover:enabled, button.btn_previous:active:enabled, #btn_previous:hover:enabled, #btn_previous:active:enabled, #btn_reset:hover:enabled, #btn_reset:active:enabled, button.change_address:hover:enabled, button.change_address:active:enabled, #btn_add:hover:enabled, #btn_add:active:enabled, #btn_edit:hover:enabled, #btn_edit:active:enabled, #btn_delete:hover:enabled, #btn_delete:active:enabled, #form_point_transfer_confirm > fieldset > div:nth-child(2) > div:nth-child(2) > button:hover:enabled, #form_point_transfer_confirm > fieldset > div:nth-child(2) > div:nth-child(2) > button:active:enabled, button.pwr_auto_cancel_button:hover:enabled, button.pwr_auto_cancel_button:active:enabled, button.pwr_auto_done_button:hover:enabled, button.pwr_auto_done_button:active:enabled, #form_cancel_transfer > fieldset > div:nth-child(2) > div:nth-child(2) > button:hover:enabled, #form_cancel_transfer > fieldset > div:nth-child(2) > div:nth-child(2) > button:active:enabled, #rr-view-buttons > div > button:hover:enabled, #rr-view-buttons > div > button:active:enabled, #form_enrollment > div:nth-child(6) > div:nth-child(2) > button:hover:enabled, #form_enrollment > div:nth-child(6) > div:nth-child(2) > button:active:enabled, [id^="updateLink"]:hover:enabled, [id^="updateLink"]:active:enabled, [id^="removeLink"]:hover:enabled, [id^="removeLink"]:active:enabled, button.pwr_select_card_button:hover:enabled, button.pwr_select_card_button:active:enabled, #cards_pre_registered button:hover, #cards_pre_registered button:active, #lightbox_manage_account_confirm > fieldset > div:nth-child(3) > div:nth-child(2) > button:hover:enabled, #lightbox_manage_account_confirm > fieldset > div:nth-child(3) > div:nth-child(2) > button:hover:enabled, #lightbox_manage_account_decline > fieldset > div:nth-child(3) > div:nth-child(2) > button:hover:enabled, #lightbox_manage_account_decline > fieldset > div:nth-child(3) > div:nth-child(2) > button:active:enabled, #form_select_household > div:nth-child(4) > div:nth-child(2) > button:hover:enabled, #form_select_household > div:nth-child(4) > div:nth-child(2) > button:active:enabled, #rr-dismiss:hover:enabled, #rr-dismiss:active:enabled, #fancybox-content > div > div > p:nth-child(2) > button:hover, #fancybox-content > div > div > p:nth-child(2) > button:active, body > div.off-canvas-wrap > div > section > section > div > div > div > div > div > div > nav > a.button:hover, body > div.off-canvas-wrap > div > section > section > div > div > div > div > div > div > nav > a.button:active { /*BUTTON_HOVER_BACKGROUND_B:Button Hover Background*/ /*BUTTON_HOVER_BACKGROUND_E*/ /*BUTTON_HOVER_COLOR_B:Button Hover Font*/ /*BUTTON_HOVER_COLOR_E*/ } /* Point Balance Box Background and Font Color */ dl.user_points { /*POINT_BAL_BOX_GRADIENT_B:Point Balance Box Background*/ /*POINT_BAL_BOX_GRADIENT_E*/ /*POINT_BAL_BOX_COLOR_B:Point Balance Box Font*/ text-shadow: 0 1px 0 #333333; /*POINT_BAL_BOX_COLOR_E:Point Balance Box Font*/ } /* Point Balance Box Font Color */ dl.user_points > dt.view_label, dl.user_points > dt.view_label:hover, #ajax_user_points > dt > span, #ajax_user_points > dt > span:hover { /*POINT_BAL_BOX_COLOR_B:Point Balance Box Font*/ /*POINT_BAL_BOX_COLOR_E:Point Balance Box Font*/ } /* Left Navigation Base Background and Font Color */ #user_actions > nav.sidebar_menu > ul > li > a, body > div.off-canvas-wrap > div > div > div > aside > ul.off-canvas-list.actions > li > a, body > div.off-canvas-wrap.move-right > div > aside > ul.off-canvas-list.actions > li > a { /*LEFT_NAV_BACKGROUND_B:Left Nav Default Background*/ /*LEFT_NAV_BACKGROUND_E*/ /*LEFT_NAV_COLOR_B:Left Nav Default Font*/ /*LEFT_NAV_COLOR_E*/ } /* Left Nav Hover Background and Font Color */ #user_actions > nav.sidebar_menu > ul > li > a:hover, body > div.off-canvas-wrap > div > div > div > aside > ul.off-canvas-list.actions > li > a:hover, body > div.off-canvas-wrap.move-right > div > aside > ul.off-canvas-list.actions > li > a:hover { /*LEFT_NAV_HOVER_BACKGROUND_B:Left Nav Hover Background*/ /*LEFT_NAV_HOVER_BACKGROUND_E*/ /*LEFT_NAV_HOVER_COLOR_B:Left Nav Hover Font*/ /*LEFT_NAV_HOVER_COLOR_E*/ } /* Left Nav Active Background and Font Color */ #user_actions > nav.sidebar_menu > ul > li > a.active_nav_list, body > div.off-canvas-wrap.move-right > div > aside > ul.off-canvas-list.actions > li > a.active_nav_list { /*LEFT_NAV_ACTIVE_BACKGROUND_B:Left Nav Active Background*/ /*LEFT_NAV_ACTIVE_BACKGROUND_E*/ /*LEFT_NAV_ACTIVE_COLOR_B:Left Nav Active Font*/ /*LEFT_NAV_ACTIVE_COLOR_E*/ } /* Shop the Catalog - Active Sort Order Background Color */ #shop_offers #shop_list header #order_type dd.activeCatalogSort { /*CATALOG_SORT_ACTIVE_GRADIENT_B:Catalog Sort Active Background*/ /*CATALOG_SORT_ACTIVE_GRADIENT_E*/ } /* Shop the Catalog - Active Sort Order Font Color */ #shop_offers #shop_list header #order_type dd.activeCatalogSort > a { /*CATALOG_SORT_ACTIVE_COLOR_B:Catalog Sort Active Font*/ /*CATALOG_SORT_ACTIVE_COLOR_E*/ } /* Shop the Catalog - Sort Order Hover Background Color */ #shop_offers #shop_list header #order_type dd:hover { /*CATALOG_HOVER_GRADIENT_B:Catalog Hover Background*/ /*CATALOG_HOVER_GRADIENT_E*/ } /* Shop the Catalog - Sort Order Hover Font Color */ #shop_offers #shop_list header #order_type dd > a:hover, #shop_offers #shop_list header #order_type dd.active a:hover { /*CATALOG_HOVER_COLOR_B:Catalog Hover Font*/ /*CATALOG_HOVER_COLOR_E*/ } /* Top Banner Menu Default Font Color */ header div#nav_holder nav#main ul li a { display: flex; align-items: center; /*BANNER_NAV_COLOR_B:Banner Navigation Default Font*/ /*BANNER_NAV_COLOR_E*/ /*BANNER_FONT_CONFIG_FONT_STYLE_B:Banner Font Style*/ /*BANNER_FONT_CONFIG_FONT_STYLE_E*/ /*BANNER_FONT_CONFIG_FONT_FAMILY_B:Banner Font Family*/ /*BANNER_FONT_CONFIG_FONT_FAMILY_E*/ /*BANNER_FONT_CONFIG_FONT_SIZE_B:Banner Font Size*/ /*BANNER_FONT_CONFIG_FONT_SIZE_E*/ } /*Fix to Align Center Navigation Links*/ header div#nav_holder nav#aux { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; display: flex; align-items: center; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } /*Fix to Align Center Navigation Links*/ header div#nav_holder #logged_panel { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; display: flex; align-items: center; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } /*Fix to Align Center Navigation Links*/ header div#nav_holder nav#aux ul { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; width: 100%; position: absolute; right: 0%; top: 0%; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } /*Fix to Align Center Navigation Links*/ header div#nav_holder #logged_panel ul{ height:100px; /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; float: right; width: 400px; position: absolute; right: 0%; top: 0%; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } header div#nav_holder #logged_panel li.cart_link { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: 100%; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } header div#nav_holder #logged_panel li.user_name, header div#nav_holder #logged_panel li.logout_link { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: 50%; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } header div#nav_holder nav#aux ul li { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: 50%; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } /* Login-Register Default Font Color */ header div#nav_holder nav#aux ul li a { /*BANNER_NAV_COLOR_B:Banner Navigation Default Font*/ /*BANNER_NAV_COLOR_E*/ /*BANNER_FONT_CONFIG_FONT_STYLE_B:Banner Font Style*/ /*BANNER_FONT_CONFIG_FONT_STYLE_E*/ /*BANNER_FONT_CONFIG_FONT_FAMILY_B:Banner Font Family*/ /*BANNER_FONT_CONFIG_FONT_FAMILY_E*/ /*BANNER_FONT_CONFIG_FONT_SIZE_B:Banner Font Size*/ /*BANNER_FONT_CONFIG_FONT_SIZE_E*/ /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: 100%; display: flex; align-items: center; justify-content: flex-end; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } header div#nav_holder nav#logged_panel ul li a { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ display: flex; align-items: center; justify-content: flex-end; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } /* Logged In Banner Menu � Customer Name, Logout and Font Color */ header div#nav_holder #logged_panel li a, header div#nav_holder #logged_panel li.cart_link { /*BANNER_NAV_COLOR_B:Banner Navigation Default Font*/ /*BANNER_NAV_COLOR_E*/ /*BANNER_FONT_CONFIG_FONT_STYLE_B:Banner Font Style*/ /*BANNER_FONT_CONFIG_FONT_STYLE_E*/ /*BANNER_FONT_CONFIG_FONT_FAMILY_B:Banner Font Family*/ /*BANNER_FONT_CONFIG_FONT_FAMILY_E*/ /*BANNER_FONT_CONFIG_FONT_SIZE_B:Banner Font Size*/ /*BANNER_FONT_CONFIG_FONT_SIZE_E*/ } /* Top Banner Menu Defina width */ #header_main div.row { /*BANNER_NAV_W_PERCENTAGE_B:Banner Navigation Width*/ max-width: /*PCT1_B*/250%/*PCT1_E*/; /*BANNER_NAV_W_PERCENTAGE_E*/ } header div#nav_holder { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ margin: 0 -7px !important; } /* Banner Navigation Links */ @media screen and (min-width:1260px){ header div#nav_holder .row.collapse { /*BANNER_NAVIGATION_LINK_B:Banner Navigation Links*/ margin-left: /*PCT1_B*//*PCT1_E*/; margin-right: /*PCT1_B*//*PCT1_E*/; /*BANNER_NAVIGATION_LINK_E*/ } } @media screen and (max-width:1259px){ header div#nav_holder .row.collapse { margin-left: 5%; margin-right: 5%; } } @media screen and (max-width:1079px){ header div#nav_holder .row.collapse { margin-left: 3%; margin-right: 3%; } } @media screen and (min-width: 40em){ /* Hero Marquee Add option to stretch image */ #hero > .row { /*BANNER_NAV_HERO_B:Hero Marquee Image Width*/ max-width: /*PCT1_B*//*PCT1_E*/; padding: /*PX_B*/0 0px/*PX_E*/; /*BANNER_NAV_HERO_E:*/ } /* Stretch hero marquee*/ .columns{ /*BANNER_NAV_HERO_B:Hero Marquee Image Width*/ padding: /*PX_B*/0 0px/*PX_E*/; padding: /*PX_B*/0 0px/*PX_E*/; /*BANNER_NAV_HERO_E:*/ } } /* MOBILE */ /* Left Menu Default Font Color */ body > div.off-canvas-wrap.move-right > div > aside > ul:nth-child(2) > li a, body > div.off-canvas-wrap > div > div > div > aside > ul:nth-child(2) > li a, body > div.off-canvas-wrap.move-right > div > aside > ul:nth-child(1) > li a, body > div.off-canvas-wrap > div > div > div > aside > ul:nth-child(1) > li a { /*BANNER_NAV_COLOR_B:Banner Navigation Default Font*/ /*BANNER_NAV_COLOR_E*/ } /* Top Banner Menu Justify text alignment Left, right or Center*/ header div#nav_holder nav#main ul li a { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ /*BANNER_NAV_JUSTIFY_B:Banner Text Alignment*/ /*BANNER_NAV_JUSTIFY_E*/ } header div#nav_holder nav a { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } header div#nav_holder nav#main ul li a:hover { /*BANNER_NAV_HOVER_BACKGROUND_B:Banner Navigation Hover Background*/ /*BANNER_NAV_HOVER_BACKGROUND_E*/ /*BANNER_NAV_HOVER_COLOR_B:Banner Navigation Hover Font*/ /*BANNER_NAV_HOVER_COLOR_E*/ /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } header div#nav_holder nav#main ul li span { /*BANNER_NAV_H_HEIGHT_WIDTH_B:Banner Navigation Height*/ height: /*PCT1_B*//*PCT1_E*/; /*BANNER_NAV_H_HEIGHT_WIDTH_E*/ } /* Login-Register Hover Background and Font Color */ header div#nav_holder nav#aux ul li a:hover { /*BANNER_NAV_HOVER_BACKGROUND_B:Banner Navigation Hover Background*/ /*BANNER_NAV_HOVER_BACKGROUND_E*/ /*BANNER_NAV_HOVER_COLOR_B:Banner Navigation Hover Font*/ /*BANNER_NAV_HOVER_COLOR_E*/ } /* Logged In Banner Menu � Customer Name, Logout, and Cart Hover and Font Color */ header div#nav_holder #logged_panel li.user_name > a:hover, header div#nav_holder #logged_panel li.logout_link > a:hover, header div#nav_holder #logged_panel li.cart_link:hover { /*BANNER_NAV_HOVER_BACKGROUND_B:Banner Navigation Hover Background*/ /*BANNER_NAV_HOVER_BACKGROUND_E*/ /*BANNER_NAV_HOVER_COLOR_B:Banner Navigation Hover Font*/ /*BANNER_NAV_HOVER_COLOR_E*/ } /* MOBILE */ /* Left Menu Hover Background and Font Color */ body > div.off-canvas-wrap.move-right > div > aside > ul:nth-child(2) > li a:hover, body > div.off-canvas-wrap > div > div > div > aside > ul:nth-child(2) > li a:hover, body > div.off-canvas-wrap.move-right > div > aside > ul:nth-child(1) > li a:hover, body > div.off-canvas-wrap > div > div > div > aside > ul:nth-child(1) > li a:hover { /*BANNER_NAV_HOVER_BACKGROUND_B:Banner Navigation Hover Background*/ /*BANNER_NAV_HOVER_BACKGROUND_E*/ /*BANNER_NAV_HOVER_COLOR_B:Banner Navigation Hover Font*/ /*BANNER_NAV_HOVER_COLOR_E*/ } /* Header Default Color */ nav#global dl dt a, nav#global dl dd a, #locale .cs-select span.cs-placeholder, body > div.off-canvas-wrap.move-right > div > aside > ul.off-canvas-list.secondary, body > div.off-canvas-wrap > div > div > div > aside > ul.off-canvas-list.secondary { /*HEADER_COLOR_B:Header Default Font*/ /*HEADER_COLOR_E*/ } /* Header Hover Color */ nav#global dl dt:hover a, nav#global dl dd:hover a, #locale .cs-select span.cs-placeholder:hover, body > div.off-canvas-wrap.move-right > div > aside > ul.off-canvas-list.secondary:hover, body > div.off-canvas-wrap > div > div > div > aside > ul.off-canvas-list.secondary:hover { /*HEADER_HOVER_COLOR_B:Header Hover Font*/ /*HEADER_HOVER_COLOR_E*/ } /* Main Footer Column Title FONT Color */ footer#footer_main nav dl dt { /*FOOTER_COL_LABEL_COLOR_B:Footer Column Label Font*/ /*FOOTER_COL_LABEL_COLOR_E*/ } /* Main Footer Menu Options Default FONT Color */ footer#footer_main nav dl dd a { /*FOOTER_MENU_OPTION_COLOR_B:Footer Menu Option Default Font*/ /*FOOTER_MENU_OPTION_COLOR_E*/ } /* Main Footer Menu Options HOVER FONT Color */ footer#footer_main nav dl dd a:hover { /*FOOTER_MENU_OPTION_HOVER_COLOR_B:Footer Menu Option Hover Font*/ /*FOOTER_MENU_OPTION_HOVER_COLOR_E*/ } /* Lower Footer FONT Color */ footer#footer_main .copyright_left, footer#footer_main .copyright_right{ /*FOOTER_TXT_COLOR_B:Footer Text Font*/ /*FOOTER_TXT_COLOR_E*/ } /* Catalog Category Default Color */ nav.sidebar_menu > ul li > a, nav.sidebar_menu > ul ul > li > a, #featured_offers nav.landing_offer_categories > ul > li > a, #featured_offers nav.landing_offer_categories > a, #featured_offers > nav > ul li a { /*CATALOG_CAT_COLOR_B:Catalog Category Default Font*/ /*CATALOG_CAT_COLOR_E*/ } /* Rewards Item TILE "POINTS" FONT Color */ .card .item_price .label { /*CATALOG_TILE_POINT_TXT_COLOR_B:Catalog Tiles "Points" Text Font*/ /*CATALOG_TILE_POINT_TXT_COLOR_E*/ } /* Condensed Catalog TEXT Font Color */ .page_content.index #home_featured_offers h2 { /*COND_CATALOG_TITLE_TXT_COLOR_B:Condensed Catalog Title Text Font*/ /*COND_CATALOG_TITLE_TXT_COLOR_E*/ } /* Page Titles Font Color */ .page_content h2 { /*PAGE_TITLE_COLOR_B:Page Title Font*/ /*PAGE_TITLE_COLOR_E*/ } /* Shop the Catalog - Category Box Label Font Color */ nav.sidebar_menu h3 { /*CATEGORY_TITLE_COLOR_B:Category Title Font*/ /*CATEGORY_TITLE_COLOR_E*/ } /* Forgot User ID/Password Hover */ form p.help a:hover { /*FORGOT_PW_HOVER_COLOR_B:Login Forgot User ID Forgot Password Hover Font*/ /*FORGOT_PW_HOVER_COLOR_E*/ } /* Primary Text Font Color */ label > .value, .page_content.rewards_summary .point_summary span.value, .page_content.shop_details form .price .number, .page_content.shop_details_logged form .price .number, #cartItemCount, #form_10088 .card .item_price, div.item_row span.name, #breadcrumb > li > a { /*PRIMARY_TEXT_COLOR_B:Primary Text (Colored) Font*/ /*PRIMARY_TEXT_COLOR_E:Primary Text (Colored) Font*/ } /* Header Hover Color */ nav#global dl dt:hover a, nav#global dl dd:hover a { /*HEADER_HOVER_COLOR_B: Header Hover Font*/ /*HEADER_HOVER_COLOR_E*/ } /* Search Box Background, Font Color and Border Width */ #shop_offers input[type="text"], #filter_catalog_heirarchy select { background-color: #FFF; border-color: #787878; color: #787878; /*SEARCH_BOX_BACKGROUND_B: Search Box Background*/ /*SEARCH_BOX_BACKGROUND_E*/ /*SEARCH_BOX_FONT_COLOR_B: Search Box Font Color*/ /*SEARCH_BOX_FONT_COLOR_E*/ /*SEARCH_BOX_BORDER_STYLE_B: Search Box Border Style*/ border-style: /*BRDR_STY_B*//*BRDR_STY_E*/ !important; /*SEARCH_BOX_BORDER_STYLE_E*/ /*SEARCH_BOX_BORDER_WIDTH_B: Search Box Border Width*/ /*SEARCH_BOX_BORDER_WIDTH_E*/ /*SEARCH_BOX_BORDER_COLOR_B: Search Box Border Color*/ /*SEARCH_BOX_BORDER_COLOR_E*/ } /*SEARCH_BOX_FONT_COLOR_B: Search Box Font Color*/ .search > input::-webkit-input-placeholder { /* Chrome */ } .search > input:-ms-input-placeholder { /* IE 10+ */ } .search > input::-moz-placeholder { /* Firefox 19+ */ opacity: 1; } .search > input:-moz-placeholder { /* Firefox 4 - 18 */ opacity: 1; /*SEARCH_BOX_FONT_COLOR_E*/ }