/* LFS DJ PROD CSS - START 30-01-2025 v1 */ /* Main Upgrade CSS - START */ @charset "UTF-8"; h1, h2, h3, h4, h5, h6 { color: #000000 } p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; } h1 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 32px !important; color: #000000; line-height: 125%; font-weight: 450; } h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 24px !important; color: #48494C; line-height: 125%; font-weight: 500; } h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px !important; color: #48494C; line-height: 125%; font-weight: 450; } html[dir="rtl"] #filter_catalog_heirarchy .search_upgrade .button_icon_left { float: left; margin: -41px 0 0 5px; padding-left: 0 !important; padding-right: 20px !important; } header div#nav_holder #logged_panel li span { color: #ffffff; } header div#nav_holder #logged_panel li { width: min-content } .shopping_cart_upgraded .item_row .item_points, .shopping_cart_upgraded .item_row .total_points { text-align: left; font-weight: bold } .shopping_cart_upgraded footer.item_row span { text-transform: initial } label>span:first-child { text-transform: none } .row { max-width: none } .frequency>label>span { white-space: nowrap } .frequency>label { display: flex } dl.tab1ContentUpgraded { columns: 2 } #fancybox-close { background: transparent url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/fancybox/close_modal_upgraded.svg") right top } label>span.cash-lbl-txt { width: auto } .preferredSpan { padding-right: 0; padding-top: 0 } .prefferedCashAmt { padding-top: 0 } .preferredButton { float: left } label>.value-upgraded { padding: 0 } label.perferredMinimumCashAmt { margin-bottom: 0 } .user_name a { text-align: end } .user_name .tab-class { font-weight: bold } .last-login-upgrade { font-size: x-small; float: right; margin-top: -10px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 } .maximumCashBackPerPeriod .currency, .perferredMinimumCashAmt .currency { width: 10px } .maximumCashBackPerPeriod input, .maximumCashBackPerPeriod select, .perferredMinimumCashAmt input, .perferredMinimumCashAmt select { width: 40% } nav div.row-top-margin-40 { margin-top: 40px } nav div button.user_dropdownbtn { background-color: #000000; color: white; padding: 16px; font-size: 16px !important; border: 0; cursor: pointer } nav div button.user_dropdownbtn:hover, .user_dropdownbtn:focus { background-color: #2980b9 } .upgrade_customer_name_font_size { font-size: calc(100%) !important } .upgrade_customer_name { float: left; color: #000000; text-align: left; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-right: 20px; margin-left: 40px; font-size: calc(100% - 3px); text-transform: none } .customer_name_margin_top1 { margin-top: -30px } .customer_name_margin_top2 { margin-top: -35px } .userdropdown_outline { overflow: hidden; white-space: nowrap } .userdropdown_outline .dropdown_up_arrow { float: right; margin-left: -20px } .userdropdown_outline .dropdown_margin_top1 { margin-top: -40px } .userdropdown_outline .dropdown_margin_top2 { margin-top: -40px } .user_icon_mobile { text-indent: -9999px; height: 38px; background: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/user-profile.svg) no-repeat left top transparent; margin-left: 5px } .user_name_mobile { margin-left: 30px; font-size: 14px !important } .user_name_mobile_style1 { margin-top: -35px; } .user_name_mobile_style2 { margin-top: -50px; line-height: 18px } nav div.userdropdown { position: relative; display: inline-block } nav div div.dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); z-index: 1 } nav div div.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block } nav div.userdropdown a:hover { background-color: #ddd } nav div div.show { display: block } /* Hamburger hover menu */ .left-off-canvas-menu ul.off-canvas-list li a:hover, .right-off-canvas-menu ul.off-canvas-list li a:hover { background-color: #F4F4F4; font-size: calc(100% - 5px) !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 !important; width: 250px; text-transform: inherit !important; display: inline-block; } /* Hamburger hover menu */ .cm-toggle { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; position: relative; border: 0; outline: 0; cursor: pointer; margin: 10px } .cm-toggle:after { content: ''; width: 35px; height: 18px; display: inline-block; background: rgba(196, 195, 195, 0.55); border-radius: 18px; clear: both } .cm-toggle:before { content: ''; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: -1px; border-radius: 50%; background: #ffffff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) } .cm-toggle:checked:before { left: 15px; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6) } .cm-toggle:checked:after { background: #EEEBE7 !important; } .cm-toggle, .cm-toggle:before, .cm-toggle:after, .cm-toggle:checked:before, .cm-toggle:checked:after { transition: ease .3s; -webkit-transition: ease .3s; -moz-transition: ease .3s; -o-transition: ease .3s } .page_content.index #hero { margin-top: 0 } .theme-default .nivoSlider { max-height: max-content } .slider-wrapper { z-index: 0 } label.automatic_redemption { margin-top: 20px } .page_content.shop_details form input[type="checkbox"] { float: left } label.automatic_redemption span { width: auto } .item_details nav#showbreadcrumb, .item_details ul.showbreadcrumb { display: none !important } .card_list { padding: 25px 0 0 0 } div.price { margin: 30px 0 0 0 } button.pwr_update_card_button { width: auto } span.item_ship, span.item_ship.item_ship_to, #fancybox-content, #panel4 div>p, #panel4 div>div>p, .lightbox_redemption_address_maint_1 .content div, .accordion-navigation.inner a, #fancybox-content .content form label>span, #fancybox-content .content form .row .remember_dev_sw, div.dataTables_length label>select, div.dataTables_length label, ul.pagination li.paginate_button a, .bonus_tracker, .bonus_tracker h3, .rewards_summary.page_content #faq3 h3, .rewards_summary.page_content div#panel3 p, section.print_friendly .row h1, section.print_friendly .row p a, section.print_friendly { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content select { background-image: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg) !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .bonus_tracker h3 { margin-left: 10px } .lightbox_recurring_redemption_view .content label input[type="text"] { width: 200px } .lightbox_recurring_redemption_view .content div#rr-view-buttons, #fancybox-content .content fieldset .row button, #fancybox-content .content form .row button { float: left } @media only screen and (max-width:1024px) { .left-off-canvas-menu li.adjusted-height3, .right-off-canvas-menu li.adjusted-height3 { height: 300px } .left-off-canvas-menu li.adjusted-height2, .right-off-canvas-menu li.adjusted-height2 { height: 250px } .left-off-canvas-menu li.adjusted-height1, .right-off-canvas-menu li.adjusted-height1 { height: 200px } .left-off-canvas-menu li.adjusted-height0, .right-off-canvas-menu li.adjusted-height0 { height: 150px } } div.lightbox_recurring_redemption_view header { padding-left: .5rem } nav#global, .left-off-canvas-menu ul li label, .right-off-canvas-menu ul li label { background: #000000; } .left-off-canvas-menu ul li label, .right-off-canvas-menu ul li label { color: #fff } nav#global dl { width: unset; margin-left: 25px; margin-right: 25px } nav#global dl dd a, nav#global dl dt a { color: #ffffff; text-transform: none } #locale .cs-select span.cs-placeholder, #locale .cs-select .cs-options { color: #ffffff; text-transform: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background-color: #000000; } #locale .cs-select .cs-options { border: 1px solid #000000 } .left-off-canvas-menu { background-color: #000000; } @media screen and (max-width:640px) { .cs-select .cs-options, .cs-select>span { display: none } } /* CircularXX */ @font-face { font-family: "CircularXX-Regular"; src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Medium.eot"); src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Medium.eot?#iefix") format('embedded-opentype'), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Medium.ttf") format("truetype"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Medium.woff") format("woff"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Medium.otf") format("opentype"); } @font-face { font-family: "CircularXX-Book"; src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Book.eot"); src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Book.eot?#iefix") format('embedded-opentype'), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Book.ttf") format("truetype"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Book.woff") format("woff"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Book.otf") format("opentype"); } @font-face { font-family: "CircularXX-Light"; src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Light.eot"); src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Light.eot?#iefix") format('embedded-opentype'), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Light.ttf") format("truetype"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Light.woff") format("woff"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Light.otf") format("opentype"); } @font-face { font-family: "CircularXX-Regular"; src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Regular.eot"); src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Regular.eot?#iefix") format('embedded-opentype'), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Regular.ttf") format("truetype"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Regular.woff") format("woff"), url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Regular.otf") format("opentype"); } @font-face { font-family: "CircularXX-Black"; src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Black.otf") format("opentype"); } @font-face { font-family: "CircularXX-Bold"; src: url("/rewards/theme/phoenix/fonts/CircularXX/CircularXX-Bold.otf") format("opentype"); } .font-reg { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .font-med { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .font-bold { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; letter-spacing: 1.8px } .body-font, .public_page .top-slider .slider-wrapper .slide-text .button-container a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .redeem_page .heading-title, .redeem_page .public_page .top-slider .slider-wrapper .slide-text h1, .public_page .top-slider .slider-wrapper .slide-text .redeem_page h1, .public_page .heading-title, .public_page .top-slider .slider-wrapper .slide-text h1, .product_page .heading-title, .product_page .public_page .top-slider .slider-wrapper .slide-text h1, .public_page .top-slider .slider-wrapper .slide-text .product_page h1 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-loading .slick-list { background: #fff center center no-repeat } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir="rtl"] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-prev, .slick-next { background-color: transparent; background-size: auto 100%; z-index: 100; width: 30px; height: 58px; position: absolute; display: block; cursor: pointer; bottom: 20px; margin-top: -34px; line-height: 0; font-size: 0; padding: 0; border: 0; outline: 0 } .slick-prev { left: 44%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-left.svg") } .slick-next { background-position: 100% center; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); right: 42%; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-right.svg") } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: .25 } .slick-slider { margin-bottom: 0 } .slick-dots { margin-left: 0; position: absolute; bottom: 50px; list-style: none; display: block; text-align: center; padding: 0; width: 100% } .slick-dots li { position: relative; display: inline-block; height: 14px; width: 14px; margin: 0 6px; padding: 0; cursor: pointer } .slick-dots li button { position: relative; border-radius: 100%; border: 0; background: #ffffff; display: block; height: 14px; width: 14px; outline: 0; line-height: 0; font-size: 0; color: #ffffff; padding: 5px; cursor: pointer } .slick-dots li button:hover, .slick-dots li button:focus { outline: 0 } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "���"; width: 14px; height: 14px; font-family: "slick"; font-size: 16px !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; line-height: 14px; text-align: center; color: transparent; border: 1px solid #ffffff; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button { background-color: transparent } .slick-dots li.slick-active button:before { background-color: #F4F4F4; border: 1px solid #F4F4F4 } .top-slider button:focus, .top-slider button:hover { background-color: transparent } @media screen and (max-width:1181px) { .slick-prev { left: 42% } .slick-next { right: 40% } } @media screen and (max-width:960px) { .slick-prev { left: 40% } .slick-next { right: 36% } .slick-dots li.slick-active button { border: 1px solid #fff } } @media screen and (max-width:640px) { .slick-prev { left: 31% } .slick-next { right: 23% } .slick-dots { bottom: 23px } .slick-prev, .slick-next { bottom: -9px } } .freeform_page_temp ul.resp-tabs-list { margin: 0; padding: 0 } .freeform_page_temp ul.resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; width: auto } .freeform_page_temp .resp-tabs-container { padding: 0; background-color: #ffffff; clear: left } .freeform_page_temp .resp-tabs-container p { float: none } .freeform_page_temp h2.resp-accordion { cursor: pointer; padding: 5px; display: none } .freeform_page_temp .resp-tab-content { display: none; padding: 15px } .freeform_page_temp .resp-tab-active { border: 1px solid #c1c1c1; border-bottom: 0; margin-bottom: -1px !important; padding: 12px 14px 14px 14px } .freeform_page_temp .resp-tab-active { border-bottom: 0; background-color: #fff } .freeform_page_temp .resp-content-active, .freeform_page_temp .resp-accordion-active { display: block } .freeform_page_temp .resp-tab-content { border: 1px solid #c1c1c1 } .freeform_page_temp h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0 solid #c1c1c1; margin: 0; padding: 10px 15px } .freeform_page_temp h2.resp-tab-active { border-bottom: 0 solid #c1c1c1 !important; margin-bottom: 0 !important; padding: 10px 15px } .freeform_page_temp h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue } .freeform_page_temp .resp-vtabs ul.resp-tabs-list { float: left; width: 30% } .freeform_page_temp .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none } .freeform_page_temp .resp-vtabs .resp-tabs-container { padding: 0; background-color: #ffffff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none } .freeform_page_temp .resp-vtabs .resp-tab-content { border: 0 } .freeform_page_temp .resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; border-right: 0; background-color: #ffffff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px } .freeform_page_temp .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #2d373e } .freeform_page_temp h2.resp-tab-active span.resp-arrow { border: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #d5002b } .freeform_page_temp h2.resp-tab-active { background: #dbdbdb !important } .freeform_page_temp .resp-easy-accordion h2.resp-accordion { display: block } .freeform_page_temp .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1 } .freeform_page_temp .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important } .freeform_page_temp .resp-jfit { width: 100%; margin: 0 } .freeform_page_temp .resp-tab-content-active { display: block } .freeform_page_temp h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important } @media only screen and (max-width:768px) { .freeform_page_temp ul.resp-tabs-list { display: none } .freeform_page_temp h2.resp-accordion { display: block } .freeform_page_temp .resp-vtabs .resp-tab-content { border: 1px solid #c1c1c1 } .freeform_page_temp .resp-vtabs .resp-tabs-container { border: 0; float: none; width: 100%; min-height: initial; clear: none } .freeform_page_temp .resp-accordion-closed { display: none !important } .freeform_page_temp .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important } } body { margin: 0 } h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1; font-weight: normal } sup { font-size: 60% } .clear, .public_page .top-slider, .public_page .top-slider .slider-wrapper .slide-text .button-container { clear: both } .clear:after, .public_page .top-slider:after, .public_page .top-slider .slider-wrapper .slide-text .button-container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .clearfix { *zoom: 1 } .bg-grey { background-color: #EEEBE7 } .bg-white { background-color: #fff } #header_main .small-60.columns { padding: 0 } #header_main #nav_holder { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between } #header_main #nav_holder nav#main { width: 62%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } #header_main #nav_holder nav#main ul { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center } #header_main #nav_holder nav#main ul li { padding: 0 12px } #header_main #nav_holder nav#main ul li a { text-transform: capitalize; width: auto !important; height: auto !important; padding: 5px 0; text-decoration: none; display: inline-block; font-size: 16px !important; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; position: relative; border-bottom: 2px solid transparent } #header_main #nav_holder nav#main ul li a:hover { background-color: transparent } #header_main #nav_holder nav#main ul li a:hover::before { content: ''; width: 100%; height: 4px; bottom: 0; left: 0; background-color: #000000; position: absolute } #header_main #nav_holder nav#main ul li a.active:before { content: ''; width: 100%; height: 4px; bottom: 0; left: 0; background-color: #000000; position: absolute } #header_main #nav_holder #form_header { width: 33%; margin-right: 2% } #header_main div#nav_holder { box-shadow: none; overflow: unset } #header_main div#nav_holder #logged_panel { width: 105% } #header_main div#nav_holder #logged_panel div.row-top-margin-40 { margin-top: 14px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } #header_main div#nav_holder #logged_panel .last-login-upgrade { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 10px; color: #000000; margin-top: -6px } #header_main div#nav_holder #logged_panel .userdropdown { left: auto; width: 60%; max-inline-size: fit-content; padding-right: 10px } #header_main div#nav_holder #logged_panel .userdropdown .user_dropdownbtn { text-indent: -9999px; height: 38px; background: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/user-profile.svg) no-repeat left top transparent } label[for=accept_promo_sw] { display: none; } #header_main div#nav_holder #logged_panel .userdropdown .dropdown-content { display: none; position: absolute; overflow: unset; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 2px 10px rgba(20, 20, 19, 0.2); background-color: #ffffff; min-width: 190px; border-radius: 0px; top: 1px; } #header_main div#nav_holder #logged_panel .userdropdown:hover .dropdown-content { display: block; position: absolute; top: 55px; } #header_main div#nav_holder #logged_panel .userdropdown:hover .dropdown-content { display: block !important; margin-top: -16px !important; } #header_main div#nav_holder #logged_panel .userdropdown .dropdown-content a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; text-transform: capitalize } #header_main div#nav_holder #logged_panel .userdropdown .dropdown-content a:hover { background-color: #000000; color: #fff } #header_main div#nav_holder #logged_panel .userdropdown .dropdown-content:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 12px 15px 12px; border-color: transparent transparent #fff transparent; -webkit-filter: drop-shadow(0 -2px 1px rgba(20, 20, 19, 0.1)); filter: drop-shadow(0 -2px 1px rgba(20, 20, 19, 0.1)); position: absolute; top: -15px; left: 30px; right: -126px; margin: 0 auto } #header_main div#nav_holder #logged_panel .small-60.medium-20.medium-push-15.columns { width: auto; min-width: 33.33%; left: -10px; } #header_main div#nav_holder #logged_panel .cart_link { width: 14% } #header_main div#nav_holder #logged_panel .cart_link a, #header_main div#nav_holder #logged_panel .right-off-canvas-menu .cart_link a { height: 42px; background: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/cart-icon-upgraded.svg) no-repeat right top transparent } #header_main div#nav_holder #logged_panel .cart_link a:hover, #header_main div#nav_holder #logged_panel .right-off-canvas-menu .cart_link a:hover { background-position: right top } #header_main div#nav_holder #logged_panel .rewards_summary { width: auto; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-align: center; border: 2px solid #000000; padding: .5rem .5rem; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 7px } #header_main div#nav_holder #logged_panel .rewards_summary span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; text-transform: capitalize } #header_main div#nav_holder #logged_panel .rewards_summary #my_points_span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000 } #header_main div#nav_holder #logged_panel .rewards_summary:hover { background-color: #f0f0f0 } #header_main div#nav_holder #logged_panel .cart_link.item_count #cartItemCount { display: block; padding: 0; border-radius: 50%; width: 21px; height: 21px; vertical-align: middle; line-height: 16px; font-size: 10px; border: 3px solid white; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; top: -5px; right: 11px; left: auto; color: #ffffff; background-color: #000000; text-align: center; position: absolute } #header_main div#nav_holder #logged_panel .cart_link #cartItemCount { display: none } #header_main div#nav_holder nav#aux ul { width: 100%; max-width: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-right: 4% } #header_main div#nav_holder nav#aux ul li { width: auto; padding: 0 12px } #header_main div#nav_holder nav#aux ul li a { text-transform: capitalize; width: auto !important; height: auto !important; padding: 0; text-decoration: none; display: inline-block; font-size: 16px !important; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; position: relative; border-bottom: 2px solid transparent } #header_main div#nav_holder nav#aux ul li a:hover { background-color: transparent } #header_main div#nav_holder nav#aux ul li a:hover::before { content: ''; width: 100%; height: 4px; bottom: 8px; left: 0; background-color: #000000; position: absolute } #header_main div#nav_holder nav#aux ul li:not(:last-of-type):after { content: ''; width: 1px; height: 100%; top: 0; right: 0; background-color: #000000; position: absolute } @media only screen and (max-width:1400px) { #header_main #nav_holder nav#main { width: 64% } #header_main div#nav_holder #logged_panel ul li a, #header_main #nav_holder nav#main ul li a, #header_main div#nav_holder #logged_panel ul li span { font-size: 14px } } @media only screen and (max-width:1336px) { #header_main div#nav_holder #logged_panel .rewards_summary #my_points_span { font-size: 13px } } @media only screen and (max-width:1280px) { #header_main #nav_holder #form_header { width: 33% } #header_main #nav_holder nav#main { width: 65% } #header_main div#nav_holder #logged_panel ul li a, #header_main #nav_holder nav#main ul li a, #header_main div#nav_holder #logged_panel ul li span { font-size: 13px } } @media only screen and (max-width:1024px) { .left-off-canvas-menu ul li a.last-login-label { font-size: 12px } aside.left-off-canvas-menu li a.cart_link, aside.right-off-canvas-menu li a.cart_link { background: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/cart-icon-upgraded.svg); width: 44px; height: 36px; right: 10px; margin-top: 60px } .left-off-canvas-menu a.cart_link.item_count span, .right-off-canvas-menu a.cart_link.item_count span { padding: 0; border-radius: 50%; width: 24px; height: 24px; vertical-align: middle; line-height: 22px; font-size: 10px; border: 2px solid #CE000E; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; top: -5px; left: 20px; color: #ffffff; background-color: #CE000E; display: block; } .left-off-canvas-menu a.cart_link span, .right-off-canvas-menu a.cart_link span { display: none } .left-off-canvas-menu ul li a, .right-off-canvas-menu ul li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 12px !important; color: #ffffff; width: 250px; text-transform: inherit !important; padding-bottom: 6px; } #available_points { padding: 0 } .left-off-canvas-menu li.adjusted-height4, .right-off-canvas-menu li.adjusted-height4 { height: 350px } } @media only screen and (min-width:1600px) { #header_main #nav_holder #form_header { width: 33% } } .public_page .top-slider { opacity: 0; height: 0; -webkit-transition: opacity 1s ease; -khtml-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease } .public_page .top-slider.slick-initialized { visibility: visible; height: auto; opacity: 1 } .public_page .top-slider.slick-slider { margin: 0; margin-bottom: 0; background-color: #fff } .public_page .top-slider .slick-dots { margin-bottom: 0 } .public_page .top-slider .slick-dots li { float: none; width: auto; margin: 0 6px } .public_page .top-slider .slick-dots li button:before { content: '' } .public_page .top-slider .slider-wrapper { height: 496px; position: relative; overflow: auto } .public_page .top-slider .slider-wrapper:after { content: ""; background: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/left-bg.png") no-repeat right center; background-size: auto 100%; position: absolute; z-index: 2; left: 0; top: 0; width: 61%; height: 100% } .public_page .top-slider .slider-wrapper:before { content: ""; background: #F4F4F4; position: absolute; z-index: 2; left: 0; top: 0; width: 39%; height: 100% } .public_page .top-slider .slider-wrapper .slide-img { position: absolute; z-index: 1; right: 0; top: 0; height: 100%; width: 61%; max-width: none; object-fit: cover } .public_page .top-slider .slider-wrapper .slide-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; color: #ffffff; width: 100%; left: 0 } .public_page .top-slider .slider-wrapper .slide-text .copy-container { width: 77%; margin: 0 auto } .public_page .top-slider .slider-wrapper .slide-text h1 { color: #ffffff; font-size: 36px; margin-bottom: 30px; max-width: 480px; line-height: 1.2 } .public_page .top-slider .slider-wrapper .slide-text h1.no-margin { margin: 0 } .public_page .top-slider .slider-wrapper .slide-text p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-size: 16px !important; max-width: 480px; line-height: 1.4; margin-bottom: 30px; margin-top: 20px } .public_page .top-slider .slider-wrapper .slide-text p:last-child { margin-bottom: 0 } @media screen and (max-width:1181px) { .public_page .top-slider .slider-wrapper { height: 340px } .public_page .top-slider .slider-wrapper:after { width: 65% } .public_page .top-slider .slider-wrapper .slide-text .copy-container { width: 85% } .public_page .top-slider .slider-wrapper .slide-text h1 { max-width: 45% } .public_page .top-slider .slider-wrapper .slide-text p { max-width: 45% } } @media screen and (max-width:959px) { .public_page .top-slider .slider-wrapper .slide-text .copy-container { width: 93% } .public_page .top-slider .slider-wrapper:after { width: 70% } } @media screen and (max-width:768px) { .public_page .top-slider .slider-wrapper { height: 250px } .public_page .top-slider .slider-wrapper .slide-text .copy-container h1 { font-size: 30px } .public_page .top-slider .slider-wrapper .slide-text .copy-container p { font-size: 16px !important; margin-bottom: 14px; margin-top: 8px } } @media screen and (max-width:640px) { .public_page .top-slider .slick-dots li { margin: 0 10px } .public_page .top-slider .slider-wrapper { height: 275px } .public_page .top-slider .slider-wrapper:after { content: none } .public_page .top-slider .slider-wrapper:before { width: 100% } .public_page .top-slider .slider-wrapper .slide-text .copy-container h1 { max-width: 100% } .public_page .top-slider .slider-wrapper .slide-text .copy-container p { max-width: 100% } } footer .footer-container { width: 77%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding: 4.5rem 0; color: #000000; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } footer .footer-container .footer-links { width: 60% } footer .footer-container .footer-links .footer-links-conrainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1rem } footer .footer-container .footer-links .footer-links-conrainer ul { list-style-type: none; width: 30%; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-left: 0; padding-left: 0 } footer .footer-container .footer-links .footer-links-conrainer ul span { display: block; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 12px } footer .footer-container .footer-links .footer-links-conrainer ul li a { color: #000000; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 7px; display: block; text-decoration: none } footer .footer-container .footer-links p { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 0 } footer .footer-container .footer-social-share .social-share-container ul { list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 0 } footer .footer-container .footer-social-share .social-share-container ul li:not(:last-child) { margin-right: 1.2rem } @media screen and (max-width:1181px) { footer .footer-container { width: 85% } footer .footer-container .footer-links { width: 70% } } @media screen and (max-width:768px) { footer .footer-container { width: 93% } footer .footer-container .footer-links .footer-links-conrainer ul { width: 32% } } @media screen and (max-width:640px) { footer .footer-container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 2.5rem 0 } footer .footer-container .footer-links { width: 100%; margin-bottom: 40px } footer .footer-container .footer-links .footer-links-conrainer ul { width: 33.33% } footer .footer-container .footer-links p { text-align: center } footer .footer-container .footer-social-share { width: 100% } footer .footer-container .footer-social-share ul { width: 100%; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center } } .home.home_logged.page_content { padding: 100px 0 0 0 } .home.home_logged.page_content .small-60.columns { padding-left: 0; padding-right: 0 } .index.page_content #hero .small-60.columns { padding: 0 } @media only screen and (min-width:40.063em) { .home.home_logged.page_content .small-60.columns { padding-left: 0; padding-right: 0 } } @media screen and (max-width:40em) { .home.home_logged.page_content { padding: 0 !important } } .public_page { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .public_page p { color: #000000 } .public_page h1, .public_page h2, .public_page h3 { border-bottom: 0; padding: 0; color: #000000 } .public_page h2.section-heading { text-align: center; margin-top: 0; padding: 0; margin-bottom: 2.5rem; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 36px } .public_page h2.section-heading span { color: #000000 } .public_page .cash-back { padding: 4rem 0 5rem } .public_page .cash-back h2.section-heading { text-align: center; margin-top: 0; padding: 0; margin-bottom: 2.5rem; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 36px } .public_page .cash-back h2.section-heading span { color: #000000 } .public_page .cash-back .small-box-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 77%; margin: 0 auto; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between } .public_page .cash-back .small-box-info .small-box { width: 20%; border-radius: 8px; text-align: center; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 3rem 1rem 1.5rem; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } .public_page .cash-back .small-box-info .small-box .icon { margin: 0 auto 1.5rem; background-repeat: no-repeat; background-size: contain; width: 68px; height: 68px } .public_page .cash-back .small-box-info .small-box h3 { margin-bottom: 1rem; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 22px; min-height: 43px } .public_page .cash-back .small-box-info .small-box h3 a { display: block; color: #000000 } .public_page .cash-back .small-box-info .small-box p { font-size: 14px } .public_page .copy-with-image-container .copy-info { width: 100%; margin: 0 auto } .public_page .copy-with-image-container .copy-with-image { padding: 0rem 0 5rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between } .public_page .copy-with-image-container .copy-with-image .copy { width: 70%; padding-right: 4%; } .public_page .copy-with-image-container .copy-with-image .copy h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 36px; margin-bottom: 1.5rem } .public_page .copy-with-image-container .copy-with-image .copy p { font-size: 16px !important; line-height: 1.4 } .public_page .copy-with-image-container .copy-with-image .copy h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 1.5rem; line-height: 1.2 } .public_page .copy-with-image-container .copy-with-image .copy-bg-image { width: 45% } .public_page .copy-with-image-container .copy-with-image .copy-bg-image .bg-image { padding-bottom: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; } .public_page .copy-with-image-container .copy-with-image.right-copy .copy { padding-left: 4%; padding-right: 0 } .public_page .popular-products { padding: 4rem 0 1rem } .public_page .popular-products .products-wrapper { width: 77%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start } .public_page .popular-products .products-wrapper article.product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 23.5%; padding-bottom: .8rem !important; margin-right: 2%; margin-bottom: 2%; overflow: hidden; text-align: center; padding: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 8px } .public_page .popular-products .products-wrapper article.product:nth-child(4n) { margin-right: 0 } .public_page .popular-products .products-wrapper article.product figure { display: block; margin: 0 } .public_page .popular-products .products-wrapper article.product figure span.img-name { width: 95%; display: block; height: 0; padding-bottom: 70%; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #fff } .public_page .popular-products .products-wrapper article.product figure figcaption { text-align: left; padding: 1rem 1rem .2rem; height: 73px; min-height: auto; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .public_page .popular-products .products-wrapper article.product .point-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; color: #000000; padding: 0 1rem 0; background-color: #fff } .public_page .popular-products .products-wrapper article.product .point-info p { margin-bottom: 0; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .public_page .offers-and-opportunities { padding: 5rem 0 5rem; position: relative; background-repeat: no-repeat; background-size: cover } .public_page .offers-and-opportunities .offers-overlay { background-color: rgba(255, 255, 255, 0.9); position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .public_page .offers-and-opportunities h2 { position: relative; z-index: 2 } .public_page .offers-and-opportunities .offers-copy-container { width: 77%; margin: 3rem auto 0; position: relative; z-index: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between } .public_page .offers-and-opportunities .offers-copy-container .offers-copy { width: 27%; text-align: center; position: relative } .public_page .offers-and-opportunities .offers-copy-container .offers-copy h3 { font-size: 20px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; line-height: 1.5; margin-bottom: 1.5rem } .public_page .offers-and-opportunities .offers-copy-container .offers-copy p { font-size: 16px !important; line-height: 1.4; min-height: 170px; margin-bottom: 2.5rem } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:before { content: ''; width: 2px; height: 100%; position: absolute; left: -50px; top: 0; background: #000000 } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:after { content: ''; width: 2px; height: 100%; position: absolute; right: -50px; top: 0; background: #000000 } .public_page a.button { width: 190px; padding: .9rem !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 500; border-radius: 28px } .public_page a.button.white { background-color: #ffffff; color: #000000 } .public_page a.button.green { background-color: #000000; color: #fff } .public_page a.button.grey { background-color: #000000; color: #000000 } @media screen and (min-width:1900px) { .public_page .cash-back .small-box-info .small-box .icon { width: 75px; height: 75px } .public_page .cash-back .small-box-info .small-box p { font-size: 16px !important; line-height: 1.4 } .public_page .copy-with-image-container .copy-with-image .copy-bg-image .bg-image { padding-bottom: 500px } .public_page .popular-products .products-wrapper article.product figure figcaption, .public_page .products-wrapper article.product .point-info p { font-size: 14px } .public_page .popular-products .products-wrapper article.product figure span.img-name { width: 90% } } @media screen and (max-width:1181px) { .public_page .cash-back .small-box-info { width: 85% } .public_page .cash-back .small-box-info .small-box { width: 23% } .public_page .copy-with-image-container .copy-info { width: 85% } .public_page .popular-products .products-wrapper { width: 85% } .public_page .popular-products .products-wrapper article.product { width: 30%; margin-right: 5% } .public_page .popular-products .products-wrapper article.product:nth-child(4n) { margin-right: auto } .public_page .popular-products .products-wrapper article.product:nth-child(3n) { margin-right: 0 } .public_page .popular-products .products-wrapper article.product figure span.img-name { width: 80% } .public_page .popular-products .products-wrapper article.product figcaption { min-height: 50px } .public_page .offers-and-opportunities .offers-copy-container { width: 85% } .public_page a.button { padding: .75rem !important; width: 170px } } @media screen and (max-width:959px) { .public_page h2.section-heading { font-size: 30px; line-height: 1.2 } .public_page .cash-back h2.section-heading { font-size: 30px } .public_page .cash-back .small-box-info { width: 93% } .public_page .cash-back .small-box-info .small-box { padding: 1rem .7rem 1rem } .public_page .cash-back .small-box-info .small-box h3 { font-size: 20px } .public_page .cash-back .small-box-info .small-box .icon { width: 54px; height: 54px } .public_page .copy-with-image-container .copy-info { width: 93% } .public_page .copy-with-image-container .copy-info .copy-with-image .copy h2 { font-size: 30px } .public_page .copy-with-image-container .copy-info .copy-with-image .copy h3, .public_page .copy-with-image-container .copy-info .copy-with-image .copy p { font-size: 14px } .public_page .popular-products .products-wrapper { width: 93% } .public_page .offers-and-opportunities .offers-copy-container { width: 93% } .public_page .offers-and-opportunities .offers-copy-container .offers-copy { width: 30% } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:before { left: -20px } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:after { right: -20px } .public_page .offers-and-opportunities .offers-copy-container .offers-copy h3, .public_page .offers-and-opportunities .offers-copy-container .offers-copy p { font-size: 14px } } @media screen and (max-width:640px) { .public_page .cash-back { padding: 2rem 0 2rem } .public_page .cash-back h2.section-heading { margin-bottom: 1.5rem } .public_page .cash-back .small-box-info { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .public_page .cash-back .small-box-info .small-box { width: 48%; margin-bottom: 4% } .public_page .copy-with-image-container .copy-info { width: 100% } .public_page .copy-with-image-container .copy-with-image { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 2rem } .public_page .copy-with-image-container .copy-with-image .copy { width: 93%; margin: 0 auto } .public_page .copy-with-image-container .copy-with-image .copy h2 { margin-top: 1.2rem; line-height: 1.2 } .public_page .copy-with-image-container .copy-with-image .copy h3 br { display: none } .public_page .copy-with-image-container .copy-with-image .copy-bg-image { width: 100% } .public_page .copy-with-image-container .copy-with-image .copy-bg-image .bg-image { padding-bottom: 244px } .public_page .copy-with-image-container .copy-with-image.left-copy { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .public_page .copy-with-image-container .copy-with-image.left-copy .copy { padding-right: 0 } .public_page .copy-with-image-container .copy-with-image.right-copy .copy { padding-left: 0 } .public_page .popular-products { padding: 2rem 0 2rem } .public_page .popular-products h2 { margin-bottom: 1.5rem } .public_page .popular-products .products-wrapper article.product { width: 48%; margin-right: 4%; margin-bottom: 20px } .public_page .popular-products .products-wrapper article.product:nth-child(3n) { margin-right: auto } .public_page .popular-products .products-wrapper article.product:nth-child(2n) { margin-right: 0 } .public_page .popular-products .products-wrapper article.product figure span.img-name { width: 80% } .public_page .popular-products .products-wrapper article.product figcaption { min-height: 50px } .public_page .offers-and-opportunities { padding: 2rem 0 0 } .public_page .offers-and-opportunities h2 { width: 90%; margin: 0 auto 1.5rem } .public_page .offers-and-opportunities .offers-copy-container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1rem auto 0 } .public_page .offers-and-opportunities .offers-copy-container .offers-copy { width: 90%; margin: 0 auto 2rem } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:before { content: none } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:after { content: none } .public_page .offers-and-opportunities .offers-copy-container .offers-copy p { min-height: auto; margin-bottom: 1.5rem } .public_page .offers-and-opportunities .offers-copy-container .offers-copy h3 { margin-bottom: .5rem } .public_page .offers-and-opportunities .offers-copy-container .offers-copy h3 br { display: none } } .shop.shop_index.page_content { background-color: #EEEBE7; overflow: hidden !important; } .shop.shop_index.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .shop.shop_index.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; text-transform: capitalize; } .shop.shop_index.page_content>.row { max-width: 80% } .shop.shop_index.page_content>.row .page_intro { box-shadow: none; padding-top: 2px; background-color: #EEEBE7; } .shop.shop_index.page_content>.row .page_intro>.row>.small-offset-3 { margin-left: 0 !important } .shop.shop_index.page_content>.row .page_intro>.row>.medium-48.medium-push-4 { width: 100% !important; left: 1.5%; background-color: #EEEBE7; } .shop.shop_index.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; background-color: #EEEBE7; width: 1280px; } .shop.shop_index.page_content>.row .page_intro p { display: block; width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 1rem; margin-top: .8rem } .shop.cart.page_content>.row #header_catalog h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0 } .shop.cart.page_content>.row p { display: block; width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 1rem; margin-top: .8rem } #offers_categories .small-60.medium-15.columns { width: 33% } #offers_categories .small-60.medium-15.medium-push-19.columns { left: 20%; width: 28% } #offers_categories .small-60.medium-15.medium-push-19.columns .medium-pull-4 { right: auto } #offers_categories .small-60.medium-15.medium-push-19.columns .medium-push-5 { left: 14% } #offers_categories .small-60.medium-15.medium-push-1.columns { left: 0; width: 25% } #offers_categories .small-60.medium-15.medium-push-1.columns .medium-pull-4 { right: auto } #offers_categories .small-60.medium-15.medium-push-1.columns .medium-push-5 { left: 14% } #offers_categories .search #search_param { color: #676561; font-weight: 500; min-height: 40px; background-color: #f3f3f3; border: 0 !important; border-radius: 7px !important; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-left: 35px } #offers_categories .search #search_param:focus { box-shadow: 0 0 5px #000000 !important } #offers_categories .search .button_icon_left { float: left; margin: -43px 5px 0 5px; background: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/search-icon.svg) center no-repeat; background-repeat: no-repeat; background-size: contain } #offers_categories #filter_catalog_heirarchy select, #offers_categories #order_type #selsort { width: auto; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; font-weight: 500; background-image: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/icon-dropdown-minor.svg); background-repeat: no-repeat; background-position: right 0 top 17px; background-size: 8px 4px; font-size: 16px !important; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; border: 0 !important; cursor: pointer } #offers_categories #filter_catalog_heirarchy select:focus, #offers_categories #order_type #selsort:focus { outline: 0; border: 0 } #offers_categories #filter_catalog_heirarchy select { max-width: 130px } #offers_categories #order_type #selsort { max-width: 160px } #offers_categories label span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; margin-top: 9px } section#shop_offers { background: #ffffff; padding-top: 0 } section#shop_offers #offers_categories nav.sidebar_menu_display { display: none } section#shop_offers #offers_categories nav.sidebar_menu { position: absolute; z-index: 1; max-width: calc(20% - 10px); background-color: #ffffff; box-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu { min-height: auto; max-height: 250px; overflow: auto } section#shop_offers #offers_categories nav.sidebar_menu:hover div ul.mainmenu { display: block } section#shop_offers #offers_categories nav.sidebar_menu div>ul li>a:hover { background-image: none; background-color: unset } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu a.close_product { display: none } section#shop_list .card_list { margin-top: -75px; padding: 10px 50px 0 25px; } section#shop_list .card_list li { border-radius: 5px; padding-bottom: .8rem !important; box-shadow: 0 2px 8px 0 rgba(20, 20, 19, 0.2); width: 23.4%; margin-right: 2%; margin-bottom: 2%; padding: 0 } section#shop_list .card_list li .card { /* View details */ box-shadow: none; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 250px; } section#shop_list .card_list li .card:after { /* View details */ content: "View details"; width: 190px; padding: 10px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; border: 1.5px solid #000000 !important; border-width: 1px; border-radius: 7px; background-color: #ffffff !important; color: #000000; position: relative; top: 30px; left: 0px; } section#shop_list .card_list li .card:hover::after { /* View details Hover */ content: "View details"; background-color: #000000 !important; color: #ffffff; transition: 0.4s; } @media screen and (max-width: 640px) { section#shop_list .card_list li .card { /* View details*/ box-shadow: none; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 250px; } section#shop_list .card_list li .card:after { /* View details */ content: "View details"; width: 190px; padding: 10px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 500; border: 1.5px solid #000000 !important; border-width: 1px; border-radius: 7px; background-color: #ffffff !important; color: #000000; position: relative; top: 30px; left: 0px; } section#shop_list .card_list li .card:hover::after { /* View details Hover */ content: "View details"; background-color: #000000 !important; color: #ffffff; transition: 0.4s; } } section#shop_list .card_list li .card:hover .caption { display: none } section#shop_list .card_list li .card img { height: 180px; object-fit: contain } section#shop_list .card_list li .item_desc_price { min-height: 100px } @media only screen and (min-width: 40.063em) { section#shop_list .card_list li .item_description { height: 100px !important; } } section#shop_list .card_list li .item_description { padding: 1rem 1rem .2rem; height: 73px; min-height: auto; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; font-weight: 700; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical } section#shop_list .card_list li .item_price { padding: 0 1rem 0; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; text-align: center; margin-top: -15px; } section#shop_list .card_list li:nth-child(4n) { margin-right: 0 } section#shop_list .card_list li:hover { box-shadow: 0 2px 8px 0 rgba(20, 20, 19, 0.4) } section#shop_list footer { margin-top: 1rem; margin-bottom: 7rem } section#shop_list footer #pagination ul li a { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin: 0; background: #ffffff; color: #000000; text-shadow: none; box-shadow: none; border: 1px solid #e8e5e1; height: 39px; width: 39px; line-height: 39px; font-weight: 500 } section#shop_list footer #pagination ul li a:hover { background-color: #f0f0f0 } section#shop_list footer #pagination ul li a.pagination_prev_segment { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-head-right2.svg"); text-indent: -99999px; background-repeat: no-repeat; background-position: center; background-size: 22px 14px } section#shop_list footer #pagination ul li a.pagination_prev { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-head-right.svg"); text-indent: -99999px; background-repeat: no-repeat; background-position: center } section#shop_list footer #pagination ul li a.pagination_next_segment { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-head-left2.svg"); text-indent: -99999px; background-repeat: no-repeat; background-position: center; background-size: 22px 14px } section#shop_list footer #pagination ul li a.pagination_next { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-head-left.svg"); text-indent: -99999px; background-repeat: no-repeat; background-position: center } section#shop_list footer #pagination ul li.current a { background-color: #000000; color: #fff } section#shop_list footer .pagination_bottom_text { font-size: 16px !important; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-left: 10px; margin-top: 10px; display: block } @media screen and (min-width:1600px) { #offers_categories .small-60.medium-15.columns { width: 25% } #offers_categories .small-60.medium-15.medium-push-19.columns { left: 38%; width: 23% } #offers_categories .small-60.medium-15.medium-push-1.columns { width: 20% } } @media screen and (max-width:1181px) { #offers_categories .small-60.medium-15.medium-push-19.columns { left: 5%; width: 30% } #offers_categories .small-60.medium-15.medium-push-19.columns .medium-push-5 { left: 9% } #offers_categories .small-60.medium-15.medium-push-1.columns { width: 34% } #offers_categories .small-60.medium-15.medium-push-1.columns .medium-push-5 { left: 9% } #offers_categories #filter_catalog_heirarchy select, #offers_categories #order_type #selsort { padding-right: 15px } section#shop_list .card_list li .card img { height: 150px } section#shop_list .card_list li .item_desc_price { min-height: 88px } section#shop_list .card_list li .item_description { padding: .5rem .5rem .2rem; height: 65px } section#shop_list .card_list li .item_price { padding: 0 .5rem 0 } } @media screen and (max-width:768px) { .shop.shop_index.page_content>.row { max-width: 95% } .shop.shop_index.page_content>.row .page_intro { padding-top: 20px; padding-left: 0; padding-right: 0 } .shop.shop_index.page_content>.row .page_intro>.row>.medium-48.medium-push-4 { width: 100% !important; left: 0 } section#shop_offers #sidebar { width: 96%; left: 2%; right: auto; margin-bottom: -50px; } section#shop_offers .medium-47.medium-pull-6 { width: 96%; left: -2%; right: auto } section#shop_list .card_list li .item_description { min-height: auto } } @media screen and (max-width:640px) { .shop.shop_index.page_content>.row { max-width: 95% } .shop.shop_index.page_content>.row .page_intro { padding-top: 20px; padding-left: 0; padding-right: 0; height: 8.9em; } .shop.cart.page_content>.row .page_intro .small-54.small-offset-3.columns { width: 100% } section#shop_offers #offers_categories nav.sidebar_menu { position: relative } section#shop_offers #offers_categories nav.sidebar_menu_display { display: block; position: relative } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu { display: block; max-height: max-content } section#shop_list .card_list { margin: 0; padding: 10px 0 0 0 } section#shop_list .card_list li { width: 48%; margin-right: 4%; margin-bottom: 4% } section#shop_list .card_list li:nth-child(4n) { margin-right: auto } section#shop_list .card_list li:nth-child(2n) { margin-right: 0 } section#shop_list .card_list li .card .caption { display: none } section#shop_list .card_list li .card img { max-height: 170px } section#shop_list .card_list li .item_desc_price { min-height: 81px } section#shop_list .card_list li .item_description { font-size: 13px; height: 60px } section#shop_list .card_list li .item_price { font-size: 13px } section#shop_list footer .pagination_bottom_text { margin-top: 15px; margin-left: 0 } #offers_categories .small-60.medium-15.columns { width: 100% } #offers_categories .small-60.medium-15.medium-push-19.columns { left: 0; width: 100% } #offers_categories .small-60.medium-15.medium-push-19.columns .medium-push-5 { left: 0 } #offers_categories .small-60.medium-15.medium-push-19.columns label { margin-bottom: 0 } #offers_categories .small-60.medium-15.medium-push-1.columns { left: 0; width: 100% } #offers_categories .small-60.medium-15.medium-push-1.columns label { margin-bottom: 0 } #offers_categories .small-60.medium-15.medium-push-1.columns .medium-push-5 { left: 0 } #offers_categories #filter_catalog_heirarchy select, #offers_categories #order_type #selsort { padding: 0; font-size: 16px !important; background-size: 12px 6px; padding-right: 4% } #offers_categories #filter_catalog_heirarchy select { max-width: 140px } #offers_categories #order_type #selsort { max-width: 170px } } .rewards_summary.page_content { background: #fff } .rewards_summary.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .rewards_summary.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .rewards_summary.page_content>.row { max-width: 80% } .rewards_summary.page_content>.row .page_intro { box-shadow: none; padding-top: 1px } .rewards_summary.page_content>.row .column.small-centered:last-child, .rewards_summary.page_content>.row .columns.small-centered:last-child { width: 100% } .rewards_summary.page_content>.row .column.small-centered:last-child h2, .rewards_summary.page_content>.row .columns.small-centered:last-child h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0 } .rewards_summary.page_content>.row .column.small-centered:last-child .fivePad span, .rewards_summary.page_content>.row .columns.small-centered:last-child .fivePad span { display: block; width: 75%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 3rem; margin-top: .8rem } .rewards_summary.page_content>.row .column.small-centered:last-child h3.account-info, .rewards_summary.page_content>.row .columns.small-centered:last-child h3.account-info { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; border-bottom: 0 } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm>.row, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm>.row { background: #EEEBE7; margin: 0; padding: 1rem } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm #criteria_label span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm #criteria_label span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: capitalize } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="text"], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="email"], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="password"], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="tel"], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="number"], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="url"], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm textarea, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm select, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="text"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="email"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="password"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="tel"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="number"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm input[type="url"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm textarea, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm select { padding: 10px 10px; height: 40px; border: 1.5px solid #000000 !important; background-color: transparent; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px; border-radius: 4px } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm a.button, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button.disabled, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled], .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .button.disabled, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .button[disabled], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm a.button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button.disabled, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .button.disabled, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .button[disabled] { text-shadow: none; font-size: 16px !important; background: transparent } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button { background: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; line-height: 1.1; padding: 14px 20px; border-radius: 30px } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm select, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm select { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important; background: white } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq4, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq4 { margin-top: 0px; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq4 #panel4>div>div>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq4 #panel4>div>div>span { font-size: 28px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; display: none; margin-bottom: 15px } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq4.accordion-navigation, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq4.accordion-navigation { margin-top: 0px; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq4.accordion-navigation #panel4>div>div>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq4.accordion-navigation #panel4>div>div>span { font-size: 14px } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq0 #paperStatementsSwForm table td, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq0 #paperStatementsSwForm table td { min-width: auto; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq0 input[type="radio"], .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq0 input[type="radio"] { -webkit-appearance: none; position: relative } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq0 input[type="radio"]::before, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq0 input[type="radio"]::before { height: 20px; width: 20px; content: ''; background-color: #ffffff; border-radius: 10px; border: 1px solid #54524f; display: block } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq0 input[type="radio"]:checked::after, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq0 input[type="radio"]:checked::after { height: 10px; width: 10px; content: ''; background-color: #000000; border-radius: 5px; position: absolute; top: 5px; left: 5px; display: block } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table { margin-bottom: 2.5rem } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table thead, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table thead, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table thead, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table thead { background: #EEEBE7 } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table thead tr, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table thead tr, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table thead tr, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table thead tr { border-bottom: 2px solid #979797 } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table thead tr th, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table thead tr th, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table thead tr th, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table thead tr th { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr { border: 0 } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr td, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr td, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr td, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr td { /* Purchase Eraser - Redeemed */ padding: 11px 12px; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; width: 75px; height: 55px; } /* td.small_title_full { /* Points for credit - Manual * width: 80% !important; height: 28px !important; overflow: hidden; -webkit-box-orient: horizontal; -webkit-line-clamp: 5; display: -webkit-box; margin-top: 8px; } */ @media screen and (max-width: 640px) { .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr td, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr td, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr td, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr td { font-size: 14px !important; } table.dataTable tr.child span.dtr-title { font-weight: bold; text-align: left; font-size: 14px; color: #000000; } ul.pagination li.unavailable a, ul.pagination li.unavailable button { cursor: default; color: #000000 !important; } div.dataTables_length label, div.dataTables_filter label, div.dataTables_info { color: #000000; font-weight: normal; } } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr td a span, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr td a span, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr td a span, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr td a span { color: #000000 } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table .numeric, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table .numeric, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table .numeric, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table .numeric { text-align: left } .rewards_summary.page_content>.row .column.small-centered:last-child table tr.even, .rewards_summary.page_content>.row .column.small-centered:last-child table tr.alt, .rewards_summary.page_content>.row .column.small-centered:last-child table tr:nth-of-type(even), .rewards_summary.page_content>.row .columns.small-centered:last-child table tr.even, .rewards_summary.page_content>.row .columns.small-centered:last-child table tr.alt, .rewards_summary.page_content>.row .columns.small-centered:last-child table tr:nth-of-type(even) { background: white } .rewards_summary.page_content>.row .point_summary { margin-top: 0 } .rewards_summary.page_content>.row .point_summary .oneUp { background: #EEEBE7; margin-top: 0; padding-bottom: 1rem } .rewards_summary.page_content>.row .point_summary .oneUp span.label { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; text-transform: capitalize } .rewards_summary.page_content>.row .point_summary .oneUp span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 25px } .rewards_summary.page_content>.row .accordion .accordion-navigation>a, .rewards_summary.page_content>.row .accordion>dd.accordion-navigation>a, .rewards_summary.page_content>.row .accordion>dd.accordion-navigation>a:hover { background-image: url(/ProgramInfo/9394/images/plus_minus_v2.png); background-position: right 26px background-size: contain; } .rewards_summary.page_content>.row .accordion>dd.accordion-navigation>div>span.accordion-navigation>a { background-image: none; background-position: unset } .rewards_summary.page_content>.row .accordion>dd.accordion-navigation.active>a, .rewards_summary.page_content>.row .accordion>dd.accordion-navigation.active>a:hover { background-image: url(/ProgramInfo/9394/images/plus_minus_v2.png); background-position: right -65px; background-size: contain; } .rewards_summary.page_content>.row .accordion { border-top: 1px solid #e8e5e1; padding-top: 0; margin-top: 25px; margin-bottom: 60px } .rewards_summary.page_content>.row .accordion .accordion-navigation { border-bottom: 1px solid #e8e5e1 } .rewards_summary.page_content>.row .accordion .accordion-navigation>.content.active { padding: 0 } .rewards_summary.page_content>.row .accordion .accordion-navigation p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000 } .rewards_summary.page_content>.row .accordion .accordion-navigation a h3 { border-bottom: 0; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; color: #000000; padding: 25px 25px 25px 0 } .rewards_summary.page_content>.row .accordion .accordion-navigation.active a h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .rewards_summary.page_content>.row .accordion .accordion-navigation button, .rewards_summary.page_content>.row .accordion .accordion-navigation button[type="submit"], .rewards_summary.page_content>.row .accordion .accordion-navigation a.button, .rewards_summary.page_content>.row .accordion .accordion-navigation .twoLine, .rewards_summary.page_content>.row .accordion .accordion-navigation button.disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation button[disabled], .rewards_summary.page_content>.row .accordion .accordion-navigation .button.disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation .button[disabled] { background-color: #000000; height: 40px; border-radius: 7px } .rewards_summary.page_content>.row .accordion .accordion-navigation button span, .rewards_summary.page_content>.row .accordion .accordion-navigation button[type="submit"] span, .rewards_summary.page_content>.row .accordion .accordion-navigation a.button span, .rewards_summary.page_content>.row .accordion .accordion-navigation .twoLine span, .rewards_summary.page_content>.row .accordion .accordion-navigation button.disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation button[disabled] span, .rewards_summary.page_content>.row .accordion .accordion-navigation .button.disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation .button[disabled] span { background: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; !important; font-size: 16px !important; text-shadow: none; color: #fff !important; font-weight: 500; text-shadow: none; box-shadow: none } .rewards_summary.page_content>.row .accordion .accordion-navigation button:disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation button[type="submit"]:disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation a.button:disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation .twoLine:disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation button.disabled:disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation button[disabled]:disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation .button.disabled:disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation .button[disabled]:disabled { opacity: .9 } .rewards_summary.page_content>.row .accordion .accordion-navigation button:disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation button[type="submit"]:disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation a.button:disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation .twoLine:disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation button.disabled:disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation button[disabled]:disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation .button.disabled:disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation .button[disabled]:disabled span { opacity: .9 } #fancybox-content .content fieldset .row:first-child .small-60.medium-30.columns, #fancybox-content #pwrlEnrollDiv fieldset .row:first-child .small-60.medium-30.columns { float: none; width: 100% } #fancybox-content .content fieldset .row:first-child .small-60.medium-30.columns label>span:first-child, #fancybox-content #pwrlEnrollDiv fieldset .row:first-child .small-60.medium-30.columns label>span:first-child { font-size: 16px !important; font-weight: 300; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: inherit; } } #fancybox-content .content fieldset .row:first-child .small-60.medium-30.columns label>.value.currency, #fancybox-content #pwrlEnrollDiv fieldset .row:first-child .small-60.medium-30.columns label>.value.currency { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; margin-bottom: 10px; padding-top: 2px } #fancybox-content .content fieldset .row:first-child .small-60.medium-30.columns label>.value.currency, #fancybox-content #pwrlEnrollDiv fieldset .row:first-child .small-60.medium-30.columns label>.value.currency { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; margin-bottom: 10px; padding-top: 2px; } #fancybox-content .content fieldset .row:first-child .small-60.medium-30.columns label>.value, #fancybox-content #pwrlEnrollDiv fieldset .row:first-child .small-60.medium-30.columns label>.value { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; margin-bottom: 10px; padding-top: 2px } #fancybox-content .content fieldset .row button.primary, #fancybox-content .content form .row button.primary, #fancybox-content .content fieldset button.primary, #fancybox-content .content fieldset .row button.primary[type="submit"], #fancybox-content .content fieldset .row a.button.primary, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary[type="submit"], #fancybox-content #pwrlEnrollDiv fieldset .row a.button.primary, section.print_friendly .row button.primary { text-shadow: none; background-color: #000000; font-weight: normal; border-radius: 28px; border-width: 1px } #fancybox-content .content fieldset .row button.primary span, #fancybox-content .content form .row button.primary span, #fancybox-content .content fieldset button.primary span, #fancybox-content .content fieldset .row button.primary[type="submit"] span, #fancybox-content .content fieldset .row a.button.primary span, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary span, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary[type="submit"] span, #fancybox-content #pwrlEnrollDiv fieldset .row a.button.primary span, section.print_friendly .row button.primary span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background: 0; box-shadow: none; padding: 13px 20px; color: #fff } #fancybox-content .content fieldset .row button, #fancybox-content .content form .row button, #fancybox-content .content fieldset button, #fancybox-content .content fieldset .row button[type="submit"], #fancybox-content .content fieldset .row a.button, #fancybox-content .content fieldset .row .twoLine, #fancybox-content .content fieldset .row button.disabled, #fancybox-content .content fieldset .row button[disabled], #fancybox-content .content fieldset .row .button.disabled, #fancybox-content .content fieldset .row .button[disabled], #fancybox-content #pwrlEnrollDiv fieldset .row button, #fancybox-content #pwrlEnrollDiv fieldset .row button[type="submit"], #fancybox-content #pwrlEnrollDiv fieldset .row a.button, #fancybox-content #pwrlEnrollDiv fieldset .row .twoLine, #fancybox-content #pwrlEnrollDiv fieldset .row button.disabled, #fancybox-content #pwrlEnrollDiv fieldset .row button[disabled], #fancybox-content #pwrlEnrollDiv fieldset .row .button.disabled, #fancybox-content #pwrlEnrollDiv fieldset .row .button[disabled] { text-shadow: none; background-color: transparent; font-weight: normal; border-radius: 28px; border-width: 1px; border: 1px solid #000000 } #fancybox-content .content fieldset .row button span, #fancybox-content .content form .row button span, #fancybox-content .content fieldset button span, #fancybox-content .content fieldset .row button[type="submit"] span, #fancybox-content .content fieldset .row a.button span, #fancybox-content .content fieldset .row .twoLine span, #fancybox-content .content fieldset .row button.disabled span, #fancybox-content .content fieldset .row button[disabled] span, #fancybox-content .content fieldset .row .button.disabled span, #fancybox-content .content fieldset .row .button[disabled] span, #fancybox-content #pwrlEnrollDiv fieldset .row button span, #fancybox-content #pwrlEnrollDiv fieldset .row button[type="submit"] span, #fancybox-content #pwrlEnrollDiv fieldset .row a.button span, #fancybox-content #pwrlEnrollDiv fieldset .row .twoLine span, #fancybox-content #pwrlEnrollDiv fieldset .row button.disabled span, #fancybox-content #pwrlEnrollDiv fieldset .row button[disabled] span, #fancybox-content #pwrlEnrollDiv fieldset .row .button.disabled span, #fancybox-content #pwrlEnrollDiv fieldset .row .button[disabled] span { color: #000000; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background: 0; box-shadow: none; padding: 11px 20px } #fancybox-content .content #form_remove p, #fancybox-content #pwrlEnrollDiv #form_remove p { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; line-height: 1.4 } #fancybox-content #travel p { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-top: 15px; margin-bottom: 15px; line-height: 1.4 } #fancybox-content #travel a.button_icon_right, #fancybox-content #travel a.button_icon_left, #fancybox-content #travel a.button_light_icon_left { background-image: none; line-height: 40px !important; height: 40px; background: #000000; color: #ffffff; padding-left: 40px; border-radius: 7px; padding-right: 40px; text-transform: capitalize; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content #pwrlEnrollDiv fieldset .row:first-child label span { font-size: 20px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; line-height: 0; width: 300px; } @media screen and (max-width: 640px) { #fancybox-content #pwrlEnrollDiv fieldset #pwrl_account_id { margin-left: 0px; } } #fancybox-content #pwrlEnrollDiv fieldset #pwrl_account_id { border-radius: 5px; margin: 2rem 0; background-image: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg) !important; background-repeat: no-repeat !important; background-position: center right 8px !important; background-color: #ffffff; border: 1.5px solid #000000 !important; height: 40px; width: 320px; margin-left: -15px; color: #000000; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content h3, #fancybox-content header { line-height: 1.1; text-align: left; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px !important; font-weight: 500; letter-spacing: 0; color: #000000; text-transform: initial; margin-bottom: 10px; } #fancybox-close { width: 34px; height: 34px; background-repeat: no-repeat } .lightbox_confirm p, .lightbox_checkout_confirmation_1 p, .lightbox_checkout_confirmation_2 p, .lightbox_security_profile_ok p, .lightbox_confirm ul, .lightbox_checkout_confirmation_1 ul, .lightbox_checkout_confirmation_2 ul, .lightbox_security_profile_ok ul { font-size: 16px !important; padding: 0 0 10px 0; text-align: left; line-height: 25px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } @media screen and (max-width:1024px) { .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr td, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr td { font-size: 12px } .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr td::before, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr td::before { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 } .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table .numeric, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table .numeric { text-align: right } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table { margin-top: 20px !important } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table .numeric, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table .numeric { text-align: right } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr td:first-child, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr td:first-child { padding-left: 30px } .rewards_summary.page_content>.row .column.small-centered:last-child table.dataTable.dtr-inline.collapsed tbody td:first-child::before, .rewards_summary.page_content>.row .column.small-centered:last-child table.dataTable.dtr-inline.collapsed tbody th:first-child::before, .rewards_summary.page_content>.row .columns.small-centered:last-child table.dataTable.dtr-inline.collapsed tbody td:first-child::before, .rewards_summary.page_content>.row .columns.small-centered:last-child table.dataTable.dtr-inline.collapsed tbody th:first-child::before { top: 9px } .rewards_summary.page_content>.row .column.small-centered:last-child table tr.even, .rewards_summary.page_content>.row .column.small-centered:last-child table tr.alt, .rewards_summary.page_content>.row .column.small-centered:last-child table tr:nth-of-type(even), .rewards_summary.page_content>.row .columns.small-centered:last-child table tr.even, .rewards_summary.page_content>.row .columns.small-centered:last-child table tr.alt, .rewards_summary.page_content>.row .columns.small-centered:last-child table tr:nth-of-type(even) { background: #EEEBE7 } } @media only screen and (max-width:768px) { .rewards_summary.page_content>.row { max-width: 100% } .rewards_summary.page_content>.row .column.small-centered:last-child p.transaction-eraser-sub-copy, .rewards_summary.page_content>.row .columns.small-centered:last-child p.transaction-eraser-sub-copy { width: 100% } } @media only screen and (max-width:640px) { .rewards_summary.page_content>.row .page_intro { padding-top: 20px; padding-left: 10px; padding-right: 10px } .rewards_summary.page_content>.row .column.small-centered:last-child .fivePad span, .rewards_summary.page_content>.row .columns.small-centered:last-child .fivePad span { width: 100%; font-size: 14px } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #faq4 #panel4>div>div>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #faq4 #panel4>div>div>span { font-size: 18px; line-height: 1.2 } .rewards_summary.page_content>.row .column.small-centered:last-child #tetable_wrapper table.paginate_table, .rewards_summary.page_content>.row .columns.small-centered:last-child #tetable_wrapper table.paginate_table { margin-top: 20px !important } .rewards_summary.page_content>.row .column.small-centered:last-child #tetable_wrapper table.paginate_table tbody tr td:first-child, .rewards_summary.page_content>.row .columns.small-centered:last-child #tetable_wrapper table.paginate_table tbody tr td:first-child { padding-left: 30px } .rewards_summary.page_content>.row .column.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody td:first-child::before, .rewards_summary.page_content>.row .column.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody th:first-child::before, .rewards_summary.page_content>.row .columns.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody td:first-child::before, .rewards_summary.page_content>.row .columns.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody th:first-child::before { top: 9px } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary .accordion .accordion-navigation a h3, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary .accordion .accordion-navigation a h3 { padding: 20px 25px 20px 0; font-size: 18px } #fancybox-content .content #form_remove, #fancybox-content #pwrlEnrollDiv #form_remove { margin-top: 1rem } } .cm-toggle+span { font-size: 16px !important; color: #000000; line-height: 31px !important } .cm-toggle:after { background-color: #bcbcbc; width: 51px; height: 31px } .cm-toggle::before { width: 26px; height: 26px; top: 2px; left: 22px !important } .cm-toggle:checked:before { left: 3px !important } .cm-toggle:checked:after { background-color: #EEEBE7 !important; } .shop.cart.page_content { background: #fff } .shop.cart.page_content:before { content: ''; width: 100%; position: absolute; top: 100px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } .shop.cart.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .shop.cart.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .shop.cart.page_content>.row { max-width: 80% } .shop.cart.page_content>.row .page_intro { box-shadow: none; padding-top: 1px } .shop.cart.page_content>.row .page_intro>.row>.small-offset-3 { margin-left: 0 !important } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .row>.small-offset-3 { margin-left: 0 !important; width: 100% } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .row>.small-offset-3 { margin-left: 0 !important } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv h2 { font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; height: 7.54rem; width: 1530px; margin-left: -10px; padding-left: 20px; background: #EEEBE7 !important; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .fivePad span { display: block; width: 75%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 3rem; margin-top: .8rem } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list { margin-bottom: 0; margin-top: 100px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row { border-bottom: 1px solid #000000; padding: 20px 0 10px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.name { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 17px; font-weight: 500 } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .item_points_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_points_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .quantity_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .frequency_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_cost_label { color: #000000; font-size: 12px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 5px; display: block } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .item_points, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_points { font-size: 21px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 500; color: #000000; text-align: left } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row a.button { /* Trash bin */ background-color: transparent; position: relative; z-index: 1; top: -2px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row a.button span { background: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/icon-delete.svg"); text-indent: 9999px; background-repeat: no-repeat; background-position: center; min-height: 41px; background-size: contain; box-shadow: none } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.quantity select, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.frequency select { background-color: #ffffff; cursor: pointer; border: 1.5px solid #000000 !important; border-radius: 4px; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.quantity input[type="text"], .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.frequency input[type="text"] { background-color: #ffffff; border: 1.5px solid #000000 !important; border-radius: 4px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.quantity input[type="text"]:disabled, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.frequency input[type="text"]:disabled { opacity: .9; background-color: #e4e4e4; border: 1px solid #e4e4e4; width: auto; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .frequency label { margin-top: 10px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .frequency>label>span { font-size: 20px; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row { border-bottom: 0; padding: 10px 0 10px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .columns { font-size: 20px; width: 100%; margin-top: 5px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .columns span.label { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .columns span.total { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions { background: #fff } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5 { margin-left: 0 !important; width: 100% } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row { margin: 0 } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-45.columns { width: 56% } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { width: 18%; right: 37%; margin-left: -33px; margin-top: -16px; } .page_content.shop_details form label, .page_content.shop_details_logged form label { text-align: left; margin-top: 0px; position: relative; top: -8px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .error, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .message, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .success { margin-bottom: 45px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .error .bldblk, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .message .bldblk, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .success .bldblk { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .error .blktxt, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .message .blktxt, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .success .blktxt { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary[type="submit"], .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions a.button.primary { background: #000000; color: #ffffff; font-weight: normal; border-radius: 26px; border: 2px solid transparent } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary[type="submit"] span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions a.button.primary span { box-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; background: #000000; min-height: 40px; line-height: 20px; padding: 10px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order { background: transparent; font-weight: normal; border-radius: 7px; border: 2px solid #000000 } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order span { color: #000000; box-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; background: transparent; min-height: 40px; line-height: 20px; padding: 10px } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:first-child { width: 11% } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) { width: 50% } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) .row .columns:first-child { /* Align shopping cart to product description */ width: 40%; margin-top: -10px; margin-right: 10%; padding-top: 10px; padding-bottom: 21px; } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) .row .columns:last-child { width: 31%; margin-top: -8px; } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:last-child { width: 40% } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:last-child .row .columns:first-child { width: 32%; margin-right: 10%; margin-top: -8px; } @media screen and (min-width:1900px) { .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.name { font-size: 18px } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:last-child .row .columns:first-child { width: 25%; margin-right: 15% } } @media screen and (max-width:1181px) { .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) .row .columns:first-child { width: 60%; margin-right: 0 } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .frequency>label>span { font-size: 14px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-45.columns { width: 71% } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { width: 25%; right: 48% } } @media screen and (max-width:959px) { .shop.cart.page_content>.row { max-width: 100% } } @media screen and (max-width:640px) { .shop.cart.page_content>.row { max-width: 95% } .shop.cart.page_content>.row .page_intro { padding-top: 20px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .row>.small-offset-3 { width: 100% } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv h2 { font-size: 25px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .frequency>label>span { font-size: 14px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row { padding: 15px 0 20px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_points_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .frequency_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .item_points_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .quantity_label { font-size: 13px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .item_points { font-size: 18px } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5 { width: 100% } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-45.columns { width: 100% } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { width: 100%; right: -35px; } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:first-child { width: 25% } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) { width: 75% } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) .row .columns:first-child { width: 50%; margin-right: 0; padding-top: 0; padding-bottom: 0 } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) .row .columns:first-child span.name { font-size: 14px !important } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:nth-child(2) .row .columns:last-child { width: 50% } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:last-child { width: 100% } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:last-child .row .columns:first-child { width: 44%; margin-right: 0 } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row>.row:first-child>.columns:last-child .row .columns:last-child { width: 20%; margin-right: 80px; margin-top: 8px } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row span.item_points::after { display: none } .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row span.quantity::before, .shop.cart.page_content>.row #shoppingCartForm .cart_list.shopping_cart_upgraded .item_row span.frequency::before { display: none } } @media screen and (max-width: 40em) { .item_row span.item_points::after { content: attr(data-title); font-size: 16px; font-weight: 700; padding: 0 0 0 5px; text-transform: initial; } } .eye-solid.icon { border: 1.5px solid #000000 !important; color: white !important; width: 18px; height: 18px } .eye-solid.icon::before { left: 4px; top: 4px; width: 8px; height: 8px; color: white; border: 1px solid #000000 } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus, select { border: 1.5px solid #000000 !important; box-shadow: none !important } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select { border: 1px solid #96918b !important; height: 40px; border-radius: 5px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; !important } .manage_profile.page_content { background: #fff } .manage_profile.page_content:before { content: ''; width: 100%; position: absolute; top: 100px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } .manage_profile.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .manage_profile.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .manage_profile.page_content>.row { max-width: 80% } .manage_profile.page_content>.row .page_intro { box-shadow: none; padding-top: 1px } .manage_profile.page_content>.row .page_intro>.row>.small-offset-3 { margin-left: 0 !important; width: auto; } .manage_profile.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px !important; color: #000000; letter-spacing: 0; border-bottom: 0; height: 7.45rem; width: 2000px; margin-left: -10px; padding-left: 16px; background: #EEEBE7 !important; } .manage_profile.page_content>.row .page_intro .fivePad span { display: block; width: 75%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 3rem; margin-top: .8rem } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation>a, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion>dd.accordion-navigation>a, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion>dd.accordion-navigation>a:hover { background-image: url(/ProgramInfo/9394/images/plus_minus_v2.png); background-position: right 26px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion>dd.accordion-navigation.active>a, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion>dd.accordion-navigation.active>a:hover { background-image: url(/ProgramInfo/9394/images/plus_minus_v2.png); background-position: right -65px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion { border-top: 1px solid #e8e5e1; padding-top: 0; margin-top: 25px; margin-bottom: 60px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation { border-bottom: 1px solid #e8e5e1 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation>.content.active { padding: 0 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a h3 { border-bottom: 0; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; color: #000000; padding: 25px 25px 25px 0 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.active a h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[type="submit"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a.button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .twoLine, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button[disabled] { background-color: #000000; height: 40px; border-radius: 7px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[type="submit"] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a.button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .twoLine span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[disabled] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button[disabled] span { background: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; !important; font-size: 16px !important; text-shadow: none; color: #ffffff; !important; font-weight: 500; text-shadow: none; box-shadow: none } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[type="submit"]:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a.button:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .twoLine:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button.disabled:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[disabled]:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button.disabled:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button[disabled]:disabled { opacity: .9 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[type="submit"]:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a.button:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .twoLine:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button.disabled:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[disabled]:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button.disabled:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button[disabled]:disabled span { opacity: .9 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation label { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 cursor: default; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation label span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: lowercase; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation select { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="text"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="email"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="password"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="tel"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="number"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="url"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation textarea, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation select { background-color: #ffffff; border: 1px solid #96918b; border-radius: 5px; height: 40px; margin-bottom: 15px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="text"][disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="text"][readonly], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="email"][disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="password"][disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="tel"][disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="number"][disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation input[type="url"][disabled] { background-color: #e8e7e4; border: 1px solid #e8e7e4; border-radius: 7px; height: 40px; margin-bottom: 15px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset { width: 75%; padding-bottom: 20px; float: none } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[type="submit"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset a.button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .twoLine, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button[disabled] { background-color: #000000; height: 40px; border-radius: 7px; width: 85px; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[type="submit"] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset a.button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .twoLine span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[disabled] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button[disabled] span { background: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; color: #ffffff; font-weight: 500; text-shadow: none; box-shadow: none } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[type="submit"]:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset a.button:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .twoLine:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button.disabled:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[disabled]:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button.disabled:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button[disabled]:disabled { opacity: .9 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[type="submit"]:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset a.button:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .twoLine:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button.disabled:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[disabled]:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button.disabled:disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button[disabled]:disabled span { opacity: .9 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .cm-toggle { margin-bottom: 20px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program fieldset { width: 100%; padding-bottom: 0 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="text"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="email"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="password"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="tel"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="number"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="url"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program textarea, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program select { background-color: #ffffff; border: 1px solid #96918b; border-radius: 5px; height: 40px; margin-bottom: 15px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="radio"] { -webkit-appearance: none; margin-bottom: 15px; margin-top: 12px; position: relative } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="radio"]::before { height: 20px; width: 20px; content: ''; background-color: #ffffff; border-radius: 10px; border: 1px solid #54524f; display: block } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="radio"]:checked::after { height: 10px; width: 10px; content: ''; background-color: #000000; border-radius: 5px; position: absolute; top: 5px; left: 5px; display: block } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.notification_preferences #notification_preferences h4 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; margin-bottom: 25px; display: none; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.personal_information #personal_information { padding-bottom: 15px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.personal_information #personal_information label { font-size: 16px !important; color: #000000 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.personal_information #personal_information label>span:first-child { font-size: 17px; color: #000000 } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.consent_opt_out { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .manage_profile.page_content>.row .page_intro label>p.instruction { left: 8px } p.success, ul.success, .success { display: block; position: relative; border-radius: 5px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #79b252; background-color: #ffffff; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; list-style-type: none } p.success::before, .success::before { content: ''; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/icons-tick.svg"); background-repeat: no-repeat; background-position: center; background-color: #79b252; width: 56px; height: 102%; position: absolute; top: -1px; left: -1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px } p.error, p.error_message, ul.error, .error { display: block; position: relative; border-radius: 5px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #d7373c; background-color: #ffffff; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; list-style-type: none } p.error::before, p.error_message::before, .error::before { content: ''; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/icon-cross.svg"); background-repeat: no-repeat; background-position: center; background-color: #d7373c; width: 56px; height: 102%; position: absolute; top: -1px; left: -1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px } p.message, .message { display: block; position: relative; border-radius: 5px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #ffc61e; background-color: #ffffff; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000 } p.message::before, .message::before { content: ''; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/icon-cross.svg"); background-repeat: no-repeat; background-position: center; background-color: #ffc61e; width: 56px; height: 102%; position: absolute; top: -1px; left: -1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px } @media screen and (max-width:959px) { .manage_profile.page_content>.row { max-width: 100% } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset { width: 100% } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .cm-toggle+span { width: 83%; margin-bottom: 20px } } @media only screen and (max-width:640px) { .manage_profile.page_content>.row .page_intro { padding-top: 20px } .manage_profile.page_content>.row .page_intro h2 { font-size: 24px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a h3 { padding: 20px 25px 20px 0; font-size: 18px } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program .travelLabel { display: none } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.travel_program #travel_program input[type="radio"] { margin-top: 0 } .manage_profile.page_content>.row label[data-title]::before { text-transform: capitalize; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000 } p.success, .success, p.error, .error, p.message, .message { padding: 6px 10px 6px 70px; font-size: 14px } p.success::before, .success::before, p.error::before, .error::before, p.message::before, .message::before { width: 60px; height: 101% } } .pwrl.page_content { background: #fff } .pwrl.page_content:before { content: ''; width: 100%; position: absolute; top: 100px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } .pwrl.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 0px; } .pwrl.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .pwrl.page_content>.row { max-width: 80% } .pwrl.page_content>.row .page_intro { box-shadow: none; padding-top: 1px } .pwrl.page_content>.row .page_intro button, .pwrl.page_content>.row .page_intro button[type="submit"], .pwrl.page_content>.row .page_intro a.button, .pwrl.page_content>.row .page_intro .twoLine, .pwrl.page_content>.row .page_intro button.disabled, .pwrl.page_content>.row .page_intro button[disabled], .pwrl.page_content>.row .page_intro .button.disabled, .pwrl.page_content>.row .page_intro .button[disabled] { background-color: #ffffff; border: 2px solid #000000; border-radius: 30px; text-shadow: none; min-width: 184px } .pwrl.page_content>.row .page_intro button span, .pwrl.page_content>.row .page_intro button[type="submit"] span, .pwrl.page_content>.row .page_intro a.button span, .pwrl.page_content>.row .page_intro .twoLine span, .pwrl.page_content>.row .page_intro button.disabled span, .pwrl.page_content>.row .page_intro button[disabled] span, .pwrl.page_content>.row .page_intro .button.disabled span, .pwrl.page_content>.row .page_intro .button[disabled] span { font-size: 16px !important; background: #ffffff; box-shadow: none; padding: 12px 20px; color: #000000 !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; !important; font-weight: normal; line-height: 1.1; margin: 0 } .pwrl.page_content>.row .page_intro input[type="checkbox"]+span, .pwrl.page_content>.row .page_intro input[type="radio"]+span, .pwrl.page_content>.row .page_intro input[type="checkbox"]+label>span, .pwrl.page_content>.row .page_intro input[type="radio"]+label>span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; width: 80% } .pwrl.page_content>.row .page_intro input[type="number"]:before { content: "\0024"; /* Add $ before number */ z-index: 1; /* set higher z-index value */ position: relative; /* position must be set for z-index to work */ background-color: #ffffff; border: 1.5px solid #000000 !important; height: 40px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro input[type="text"], .pwrl.page_content>.row .page_intro input[type="email"], .pwrl.page_content>.row .page_intro input[type="password"], .pwrl.page_content>.row .page_intro input[type="tel"], .pwrl.page_content>.row .page_intro input[type="number"], .pwrl.page_content>.row .page_intro input[type="url"], .pwrl.page_content>.row .page_intro textarea, .pwrl.page_content>.row .page_intro select { background-color: #ffffff; border: 1.5px solid #000000 !important; height: 40px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-left: 13px; } .pwrl.page_content>.row .page_intro select { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .pwrl.page_content>.row .page_intro>.small-offset-3 { margin-left: 0 !important; width: 101%; padding-right: 0px; padding-left: 0px; } @media only screen and (min-width: 40.063em) .medium-60 { width: 101%; } @media only screen and (min-width: 64.063em) .column, .columns { position: relative; padding-left: 0.5em; padding-right: 0.5em; float: left; width: 101%; } @media only screen and (min-width: 64.063em) { .column, .columns { position: relative; padding-left: 0.5em; padding-right: 35px; float: left; } } .pwrl.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; height: 7.45rem; width: 2000px; margin-left: -10px; padding-left: 16px; background: #EEEBE7 !important; } p.message, ul.message, ol.message { /* 100% p message */ width: 100% !important; display: inline-block; } .pwrl.page_content>.row .page_intro p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; width: 100%; margin-top: 35px; margin-bottom: -25px; position: relative; bottom: 25px; display: block; } @media screen and (max-width: 640px) { .pwrl.page_content>.row .page_intro p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; width: 90%; display: block; margin-top: 20px; margin-bottom: 0px; } } @media screen and (max-width:641px) { .pwrl.page_content>.row .page_intro p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; width: 30%; display: block; margin-top: 25px; margin-bottom: 0px; } } .pwrl.page_content>.row .page_intro .tabs { background: transparent; box-shadow: none; border-bottom: 1px solid #c6c5c5; padding: 0 } .pwrl.page_content>.row .page_intro .tabs>dd { margin: 0 30px 0 0 !important } .pwrl.page_content>.row .page_intro .tabs>dd>a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; background-color: transparent; border: 0; margin: 0; padding: 10px 0 } .pwrl.page_content>.row .page_intro .tabs>dd.active>a { border-bottom: 4px solid #000000 } .pwrl.page_content>.row .page_intro .tabs dd.active a, .pwrl.page_content>.row .page_intro .tabs .tab-title.active a { background-color: transparent; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .content { background-color: #EEEBE7; padding-left: 2rem; padding-right: 2rem } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings { padding-top: 2rem; border-radius: 7px; background-color: #EEEBE7 } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings label { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings span { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-top: 0 } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings a { color: #000000; font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings div.preferredMinCashAmt label.perferredMinimumCashAmt span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .columns.prefferedCashAmt { width: 55%; padding-left: 1.2rem; margin-bottom: 1rem } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredSpan { padding-top: 7px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredButton { margin-top: 1rem; margin-bottom: 30px; width: 40% } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredButton button { max-width: 185px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredButton button span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="radio"] { -webkit-appearance: none; margin-bottom: 15px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="radio"]::before { height: 20px; width: 20px; content: ''; background-color: #ffffff; border-radius: 10px; border: 1px solid #54524f; display: block } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="radio"]:checked::after { height: 10px; width: 10px; content: ''; background-color: #000000; border-radius: 5px; position: absolute; top: 5px; left: 13px; display: block } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .notification_prefs { background-color: #EEEBE7; padding-top: 2rem; border-radius: 7px; display: inline-block } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .notification_prefs h3 { padding-left: 2rem; border: 0; font-size: 20px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro h3 { border: 0; font-size: 20px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .notification_prefs span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; line-height: 1.2 !important } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .notification_prefs span .span-upgraded-sub { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 h3, .pwrl.page_content>.row .page_intro .tabs-content .card_settings h3 { border: 0; font-size: 20px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content .card_settings h3 { display: none; /* Remove Cashback credit h3 */ } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset { background-color: #EEEBE7; padding: 2rem 2rem 0 2rem; /* width: 1204px; */ margin-top: 40px; color: #000000; border-radius: 0px; } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .row .medium-20.columns, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .row .medium-20.columns { width: 45% } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset span, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 } .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset span:after { content: "Select your David Jones credit card. The points will be deducted from your balance immediately and the credit may take up to 48 hours to appear in your account. Once the transaction is completed, you will see your cashback credit in your Transaction History in the Latitude Service Centre and the Latitude App."; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset span.value, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 !important; padding: 5px 0 30px 0; line-height: 1.1 } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .pwr_select_card_button, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .pwr_select_card_button { margin-top: 20px; margin-bottom: 20px; max-width: 184px } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .pwr_select_card_button span, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .pwr_select_card_button span { font-size: 16px !important; font-weight: 700; margin-top: -7px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back { margin: 2rem 0; border-radius: 0px; /* width: 1100px; */ background-color: #EEEBE7; color: #000000; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back h3 { border: 0; font-size: 20px; font-weight: bold; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-top: 2rem; padding-left: 2rem } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .content, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .content { padding: 0px 20px 20px 25px; background: #EEEBE7 !important; margin-top: 10px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset { margin-top: 20px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .columns.medium-30, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .columns.medium-30 { /* width: 45%; */ width: 200px !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .columns.medium-30 .columns.medium-45, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .columns.medium-30 .columns.medium-45 { width: 100% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .columns.medium-30.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .columns.medium-30.end { float: right } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label span { color: #000000; font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label span br, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label span br { display: none } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label span.value, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-top: 5px; padding-bottom: 30px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod { margin-bottom: 15px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod span { font-size: 16px !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod .currency, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod .currency { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 0px; padding-top: 20px; margin-right: 8px; position: relative; top: 10px; right: -5px; line-height: 19.5px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod .currency, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod .currency:after { content: "Minimum $25.00"; /* Minimum $25.00 */ font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 10px; font-weight: 400; padding-top: 0px; margin-right: 8px; margin-left: -5px; margin-top: -50px; margin-bottom: -5px; display: block; width: 78px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod select, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod select { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; width: 55%; margin-left: .6rem; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset #cashbackAmt, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset #cashbackAmt { display: block; margin: 0 0 5px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_auto_confirm_enable_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_auto_confirm_enable_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_sec_button { background: #000000; border-color: transparent } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_auto_confirm_enable_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_auto_confirm_enable_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_sec_button span { color: #fff !important; background: #000000 } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button { margin-top: 25px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back p.disclaimer, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back p.disclaimer { text-transform: capitalize; font-size: 18px; margin-top: 20px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button { margin-left: 4rem } @media screen and (min-width:1280px) and (max-width:1399px) { .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .small-60.medium-60.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .small-60.medium-60.columns { width: 83% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button { min-width: 170px !important; padding-left: 15px !important; height: 40px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button span { padding: 12px 6px; margin-top: -5px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 700; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-pull-15.columns.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-pull-15.columns.end { right: 29.5% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-push-15.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-push-15.columns { left: 16% } } @media screen and (min-width:1400px) and (max-width:1499px) { .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .small-60.medium-60.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .small-60.medium-60.columns { width: 80% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button { max-width: 190px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button span { padding: 0px !important; position: relative; top: -1px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-pull-15.columns.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-pull-15.columns.end { right: 35.5% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-push-15.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-push-15.columns { left: 4% } } @media screen and (min-width:1500px) and (max-width:1899px) { .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .small-60.medium-60.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .small-60.medium-60.columns { width: 75% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button { max-width: 190px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 700; padding: 12px 6px; margin-top: -7px; text-align: center; } .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, padding: 0px 0px 0px 18px !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-pull-15.columns.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-pull-15.columns.end { right: 31% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-push-15.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-push-15.columns { left: 13% } } @media screen and (min-width:1500px) and (max-width:1899px) { .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button span { padding: 12px 6px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 700; padding: 12px 6px; margin-top: -7px; margin-left: 0px; text-align: center; } } @media screen and (min-width:1900px) { .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 700; padding: 12px 6px; margin-top: -7px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button span { padding: 12px 6px; margin-top: -7px !important; font-weight: 700; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .small-60.medium-60.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .small-60.medium-60.columns { width: 60% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button { max-width: 190px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_manual_cancel_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_redeem_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_done_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_previous_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_manual_cancel_button span { /* padding: 10px 0px 10px 15px !important; */ } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-pull-15.columns.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-pull-15.columns.end { right: 35.5% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-push-15.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-push-15.columns { left: 4% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back label.maximumCashBackPerPeriod select, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back label.maximumCashBackPerPeriod select { width: 37% } } @media screen and (max-width:1181px) { .pwrl.page_content>.row .page_intro button, .pwrl.page_content>.row .page_intro button[type="submit"], .pwrl.page_content>.row .page_intro a.button, .pwrl.page_content>.row .page_intro .twoLine, .pwrl.page_content>.row .page_intro button.disabled, .pwrl.page_content>.row .page_intro button[disabled], .pwrl.page_content>.row .page_intro .button.disabled, .pwrl.page_content>.row .page_intro .button[disabled] { min-width: auto } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .columns.medium-30, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .columns.medium-30 { width: 55% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button { margin-left: 9rem } } @media screen and (max-width:959px) { .pwrl.page_content>.row { max-width: 100% } .pwrl.page_content>.row dl#tab1Content { columns: 1 } .pwrl.page_content>.row .page_intro { padding: 0 } .pwrl.page_content>.row .page_intro input[type="checkbox"]+span, .pwrl.page_content>.row .page_intro input[type="radio"]+span, .pwrl.page_content>.row .page_intro input[type="checkbox"]+label>span, .pwrl.page_content>.row .page_intro input[type="radio"]+label>span { width: 80% } .pwrl.page_content>.row .page_intro .tabs { border-bottom: 0 } .pwrl.page_content>.row .page_intro .tabs>dd { margin: 0 0 15px 0 !important } .pwrl.page_content>.row .page_intro .tabs>dd>a { padding: 10px } .pwrl.page_content>.row .page_intro .tabs-content p+br { display: none } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .content { padding-left: 1.3rem; padding-right: 1.3rem } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings { padding-top: 1.5rem } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="text"], .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="email"], .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="password"], .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="tel"], .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="number"], .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="url"], .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings textarea, .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings select { height: 40px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .columns.prefferedCashAmt { width: 60% } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredButton { width: 45% } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings div.preferredMinCashAmt label.perferredMinimumCashAmt span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .notification_prefs { padding-top: 1.5rem } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .notification_prefs span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .notification_prefs h3 { padding-left: 1.3rem } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset span, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back p.disclaimer, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back p.disclaimer { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label span { font-size: 14px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label span.value, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label span.value { font-size: 16px !important; padding-top: 0; padding-bottom: 15px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod span { font-size: 16px; margin-top: 10px; } } @media screen and (max-width:640px) { .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .columns.prefferedCashAmt { width: 95% } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredButton { width: 90% } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings label.perferredMinimumCashAmt { margin-bottom: 4px } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings label.perferredMinimumCashAmt span:first-child { margin: 0 0 2px 0 } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset { background-color: #EEEBE7; padding: 2rem 2rem 0 2rem; /* width: 1204px; */ margin-top: 40px; color: #000000; border-radius: 0px; } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .row .small-60, .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .row .medium-20.columns, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .row .small-60, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .row .medium-20.columns { width: 100% } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .pwr_select_card_button, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .pwr_select_card_button { max-width: none } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .content, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .content { padding: 1.2rem; background: #EEEBE7 !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back h3 { padding-left: 1.2rem } .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back h3 { display: block; padding-left: 30px; margin-top: -30px; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button { margin-left: 0; margin-top: 16px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod select, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod select { height: 40px; font-size: 16px !important; width: 90% } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label.maximumCashBackPerPeriod .currency, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label.maximumCashBackPerPeriod .currency { font-size: 0px; padding-top: 4px } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .columns.medium-30, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .columns.medium-30 { /* width: 100%; */ width: 165px !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .columns.medium-30 .columns.medium-45, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .columns.medium-30 .columns.medium-45 { width: 100%; padding-left: 0 } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .columns.medium-30.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .columns.medium-30.end { float: right } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .small-60.medium-60.columns .small-60.medium-15.columns label, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .small-60.medium-60.columns .small-60.medium-15.columns label { margin-bottom: 0 } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .small-60.medium-60.columns .small-60.medium-15.columns label>span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .small-60.medium-60.columns .small-60.medium-15.columns label>span { display: none } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset .row .small-60.medium-60.columns .small-60.medium-15.columns label>span br, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset .row .small-60.medium-60.columns .small-60.medium-15.columns label>span br { display: none } } .shop.shop_details.page_content { background: #fff } .shop.shop_details.page_content:before { content: ''; width: 100%; position: absolute; top: 100px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } .shop.shop_details.page_content #breadcrumb { margin-bottom: 2.5rem } .shop.shop_details.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .shop.shop_details.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; text-transform: capitalize } .shop.shop_details.page_content>.row, .shop.shop_details.page_content>div { max-width: 80%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin: 0 auto } .shop.shop_details.page_content .page_intro { box-shadow: none; padding-top: 1px; margin-bottom: 4rem; background: transparent; } .shop.shop_details.page_content .page_intro>.row>.small-offset-3 { margin-left: 0 !important } .shop.shop_details.page_content .page_intro>.row { background-color: #EEEBE7; padding-top: 1rem; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 } .shop.shop_details.page_content .page_intro .item_details h2, .shop.shop_details.page_content .page_intro .item_details h1 { margin-top: 0; padding-top: 0; line-height: normal; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; color: #000000; letter-spacing: 0; border-bottom: 0 } .shop.shop_details.page_content .page_intro .item_details h5 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .shop.shop_details.page_content .page_intro .item_details p { display: block; width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 1rem; margin-top: .8rem; } .shop.shop_details.page_content .page_intro .item_details ul li { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px; margin-left: 25px; display: block; } .shop.shop_details.page_content .page_intro .item_details ul li::before { content: "\2022"; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px; font-weight: bold; display: inline-block; width: 16px; margin-left: -15px; } .shop.shop_details.page_content .page_intro .item_details br { display: none } .shop.shop_details.page_content .page_intro footer { background-color: #EEEBE7; border-top: 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav::after { display: block; content: ""; clear: both } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav fieldset { text-align: center } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav legend { line-height: 18px; margin-left: 0; float: none; font-size: 12px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: capitalize; background: transparent } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.twoUp { float: none; width: auto; background: transparent; margin: 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.twoUp span { box-shadow: none; background: transparent; padding: 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.previous { margin-right: -4px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.previous .arrow { background: transparent url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/next-prev.svg) center left no-repeat; background-repeat: no-repeat; background-size: cover; height: 40px; width: 40px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.next { margin-left: -4px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.next .arrow { background: transparent url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/next-prev.svg) center right no-repeat; background-repeat: no-repeat; background-size: cover; height: 40px; width: 40px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .medium-15.medium-offset-3 { margin-left: 5% !important } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .quantity span, .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .frequency span { text-align: left; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 12px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #qty, .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #itemFreq { margin-bottom: 1rem; background: #ffffff; border: 1px solid #96918b; box-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; width: 90%; float: left } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item select#qty, .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item select#itemFreq { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important; width: 70px; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #add_to_cart { font-size: 16px !important; border-radius: 26px; margin: 21px 0 0 0; background: #000000; color: #ffffff; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-shadow: none; font-weight: 500 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #add_to_cart span { background: transparent; box-shadow: none; min-height: 40px; line-height: 20px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .price { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; color: #000000 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .automatic_redemption span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 18px; color: #000000; padding-top: 4px } @media screen and (max-width:1181px) { .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .medium-15.medium-offset-3 { margin-left: 4.5% !important } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .small-60.medium-30.medium-pull-15.columns { width: 75%; right: 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav fieldset { text-align: center } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav fieldset button.twoUp { float: none; width: auto } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav fieldset legend { float: none; line-height: normal; margin-bottom: .5rem; } } @media screen and (max-width:768px) { .shop.shop_details.page_content>.row, .shop.shop_details.page_content>div { max-width: 100% } } @media screen and (max-width:640px) { .shop.shop_details.page_content .page_intro { margin-bottom: 0 } .shop.shop_details.page_content .page_intro .item_details { margin: 0 0 15px 0 } .shop.shop_details.page_content .page_intro footer { padding-top: 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .medium-offset-3, .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .medium-15.medium-offset-3 { margin-left: 10% !important } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .small-60.medium-30.medium-pull-15.columns { width: 100%; right: 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #qty, .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #itemFreq { width: 100%; margin-bottom: .3rem; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #add_to_cart { margin: 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .price { margin: 20px 0 30px 0 } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .quantity span, .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .frequency span { font-size: 14px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item label.automatic_redemption { margin-top: 0; margin-bottom: 25px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item label.automatic_redemption span { font-size: 14px } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav { margin-top: 1rem; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav fieldset button.twoUp { width: auto } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav fieldset legend { margin-bottom: .7rem; font-size: 14px } } .account.account_forgot_password_account_blocked.page_content { background-color: #EEEBE7; } .account.account_forgot_password_account_blocked.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .account.account_forgot_password_account_blocked.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .account.account_forgot_password_account_blocked.page_content>.row { max-width: 80% } .account.account_forgot_password_account_blocked.page_content>.row .page_intro { box-shadow: none; padding-top: 1px; background-color: #EEEBE7; } .account.account_forgot_password_account_blocked.page_content>.row .page_intro>.small-offset-3 { margin-left: 0 !important; width: 100% } .account.account_forgot_password_account_blocked.page_content>.row .page_intro h2:before { content: ''; width: 100%; /* position: absolute; */ /* top: 100px; */ left: 0; z-index: 0; /* height: 160px; */ background: #EEEBE7 !important; } .account.account_forgot_password_account_blocked.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; background-color: #EEEBE7; } .account.account_forgot_password_account_blocked.page_content>.row .page_intro p { display: block; width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 1rem; margin-top: .8rem; } .account.account_forgot_password_account_blocked.page_content>.row .page_intro p a { color: #000000 } .account.account_forgot_password_account_blocked.page_content>.row .page_intro .small-60.medium-30.medium-centered.columns { float: left; padding: 0; margin-top: 10px } .account.account_forgot_password_account_blocked.page_content>.row .page_intro a.button { max-width: 260px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 10px } .account.account_forgot_password_account_blocked.page_content>.row .page_intro a.button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; line-height: 21px; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500; text-transform: initial; margin-top: 8px; color: #fff; } } .account.account_cards.page_content { background: #fff } .account.account_cards.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .account.account_cards.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .account.account_cards.page_content>.row { max-width: 80% } .account.account_cards.page_content>.row .page_intro { box-shadow: none; padding-top: 1px } .account.account_cards.page_content>.row .page_intro>.small-offset-3 { margin-left: 0 !important; width: 100% } .account.account_cards.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0 } .account.account_cards.page_content>.row .page_intro .fivePad p { display: block; width: 75%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 1rem; margin-top: .8rem; } .account.account_cards.page_content>.row .page_intro #form_add_card fieldset { padding: 30px 40px 12px; margin-bottom: 50px; margin-top: 1rem; background-color: #EEEBE7 } .account.account_cards.page_content>.row .page_intro label[for="bankProductId"].error, .account.account_cards.page_content>.row .page_intro label[for="accountNumber"].error, .account.account_cards.page_content>.row .page_intro label[for="accountNickname"].error, .checkout.page_content>.row .page_intro div.item_row div.item_options label.error { margin: 0; padding: 0; background-color: transparent; border: 0 } .account.account_cards.page_content>.row .page_intro label[for="bankProductId"].error::before, .account.account_cards.page_content>.row .page_intro label[for="accountNumber"].error::before, .account.account_cards.page_content>.row .page_intro label[for="accountNickname"].error::before, .checkout.page_content>.row .page_intro div.item_row div.item_options label.error::before { content: none } .account.account_cards.page_content>.row .page_intro label[for="bankProductId"].error input, .account.account_cards.page_content>.row .page_intro label[for="accountNumber"].error input, .account.account_cards.page_content>.row .page_intro label[for="accountNickname"].error input, .checkout.page_content>.row .page_intro div.item_row div.item_options label.error input { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .account.account_cards.page_content>.row .page_intro select { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .account.account_cards.page_content>.row .page_intro small.error, .checkout.page_content>.row .page_intro div.item_row div.item_options small.error { min-height: auto; background-color: transparent; padding: 8px 10px 8px 0; margin: 1px 0 10px 0; border-top-left-radius: 0; border-top-right-radius: 0; color: #ee6565; border: 0; font-style: unset } .account.account_cards.page_content>.row .page_intro small.error::before, .checkout.page_content>.row .page_intro div.item_row div.item_options small.error::before { content: none; background-size: 20px; top: 0; width: 35px } .account.account_cards.page_content>.row .page_intro label.error span.required, .checkout.page_content>.row .page_intro div.item_row div.item_options label.error span { color: #ee6565 } .account.account_cards.page_content>.row .page_intro label.error span.required span { color: #ee6565 } .account.account_cards.page_content>.row .page_intro label.error input[type="text"], .account.account_cards.page_content>.row .page_intro label.error input[type="password"], .account.account_cards.page_content>.row .page_intro label.error input[type="email"], .account.account_cards.page_content>.row .page_intro label.error select, .checkout.page_content>.row .page_intro div.item_row div.item_options label.error input { box-shadow: none !important; border: 1px solid #ee6565 !important } .account.account_cards.page_content>.row .page_intro label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: capitalize; font-size: 14px } .account.account_cards.page_content>.row .page_intro input[type="text"], .account.account_cards.page_content>.row .page_intro input[type="email"], .account.account_cards.page_content>.row .page_intro input[type="password"], .account.account_cards.page_content>.row .page_intro input[type="tel"], .account.account_cards.page_content>.row .page_intro input[type="number"], .account.account_cards.page_content>.row .page_intro input[type="url"], .account.account_cards.page_content>.row .page_intro textarea, .account.account_cards.page_content>.row .page_intro select, .checkout.page_content>.row .page_intro div.item_row div.item_options label.error input { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px } .account.account_cards.page_content>.row .page_intro button { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 10px } .account.account_cards.page_content>.row .page_intro button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500; color: #fff } .account.account_cards.page_content>.row .page_intro #cancelButton { background: #ffffff; border: 2px solid #000000; color: #000000 } .account.account_cards.page_content>.row .page_intro #cancelButton span { background: #ffffff; color: #000000 } .account.account_cards.page_content>.row .page_intro .small-60.medium-24.medium-pull-36.columns { width: 45%; right: 55%; margin-top: 0 } .account.account_cards.page_content>.row .page_intro #my_cards h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; border: 0; margin-bottom: 20px } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset label { margin-bottom: 0 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row.hide-for-small-only { border-bottom: 4px solid #b1ada6 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row.hide-for-small-only .small-60.medium-12.columns { width: 22.66% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row.hide-for-small-only .small-60.medium-12.columns:first-child { width: 33% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row.hide-for-small-only label { margin-bottom: 5px } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row.hide-for-small-only label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; padding: 0 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row { border-bottom: 1px solid #b1ada6 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns { width: 22.66% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:first-child { width: 33% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:nth-child(4) { width: 7% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:last-child { width: 14%; right: 0 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; padding: 11px 0 11px 0; font-weight: 500 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-edit { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-decoration: underline } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-edit span { padding-left: 18px; display: block; padding-top: 11px } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-edit::before { content: ''; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/icon-edit.svg"); position: absolute; left: 1px; top: 9px; width: 21px; height: 21px; background-repeat: no-repeat; background-position: center; background-size: contain } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-delete { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-decoration: underline } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-delete span { padding-left: 18px; display: block; padding-top: 11px } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-delete::before { content: ''; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/icon-delete.svg"); position: absolute; left: 1px; top: 9px; width: 21px; height: 21px; background-repeat: no-repeat; background-position: center; background-size: contain } .lightboxmanage_account_drop span.value.centered, .lightbox_manage_account_edit span.value.centered { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 500; font-size: 16px !important; text-align: left } .lightboxmanage_account_drop label, .lightbox_manage_account_edit label { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .lightboxmanage_account_drop label input[type="text"], .lightboxmanage_account_drop label input[type="email"], .lightboxmanage_account_drop label input[type="password"], .lightboxmanage_account_drop label input[type="tel"], .lightboxmanage_account_drop label input[type="number"], .lightboxmanage_account_drop label input[type="url"], .lightboxmanage_account_drop label textarea, .lightboxmanage_account_drop label select, .lightbox_manage_account_edit label input[type="text"], .lightbox_manage_account_edit label input[type="email"], .lightbox_manage_account_edit label input[type="password"], .lightbox_manage_account_edit label input[type="tel"], .lightbox_manage_account_edit label input[type="number"], .lightbox_manage_account_edit label input[type="url"], .lightbox_manage_account_edit label textarea, .lightbox_manage_account_edit label select { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px } @media screen and (max-width:959px) { .account.account_forgot_password_account_blocked.page_content>.row { max-width: 100% } .account.account_cards.page_content>.row { max-width: 100% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:nth-child(4) { width: 10% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:last-child { width: 10% } } @media screen and (max-width:640px) { .account.account_cards.page_content>.row { max-width: 100% } .account.account_cards.page_content>.row .page_intro>.small-offset-3 { width: 100% } .account.account_cards.page_content>.row .page_intro #form_add_card fieldset { padding: 20px 25px 0 } .account.account_cards.page_content>.row .page_intro .small-60.medium-24.medium-pull-36.columns { width: 100%; right: 0 } .account.account_cards.page_content>.row .page_intro .small-60.medium-24.medium-pull-36.columns label { margin-bottom: 0 } .account.account_cards.page_content>.row .page_intro #addButton { margin-top: 20px } .account.account_cards.page_content>.row .page_intro #cancelButton { margin-bottom: 20px } .account.account_cards.page_content>.row .page_intro #my_cards h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; border: 0; margin-bottom: 20px } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset label { margin-bottom: 12px } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row { border-bottom: 1px solid #b1ada6; padding-bottom: 20px; margin-bottom: 10px } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns { width: 100% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:first-child { width: 100% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:nth-child(4) { width: 100% } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .small-60.medium-12.columns:last-child { width: 100%; right: 0 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row label span { padding: 4px 0 4px 0 } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row label span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row:last-child { border-bottom: 0 } } .checkout.page_content { background: #fff } .checkout.page_content:before { content: ''; width: 100%; position: absolute; top: 100px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } .checkout.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .checkout.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; text-transform: capitalize } .checkout.page_content>.row { max-width: 80% } .checkout.page_content>.row .page_intro { box-shadow: none; padding-top: 1px } .checkout.page_content>.row .page_intro>.row>.small-offset-3 { margin-left: 0 !important; width: 101%; } .checkout.page_content>.row .page_intro #shoppingCartForm .small-offset-3 { margin-left: 0 !important; width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .checkout.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0 } .checkout.page_content>.row .page_intro p { /* Remove Checkout Message */ display: block; width: 100%; font-family: "CircularXX-Medium", "MarkOffcForMC-Medium","sans-serif"; font-size: 0px !important; color: #000000; margin-bottom: 0px; margin-top: -25px; height: 55px; margin-left: 0px; padding-top: 10px; padding-bottom: 0px; background-repeat: no-repeat !important; background-position: center !important; background: #ffffff !important; position: absolute !important; top: 150px !important; z-index: 0 !important; } table tbody tr { border-width: 0 0 0 1px; position: relative; top: 0px; } .checkout.page_content>.row .page_intro p.instruction { display: none } .checkout.page_content>.row .page_intro label>input:focus+p.instruction { display: block } .checkout.page_content>.row .page_intro .cart_list { margin-bottom: 0 } .checkout.page_content>.row .page_intro .cart_list .frequency>label>span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 } .checkout.page_content>.row .page_intro .cart_list input[type="checkbox"] { border: 0; background: transparent; -webkit-appearance: none; position: relative } .checkout.page_content>.row .page_intro .cart_list input[type="checkbox"]::before { height: 18px; width: 18px; content: ''; background-color: #ffffff; border-radius: 3px; border: 1.5px solid #000000 !important; display: block } .checkout.page_content>.row .page_intro .cart_list input[type="checkbox"]:checked::after { content: ""; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/tick-icon-check.svg"); position: absolute; top: 0; left: 0; display: block; background-color: #000000; height: 18px; width: 18px; border-radius: 3px; border: 1.5px solid #000000 !important; background-repeat: no-repeat; background-position: center } .checkout.page_content>.row .page_intro .cart_list input[type="checkbox"]:disabled:checked::after { background-color: #bcbcbc; border-color: #bcbcbc } .checkout.page_content>.row .page_intro .cart_list input[type="checkbox"]:disabled::before { background-color: #bcbcbc; border-color: #bcbcbc } .checkout.page_content>.row .page_intro .cart_list .frequency>label>span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; padding-top: 8px } .checkout.page_content>.row .page_intro .cart_list header span { color: #000000; text-transform: capitalize; font-size: 14px } .checkout.page_content>.row .page_intro .mapping_info label>span { border: 1px solid #e8e5e1 } .checkout.page_content>.row .page_intro span.item_ship_addr { display: block; margin-bottom: 5px } .checkout.page_content>.row .page_intro .item_row:not(.hide-for-small-only) { margin-bottom: 2.5rem; } .checkout.page_content>.row .page_intro .ship_to { padding: 1rem 0; } .checkout.page_content>.row .page_intro div.item_row span.name { color: #000000 } .checkout.page_content>.row .page_intro .edit_row { margin-top: 2rem; padding-top: 0 } .checkout.page_content>.row .page_intro .edit_row label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-top: 20px; } .checkout.page_content>.row .page_intro .edit_row select { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .checkout.page_content>.row .page_intro .edit_row #span_mapping_info_1 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; cursor: default; display: none; } .checkout.page_content>.row .page_intro .edit_row button { max-width: 260px } .checkout.page_content>.row .page_intro button { width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 10px } .checkout.page_content>.row .page_intro button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500 } .checkout.page_content>.row .page_intro button.change_address { margin-right: 2rem; } .checkout.page_content>.row .page_intro button.cancel_order { background: white; border: 1.5px solid #000000 !important; color: #000000 } .checkout.page_content>.row .page_intro button.cancel_order span { background: white; color: #000000 } .checkout.page_content>.row .page_intro .cart_actions { margin-bottom: 20px; margin-top: -80px; padding-bottom: 0px; } .checkout.page_content>.row .page_intro .cart_actions .payment_information label span { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 500; font-size: 16px !important; min-height: auto } .checkout.page_content>.row .page_intro .cart_actions .payment_information select, .checkout.page_content>.row .page_intro .cart_actions .payment_information #cardnumber { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000 } .checkout.page_content>.row .page_intro .cart_actions .payment_information select { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 20px; border: 0 } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation p { color: #000000; font-size: 16px !important; margin-bottom: 2rem; } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 500; font-size: 16px !important; color: #000000; padding: 3px 0 10px 10px } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation label span.accept_email { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; !important } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation input { margin-top: 2px } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box span { color: #000000 } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="text"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="email"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="password"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="tel"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="number"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="url"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box textarea, .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box select { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation input[type="checkbox"] { position: relative; background-color: transparent; border: 0; -webkit-appearance: none; margin-bottom: 15px } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation input[type="checkbox"]::before { height: 18px; width: 18px; content: ''; background-color: #ffffff; border-radius: 3px; border: 1.5px solid #000000 !important; display: block } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation input[type="checkbox"]:checked::after { content: ""; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/tick-icon-check.svg"); position: absolute; top: 0; left: 0; display: block; background-color: #000000; height: 18px; width: 18px; border-radius: 3px; border: 1.5px solid #000000 !important; background-repeat: no-repeat; background-position: center } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation input[type="checkbox"]:disabled:checked::after { background-color: #bcbcbc; border-color: #bcbcbc } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation input[type="checkbox"]:disabled::before { background-color: #bcbcbc; border-color: #bcbcbc } .edit_mapping_info.modal_default header h3#address_header, .lightbox_redemption_address_maint_1 header h3#address_header, .lightbox_cancel header h3#address_header, .lightbox_recurring_redemption_view header h3#address_header { font-size: 28px } .edit_mapping_info.modal_default .content h4, .lightbox_redemption_address_maint_1 .content h4, .lightbox_cancel .content h4, .lightbox_recurring_redemption_view .content h4 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 18px; color: #000000; border: 0; margin-top: 10px } .edit_mapping_info.modal_default .content p, .lightbox_redemption_address_maint_1 .content p, .lightbox_cancel .content p, .lightbox_recurring_redemption_view .content p { text-align: left } .edit_mapping_info.modal_default .content form, .lightbox_redemption_address_maint_1 .content form, .lightbox_cancel .content form, .lightbox_recurring_redemption_view .content form { margin-top: 15px } .edit_mapping_info.modal_default .content #mappingInformationForm, .lightbox_redemption_address_maint_1 .content #mappingInformationForm, .lightbox_cancel .content #mappingInformationForm, .lightbox_recurring_redemption_view .content #mappingInformationForm { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-top: 10px } .edit_mapping_info.modal_default .content button, .lightbox_redemption_address_maint_1 .content button, .lightbox_cancel .content button, .lightbox_recurring_redemption_view .content button { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 10px } .edit_mapping_info.modal_default .content button span, .lightbox_redemption_address_maint_1 .content button span, .lightbox_cancel .content button span, .lightbox_recurring_redemption_view .content button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500 } .edit_mapping_info.modal_default .content button#btn_cancel, .lightbox_redemption_address_maint_1 .content button#btn_cancel, .lightbox_cancel .content button#btn_cancel, .lightbox_recurring_redemption_view .content button#btn_cancel { background: white; border: 1.5px solid #000000 !important; color: #000000 } .edit_mapping_info.modal_default .content button#btn_cancel span, .lightbox_redemption_address_maint_1 .content button#btn_cancel span, .lightbox_cancel .content button#btn_cancel span, .lightbox_recurring_redemption_view .content button#btn_cancel span { background: white; color: #000000 } .edit_mapping_info.modal_default .content span.value, .lightbox_redemption_address_maint_1 .content span.value, .lightbox_cancel .content span.value, .lightbox_recurring_redemption_view .content span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-align: left } .edit_mapping_info.modal_default .content label span, .lightbox_redemption_address_maint_1 .content label span, .lightbox_cancel .content label span, .lightbox_recurring_redemption_view .content label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .edit_mapping_info.modal_default .content label input, .edit_mapping_info.modal_default .content label select, .lightbox_redemption_address_maint_1 .content label input, .lightbox_redemption_address_maint_1 .content label select, .lightbox_cancel .content label input, .lightbox_cancel .content label select, .lightbox_recurring_redemption_view .content label input, .lightbox_recurring_redemption_view .content label select { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .edit_mapping_info.modal_default .content input[type="text"], .edit_mapping_info.modal_default .content input[type="email"], .edit_mapping_info.modal_default .content input[type="password"], .edit_mapping_info.modal_default .content input[type="tel"], .edit_mapping_info.modal_default .content input[type="number"], .edit_mapping_info.modal_default .content input[type="url"], .edit_mapping_info.modal_default .content textarea, .edit_mapping_info.modal_default .content select, .lightbox_redemption_address_maint_1 .content input[type="text"], .lightbox_redemption_address_maint_1 .content input[type="email"], .lightbox_redemption_address_maint_1 .content input[type="password"], .lightbox_redemption_address_maint_1 .content input[type="tel"], .lightbox_redemption_address_maint_1 .content input[type="number"], .lightbox_redemption_address_maint_1 .content input[type="url"], .lightbox_redemption_address_maint_1 .content textarea, .lightbox_redemption_address_maint_1 .content select, .lightbox_cancel .content input[type="text"], .lightbox_cancel .content input[type="email"], .lightbox_cancel .content input[type="password"], .lightbox_cancel .content input[type="tel"], .lightbox_cancel .content input[type="number"], .lightbox_cancel .content input[type="url"], .lightbox_cancel .content textarea, .lightbox_cancel .content select, .lightbox_recurring_redemption_view .content input[type="text"], .lightbox_recurring_redemption_view .content input[type="email"], .lightbox_recurring_redemption_view .content input[type="password"], .lightbox_recurring_redemption_view .content input[type="tel"], .lightbox_recurring_redemption_view .content input[type="number"], .lightbox_recurring_redemption_view .content input[type="url"], .lightbox_recurring_redemption_view .content textarea, .lightbox_recurring_redemption_view .content select { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px } .edit_mapping_info.modal_default .content select, .lightbox_redemption_address_maint_1 .content select, .lightbox_cancel .content select, .lightbox_recurring_redemption_view .content select { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } @media only screen and (max-width:2048px) { .checkout.page_content>.row .page_intro p { max-width: 98%; } } @media only screen and (max-width:1707px) { .checkout.page_content>.row .page_intro p { max-width: 95%; } } @media only screen and (max-width:1024px) { .checkout.page_content>.row .page_intro p { max-width: 95%; } } @media screen and (max-width:959px) { .checkout.page_content>.row { max-width: 100%; } } @media only screen and (max-width:768px) { .checkout.page_content>.row .page_intro p { width: 700px; } } @media only screen and (max-width:640px) { .checkout.page_content>.row { max-width: 90% } .checkout.page_content>.row .page_intro p { margin-bottom: 1rem; width: 510px !important; } .checkout.page_content>.row .page_intro .cart_actions button { margin-bottom: 5px; position: relative; top: 10px; } .checkout.page_content>.row .page_intro .item_row span.quantity, .checkout.page_content>.row .page_intro .item_row span.frequency { text-align: left } .checkout.page_content>.row .page_intro .item_row span.quantity::before, .checkout.page_content>.row .page_intro .item_row span.frequency::before { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize } .checkout.page_content>.row .page_intro .item_row .item_points.points_only { margin-top: 10px } .checkout.page_content>.row .page_intro .item_row:not(.hide-for-small-only) { margin-bottom: 0.5rem; } } #hero_form .small-60.large-20.large-push-40.columns { width: 43%; left: 56.5%; transform: translateY(3%); -webkit-transform: translateY(3%); -moz-transform: translateY(3%); -ms-transform: translateY(3%) } #hero_form .small-60.large-20.large-push-40.columns #form_register { padding: 3rem 3rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 10px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset h3 { border: 0; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 35px; margin-bottom: 20px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: capitalize; font-size: 16px !important; margin-bottom: 15px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset input[type="text"], #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset input[type="email"], #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset input[type="password"], #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset input[type="tel"], #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset input[type="number"], #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset input[type="url"], #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset textarea, #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset select { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset button.primary { width: 40%; max-width: 180px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 10px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset button.primary span { text-shadow: none; box-shadow: none; background: #000000; font-weight: 500 } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag { margin-top: 20px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag input[type="checkbox"] { -webkit-appearance: none; margin-bottom: 15px; position: relative } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag input[type="checkbox"]::before { height: 18px; width: 18px; content: ''; background-color: #ffffff; border-radius: 3px; border: 1.5px solid #000000 !important; display: block } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag input[type="checkbox"]:checked::after { content: ""; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/tick-icon-check.svg"); position: absolute; top: 0; left: 0; display: block; background-color: #000000; height: 18px; width: 18px; border-radius: 3px; border: 1.5px solid #000000 !important; background-repeat: no-repeat; background-position: center } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag input[type="checkbox"]:disabled:checked::after { background-color: #bcbcbc; border-color: #bcbcbc } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag input[type="checkbox"]:disabled::before { background-color: #bcbcbc; border-color: #bcbcbc } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag span { font-size: 16px !important; margin-top: -3px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag .small-6.medium-2.large-6.columns { width: 7% } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag .small-54.medium-58.large-54.columns { width: 93% } #fancybox-outer { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; position: relative; width: 100%; height: 100%; background: #ffffff; padding: 40px; box-sizing: content-box; } #fancybox-content .eye-solid.icon { top: 32px !important } #fancybox-content p { text-align: left } #fancybox-content button { max-width: 170px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 15px } #fancybox-content button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500; color: #fff } #fancybox-content #form_login label[for="user_id"] span, #fancybox-content #form_login label[for="user_pwd"] span, #fancybox-content #RegisterForm label[for="user_id"] span, #fancybox-content #RegisterForm label[for="user_pwd"] span, #fancybox-content #VerifyForm label[for="user_id"] span, #fancybox-content #VerifyForm label[for="user_pwd"] span { display: block } #fancybox-content #form_login label[for="user_id"], #fancybox-content #form_login label[for="bank_product_id"], #fancybox-content #form_login label[for="bank_account_num"], #fancybox-content #form_login label[for="user_pwd"], #fancybox-content #form_login label[for="birth_date"], #fancybox-content #form_login label[for="question5"], #fancybox-content #RegisterForm label[for="user_id"], #fancybox-content #RegisterForm label[for="bank_product_id"], #fancybox-content #RegisterForm label[for="bank_account_num"], #fancybox-content #RegisterForm label[for="user_pwd"], #fancybox-content #RegisterForm label[for="birth_date"], #fancybox-content #RegisterForm label[for="question5"], #fancybox-content #VerifyForm label[for="user_id"], #fancybox-content #VerifyForm label[for="bank_product_id"], #fancybox-content #VerifyForm label[for="bank_account_num"], #fancybox-content #VerifyForm label[for="user_pwd"], #fancybox-content #VerifyForm label[for="birth_date"], #fancybox-content #VerifyForm label[for="question5"] { margin-bottom: 15px } #fancybox-content #form_login label[for="user_id"] span, #fancybox-content #form_login label[for="bank_product_id"] span, #fancybox-content #form_login label[for="bank_account_num"] span, #fancybox-content #form_login label[for="user_pwd"] span, #fancybox-content #form_login label[for="birth_date"] span, #fancybox-content #form_login label[for="question5"] span, #fancybox-content #RegisterForm label[for="user_id"] span, #fancybox-content #RegisterForm label[for="bank_product_id"] span, #fancybox-content #RegisterForm label[for="bank_account_num"] span, #fancybox-content #RegisterForm label[for="user_pwd"] span, #fancybox-content #RegisterForm label[for="birth_date"] span, #fancybox-content #RegisterForm label[for="question5"] span, #fancybox-content #VerifyForm label[for="user_id"] span, #fancybox-content #VerifyForm label[for="bank_product_id"] span, #fancybox-content #VerifyForm label[for="bank_account_num"] span, #fancybox-content #VerifyForm label[for="user_pwd"] span, #fancybox-content #VerifyForm label[for="birth_date"] span, #fancybox-content #VerifyForm label[for="question5"] span { font-size: 12px; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content #form_login input[type="text"], #fancybox-content #form_login input[type="email"], #fancybox-content #form_login input[type="password"], #fancybox-content #form_login input[type="tel"], #fancybox-content #form_login input[type="number"], #fancybox-content #form_login input[type="url"], #fancybox-content #form_login textarea, #fancybox-content #form_login select, #fancybox-content #RegisterForm input[type="text"], #fancybox-content #RegisterForm input[type="email"], #fancybox-content #RegisterForm input[type="password"], #fancybox-content #RegisterForm input[type="tel"], #fancybox-content #RegisterForm input[type="number"], #fancybox-content #RegisterForm input[type="url"], #fancybox-content #RegisterForm textarea, #fancybox-content #RegisterForm select, #fancybox-content #VerifyForm input[type="text"], #fancybox-content #VerifyForm input[type="email"], #fancybox-content #VerifyForm input[type="password"], #fancybox-content #VerifyForm input[type="tel"], #fancybox-content #VerifyForm input[type="number"], #fancybox-content #VerifyForm input[type="url"], #fancybox-content #VerifyForm textarea, #fancybox-content #VerifyForm select { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content #form_login p.help, #fancybox-content #RegisterForm p.help, #fancybox-content #VerifyForm p.help { text-align: left; margin-bottom: 10px } #fancybox-content #form_login p.help a, #fancybox-content #RegisterForm p.help a, #fancybox-content #VerifyForm p.help a { color: #000000; text-decoration: underline } #fancybox-content #form_login p.message, #fancybox-content #form_login p.error, #fancybox-content #RegisterForm p.message, #fancybox-content #RegisterForm p.error, #fancybox-content #VerifyForm p.message, #fancybox-content #VerifyForm p.error { margin-bottom: 20px; text-align: left } #fancybox-content #form_login button, #fancybox-content #RegisterForm button, #fancybox-content #VerifyForm button { max-width: 170px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 15px } #fancybox-content #form_login button span, #fancybox-content #RegisterForm button span, #fancybox-content #VerifyForm button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500; color: #fff } #fancybox-content #form_login #btn_cancel, #fancybox-content #form_login .btn_cancel_upgrade, #fancybox-content #RegisterForm #btn_cancel, #fancybox-content #RegisterForm .btn_cancel_upgrade, #fancybox-content #VerifyForm #btn_cancel, #fancybox-content #VerifyForm .btn_cancel_upgrade { max-width: 170px; background: #ffffff; border: 2px solid #000000; color: #000000 } #fancybox-content #form_login #btn_cancel span, #fancybox-content #form_login .btn_cancel_upgrade span, #fancybox-content #RegisterForm #btn_cancel span, #fancybox-content #RegisterForm .btn_cancel_upgrade span, #fancybox-content #VerifyForm #btn_cancel span, #fancybox-content #VerifyForm .btn_cancel_upgrade span { background: #ffffff; color: #000000 } #fancybox-content #form_login select, #fancybox-content #RegisterForm select, #fancybox-content #VerifyForm select { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } #fancybox-content .button_icon_right { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; line-height: 40px !important; height: 40px; border-radius: 7px; margin-top: 15px; width: 170px; text-transform: capitalize; padding-right: 40px; padding-left: 40px; text-align: center } #fancybox-content footer .row { text-align: left } #fancybox-content footer .row .span_login_upgrade { display: block; width: 100%; text-align: left; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 10px } #fancybox-content footer .row .span_login_upgrade a { padding-left: 5px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content footer .row .span_login_upgrade a span { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content footer .row .span_login_upgrade a:hover { text-decoration: underline } #fancybox-content #form_disclosure p { text-align: left; font-size: 14px } #fancybox-content #form_disclosure label input[type="checkbox"] { -webkit-appearance: none; margin-bottom: 15px; position: relative } #fancybox-content #form_disclosure label input[type="checkbox"]::before { height: 18px; width: 18px; content: ''; background-color: #ffffff; border-radius: 3px; border: 1.5px solid #000000 !important; display: block } #fancybox-content #form_disclosure label input[type="checkbox"]:checked::after { content: ""; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/tick-icon-check.svg"); position: absolute; top: 0; left: 0; display: block; background-color: #000000; height: 18px; width: 18px; border-radius: 3px; border: 1.5px solid #000000 !important; background-repeat: no-repeat; background-position: center } #fancybox-content #form_disclosure label input[type="checkbox"]:disabled:checked::after { background-color: #bcbcbc; border-color: #bcbcbc } #fancybox-content #form_disclosure label input[type="checkbox"]:disabled::before { background-color: #bcbcbc; border-color: #bcbcbc } #fancybox-content #form_disclosure label span { font-size: 14px } #fancybox-content fieldset { margin-top: 20px } #fancybox-content label { margin-bottom: 15px } #fancybox-content label span { font-size: 12px; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content input[type="text"], #fancybox-content input[type="email"], #fancybox-content input[type="password"], #fancybox-content input[type="tel"], #fancybox-content input[type="number"], #fancybox-content input[type="url"], #fancybox-content textarea, #fancybox-content select { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } #fancybox-content button { max-width: 170px; margin-top: 20px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 24px } #fancybox-content button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500; color: #fff } #fancybox-content #btn_cancel, #fancybox-content .btn_cancel_upgrade { max-width: 170px; background: #ffffff; border: 2px solid #000000; color: #000000 } #fancybox-content #btn_cancel span, #fancybox-content .btn_cancel_upgrade span { background: #ffffff; color: #000000 } #fancybox-content p { text-align: left; font-size: 16px !important; margin-bottom: 0 } #fancybox-content p.message, #fancybox-content p.error { margin-bottom: 20px; text-align: left } #fancybox-content .required_instruction::before { color: #000000 } #fancybox-content input[type="checkbox"] { -webkit-appearance: none; margin-bottom: 5px; position: relative } #fancybox-content input[type="checkbox"]::before { height: 18px; width: 18px; content: ''; background-color: #ffffff; border-radius: 3px; border: 1.5px solid #000000 !important; display: block } #fancybox-content input[type="checkbox"]:checked::after { content: ""; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/tick-icon-check.svg"); position: absolute; top: 0; left: 0; display: block; background-color: #000000; height: 18px; width: 18px; border-radius: 3px; border: 1.5px solid #000000 !important; background-repeat: no-repeat; background-position: center } #fancybox-content input[type="checkbox"]:disabled:checked::after { background-color: #bcbcbc; border-color: #bcbcbc } #fancybox-content input[type="checkbox"]:disabled::before { background-color: #bcbcbc; border-color: #bcbcbc } #fancybox-content input[type="radio"] { -webkit-appearance: none; position: relative; margin-bottom: 0 } #fancybox-content input[type="radio"]::before { height: 20px; width: 20px; content: ''; background-color: #ffffff; border-radius: 10px; border: 1px solid #54524f; display: block } #fancybox-content input[type="radio"]:checked::after { height: 10px; width: 10px; content: ''; background-color: #000000; border-radius: 5px; position: absolute; top: 5px; left: 5px; display: block } #fancybox-content label[for="company_addr_sw_n"] span, #fancybox-content label[for="company_addr_sw_y"] span { width: auto; padding-top: 2px } #fancybox-content #AuthForm #otpDeliveryOptionTxtRead, #fancybox-content .otp_screen_upgraded fieldset .row p, #fancybox-content .otp_screen_upgraded form .row p, #fancybox-content div#div_restore .otp_screen_upgraded fieldset .row p { margin-bottom: 20px } #fancybox-content #AuthForm .small-60.columns, #fancybox-content .otp_screen_upgraded .small-60.columns { padding: 0 .5rem; } #fancybox-content #AuthForm span, #fancybox-content .otp_screen_upgraded span { margin-top: 1px; font-size: 14px } #fancybox-content #AuthForm .otp-sms-mobile-country-code span.otp-sms-plus-sign, #fancybox-content .otp_screen_upgraded .otp-sms-mobile-country-code span.otp-sms-plus-sign { margin-top: 11px } #fancybox-content #AuthForm .otp-sms-phone-num, #fancybox-content .otp_screen_upgraded .otp-sms-phone-num { font-size: 14px } #fancybox-content #AuthForm .otp-country-code-update-txt, #fancybox-content .otp_screen_upgraded .otp-country-code-update-txt { padding-top: 5px; padding-left: 10px; color: #000000; text-decoration: underline } #fancybox-content .otp_screen_upgraded form p.help a { color: #000000; text-decoration: underline; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .ajaxactivity { z-index: 1 } @media screen and (max-width:1366px) { #hero_form .small-60.large-20.large-push-40.columns #form_register { padding: 2rem 2rem; } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset h3 { font-size: 30px; margin-bottom: 10px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag { margin-top: 11px } } @media screen and (max-width:1024px) { #hero_form .small-60.large-20.large-push-40.columns { width: 60%; left: 20% } } @media screen and (max-width:640px) { #hero_form .small-60.large-20.large-push-40.columns { width: 96%; left: 1.5% } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag { margin-top: 18px } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag span { margin-left: 10px } #fancybox-content #form_login button, #fancybox-content #RegisterForm button, #fancybox-content #VerifyForm button { margin-top: 10px } #fancybox-content #div_restore button { margin-top: 10px } } .create_profile.page_content { background: #fff } .create_profile.page_content>#div_register .page_intro { box-shadow: none; padding-top: 1px; max-width: 80%; margin: 0 auto } .create_profile.page_content>#div_register .page_intro>.row>.small-offset-3 { margin-left: 0 !important } .create_profile.page_content>#div_register .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0 } .create_profile.page_content>#div_register .page_intro .fivePad span, .create_profile.page_content>#div_register .page_intro p { width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 1rem; margin-top: .8rem; } .create_profile.page_content>#div_register .page_intro label span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: capitalize; font-size: 14px } .create_profile.page_content>#div_register .page_intro input[type="text"], .create_profile.page_content>#div_register .page_intro input[type="email"], .create_profile.page_content>#div_register .page_intro input[type="password"], .create_profile.page_content>#div_register .page_intro input[type="tel"], .create_profile.page_content>#div_register .page_intro input[type="number"], .create_profile.page_content>#div_register .page_intro input[type="url"], .create_profile.page_content>#div_register .page_intro textarea, .create_profile.page_content>#div_register .page_intro select { background: white; height: 40px; border: 1px solid #96918b; border-radius: 5px } .create_profile.page_content>#div_register .page_intro button { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 10px } .create_profile.page_content>#div_register .page_intro button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 500; color: #fff } .create_profile.page_content>#div_register .page_intro #btn_cancel, .create_profile.page_content>#div_register .page_intro #btn_consent_req_decline { background: #ffffff; border: 2px solid #000000; color: #000000 } .create_profile.page_content>#div_register .page_intro #btn_cancel span, .create_profile.page_content>#div_register .page_intro #btn_consent_req_decline span { background: #ffffff; color: #000000 } .create_profile.page_content>#div_register .page_intro input[type="checkbox"] { -webkit-appearance: none; margin-bottom: 15px; position: relative } .create_profile.page_content>#div_register .page_intro input[type="checkbox"]::before { height: 18px; width: 18px; content: ''; background-color: #ffffff; border-radius: 3px; border: 1.5px solid #000000 !important; display: block } .create_profile.page_content>#div_register .page_intro input[type="checkbox"]:checked::after { content: ""; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/tick-icon-check.svg"); position: absolute; top: 0; left: 0; display: block; background-color: #000000; height: 18px; width: 18px; border-radius: 3px; border: 1.5px solid #000000 !important; background-repeat: no-repeat; background-position: center } .create_profile.page_content>#div_register .page_intro input[type="checkbox"]:disabled:checked::after { background-color: #bcbcbc; border-color: #bcbcbc } .create_profile.page_content>#div_register .page_intro input[type="checkbox"]:disabled::before { background-color: #bcbcbc; border-color: #bcbcbc } .create_profile.page_content>#div_register .page_intro select { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/triangle.svg") !important; background-repeat: no-repeat !important; background-position: center right 8px !important } .create_profile.page_content>#div_register .page_intro p.instruction { width: 100%; font-size: 16px !important; top: 55px !important } .create_profile.page_content>#div_register .page_intro #RegisterTable { padding-bottom: 3rem; } .create_profile.page_content #RegisterForm fieldset .row { margin: 0 !important } nav.sidebar_menu div>ul li a.current { background-color: unset; font-weight: 700; } #AccountInformationForm p.success, #AccountInformationForm p.error, #AccountInformationForm p.message { width: calc(100% - 48px); margin-left: 24px; margin-right: 24px } .page_content.index #hero_form { right: .5%; left: auto; width: 43% } #hero_form .small-60.large-20.large-push-40.columns { width: 100%; left: 0 } @media screen and (max-width:64em) { .page_content.index #hero_form { width: 100%; margin: 10px 0 25px } } #header_main #nav_holder.header_login_home, .tab-bar.show-for-medium-down.header_login_home { box-shadow: 0 2px 8px rgba(20, 20, 19, 0.2); -webkit-box-shadow: 0 2px 8px rgba(20, 20, 19, 0.2) } section#shop_offers { padding-bottom: 1000px } section#shop_offers #offers_categories .small-60.medium-15.medium-push-8.columns { left: 16% } section#shop_offers #offers_categories nav.sidebar_menu { background-color: transparent; background: transparent } section#shop_offers #offers_categories nav.sidebar_menu .find_product_upgrade { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; display: inline-block; margin-left: 30px; margin-top: 4px; vertical-align: middle } section#shop_offers #offers_categories nav.sidebar_menu .find_product_upgrade:after { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-down.svg"); background-repeat: no-repeat; background-size: contain; content: ''; background-position: center right; width: 28px; height: 32px; display: inline-block; vertical-align: middle } section#shop_offers #offers_categories nav.sidebar_menu .find_product_upgrade:hover { color: #000000 } section#shop_offers #offers_categories nav.sidebar_menu .find_product_upgrade:hover::after { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-up.svg") } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu { box-shadow: 0 2px 10px rgba(20, 20, 19, 0.2); -webkit-box-shadow: 0 2px 10px rgba(20, 20, 19, 0.2); border: 0; background-color: white; margin-top: 15px; padding: 20px 18px 20px; max-height: max-content } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li { border-bottom: 1px solid #e8e5e1; padding: 5px 0 } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li a { color: #000000; padding-left: 25px } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu li { border: 0; padding: 2px 0 } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu li.submenu li { padding: 0 } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu li.submenu li.submenu li { padding: 0 } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu ul { padding-left: 18px } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu ul li { background-color: transparent } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.parent_submenu>a { background-position: center right !important } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu>a { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-down.svg"); background-repeat: no-repeat; background-position: center left; background-size: 25px } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.parent_submenu.active>a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background-position: center right !important } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu.active>a { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-up.svg"); background-repeat: no-repeat; background-position: center left; background-size: 25px } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu a.close_product { text-align: right; background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/fancybox/close_modal_upgraded.svg"); font-size: 0; background-repeat: no-repeat; background-position: center right; width: 100%; height: 14px; background-size: contain; margin-bottom: 5px } section#shop_offers #offers_categories ::-webkit-scrollbar { width: 10px } section#shop_offers #offers_categories ::-webkit-scrollbar-track { background: #ffffff; } section#shop_offers #offers_categories ::-webkit-scrollbar-thumb { background: #ffffff; } section#shop_offers #offers_categories ::-webkit-scrollbar-thumb:hover { background: #141414 } @media screen and (min-width:1600px) { section#shop_offers #offers_categories .small-60.medium-15.medium-push-8.columns { left: 12% } } @media screen and (min-width:641px) and (max-width:1181px) { section#shop_offers #offers_categories nav.sidebar_menu .find_product_upgrade { margin-left: 0 } section#shop_offers #offers_categories label[for="search_param"] { width: 75% } } @media screen and (max-width:640px) { section#shop_offers #offers_categories .small-60.medium-15.medium-push-8.columns { left: 0 } section#shop_offers #offers_categories nav.sidebar_menu { width: 100%; max-width: none } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu { margin: 0; max-height: 672px; width: 100%; max-width: none; padding: 0; box-shadow: none } .rewards_summary.page_content>.row .point_summary .oneUp .previous_point_balance, .rewards_summary.page_content>.row .point_summary .oneUp .points_earned, .rewards_summary.page_content>.row .point_summary .oneUp .points_redeemed, .rewards_summary.page_content>.row .point_summary .oneUp .points_available, .rewards_summary.page_content>.row .point_summary .oneUp .plus, .rewards_summary.page_content>.row .point_summary .oneUp .minus, .rewards_summary.page_content>.row .point_summary .oneUp .equals { margin-left: 0 !important; width: 100% } .rewards_summary.page_content>.row .point_summary .oneUp .plus, .rewards_summary.page_content>.row .point_summary .oneUp .minus, .rewards_summary.page_content>.row .point_summary .oneUp .equals { margin-bottom: 16px; margin-top: -18px } .rewards_summary.page_content>.row .point_summary .oneUp .plus span, .rewards_summary.page_content>.row .point_summary .oneUp .minus span, .rewards_summary.page_content>.row .point_summary .oneUp .equals span { color: #bcbcbc } #RewardsSummary span.colon::after { content: ''; display: block } } html[dir="rtl"] #header_main div#nav_holder nav#aux ul li:not(:last-of-type):after { content: none } html[dir="rtl"] #header_main div#nav_holder nav#aux ul li:not(:first-of-type):after { content: ''; width: 1px; height: 100%; top: 0; right: 0; background-color: #000000; position: absolute } html[dir="rtl"] #hero_form .small-60.large-20.large-push-40.columns { right: auto } html[dir="rtl"] #fancybox-content h3, html[dir="rtl"] #fancybox-content #form_login p.help, html[dir="rtl"] #fancybox-content #RegisterForm p.help, html[dir="rtl"] #fancybox-content #VerifyForm p.help, html[dir="rtl"] #fancybox-content footer .row .span_login_upgrade { text-align: right } html[dir="rtl"] #fancybox-close { right: 12px } html[dir="rtl"] #fancybox-content p { text-align: right } html[dir="rtl"] .public_page .popular-products .products-wrapper article.product { margin-right: 0; margin-left: 2% } html[dir="rtl"] .public_page .popular-products .products-wrapper article.product:nth-child(4n) { margin-left: 0 } html[dir="rtl"] #fancybox-content #ShippingAddressesForm .scrollBox label span { width: 86%; text-align: right } html[dir="rtl"] #fancybox-content #ShippingAddressesForm .scrollBox input[type="radio"] { width: 11%; float: right } html[dir="rtl"] section#shop_list .card_list li { margin-left: 1%; margin-right: 1%; width: 23% } html[dir="rtl"] #fancybox-content header { text-align: right } html[dir="rtl"] section#shop_list .card_list li:nth-child(4n) { margin-right: 1% } html[dir="rtl"] #fancybox-content .content fieldset .row button.primary, html[dir="rtl"] #fancybox-content .content form .row button.primary, html[dir="rtl"] #fancybox-content .content fieldset button.primary, html[dir="rtl"] #fancybox-content .content fieldset .row button.primary[type="submit"], html[dir="rtl"] #fancybox-content .content fieldset .row a.button.primary, html[dir="rtl"] #fancybox-content #pwrlEnrollDiv fieldset .row button.primary, html[dir="rtl"] #fancybox-content #pwrlEnrollDiv fieldset .row button.primary[type="submit"], html[dir="rtl"] #fancybox-content #pwrlEnrollDiv fieldset .row a.button.primary, html[dir="rtl"] section.print_friendly .row button.primary { float: right } html[dir="rtl"] .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.next { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg) } html[dir="rtl"] .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.previous { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg) } html[dir="rtl"] .pwrl.page_content>.row .page_intro input[type="text"], html[dir="rtl"] .pwrl.page_content>.row .page_intro input[type="email"], html[dir="rtl"] .pwrl.page_content>.row .page_intro input[type="password"], html[dir="rtl"] .pwrl.page_content>.row .page_intro input[type="tel"], html[dir="rtl"] .pwrl.page_content>.row .page_intro input[type="number"], html[dir="rtl"] .pwrl.page_content>.row .page_intro input[type="url"], html[dir="rtl"] .pwrl.page_content>.row .page_intro textarea, html[dir="rtl"] .pwrl.page_content>.row .page_intro select { float: right } html[dir="rtl"] .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings input[type="radio"]:checked::after { right: 13px } html[dir="rtl"] .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .columns.prefferedCashAmt { float: right !important } html[dir="rtl"] .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredSpan { width: 45% } html[dir="rtl"] .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings .preferredButton { float: right } html[dir="rtl"] .checkout.page_content>.row .page_intro #shoppingCartForm .small-offset-3, html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .row>.small-offset-3, html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5, html[dir="rtl"] .pwrl.page_content>.row .page_intro>.small-offset-3, html[dir="rtl"] .manage_profile.page_content>.row .page_intro>.row>.small-offset-3, html[dir="rtl"] .account.account_cards.page_content>.row .page_intro>.small-offset-3 { width: 90%; margin-left: 5% !important } html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { right: -37% } html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .item_points, html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_points { text-align: right } html[dir="rtl"] .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .pwr_auto_manage_button, html[dir="rtl"] .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .pwr_auto_manage_button { margin-left: 0; margin-right: 4rem; } html[dir="rtl"] .account.account_cards.page_content>.row .page_intro .small-60.medium-24.medium-pull-36.columns { right: -55% } html[dir="rtl"] .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-delete span { padding-left: 0; padding-right: 30px } html[dir="rtl"] #header_main div#nav_holder #logged_panel .small-60.medium-20.medium-push-15.columns { right: 0; margin: 0 1rem; } html[dir="rtl"] #header_main div#nav_holder #logged_panel .userdropdown { right: 0 } html[dir="rtl"] #header_main div#nav_holder #logged_panel .last-login-upgrade { text-align: left; width: 100%; padding-left: 1.8rem; } html[dir="rtl"] #fancybox-content #form_login input[type="text"], html[dir="rtl"] #fancybox-content #form_login input[type="email"], html[dir="rtl"] #fancybox-content #form_login input[type="password"], html[dir="rtl"] #fancybox-content #form_login input[type="tel"], html[dir="rtl"] #fancybox-content #form_login input[type="number"], html[dir="rtl"] #fancybox-content #form_login input[type="url"], html[dir="rtl"] #fancybox-content #form_login textarea, html[dir="rtl"] #fancybox-content #RegisterForm input[type="text"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="email"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="password"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="tel"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="number"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="url"], html[dir="rtl"] #fancybox-content #RegisterForm textarea, html[dir="rtl"] #fancybox-content #VerifyForm input[type="text"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="email"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="password"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="tel"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="number"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="url"], html[dir="rtl"] #fancybox-content #VerifyForm textarea { padding-right: 40px } html[dir="rtl"] .lightboxmanage_account_drop span.value.centered, html[dir="rtl"] .lightbox_manage_account_edit span.value.centered { text-align: right } html[dir="rtl"] section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li.submenu>a { background-position: center left } html[dir="rtl"] #offers_categories .small-60.medium-15.medium-push-19.columns { left: auto; right: 25% } html[dir="rtl"] footer .footer-container .footer-social-share .social-share-container ul li:not(:last-child) { margin-left: 1.2rem; margin-right: 0 } html[dir="rtl"] .checkout.page_content>.row .page_intro button.change_address { margin-right: 0; float: right } html[dir="rtl"] span.item_ship, html[dir="rtl"] span.item_ship.item_ship_to, html[dir="rtl"] #fancybox-content, html[dir="rtl"] #panel4 div>p, html[dir="rtl"] #panel4 div>div>p, html[dir="rtl"] .lightbox_redemption_address_maint_1 .content div, html[dir="rtl"] .accordion-navigation.inner a, html[dir="rtl"] #fancybox-content .content form label>span, html[dir="rtl"] #fancybox-content .content form .row .remember_dev_sw, html[dir="rtl"] div.dataTables_length label>select, html[dir="rtl"] div.dataTables_length label, html[dir="rtl"] ul.pagination li.paginate_button a, html[dir="rtl"] .bonus_tracker, html[dir="rtl"] .bonus_tracker h3, html[dir="rtl"] .rewards_summary.page_content #faq3 h3, html[dir="rtl"] .rewards_summary.page_content div#panel3 p, html[dir="rtl"] section.print_friendly .row h1, html[dir="rtl"] section.print_friendly .row p a, html[dir="rtl"] section.print_friendly { text-align: right } html[dir="rtl"] .checkout.page_content>.row .page_intro span.item_ship_addr { text-align: right } html[dir="rtl"] .checkout.page_content>.row .page_intro .cart_list header span, html[dir="rtl"] .item_row span.quantity, html[dir="rtl"] .item_row span.frequency { text-align: right } @media screen and (min-width:1600px) { html[dir="rtl"] #offers_categories .small-60.medium-15.medium-push-19.columns { left: auto; right: 40% } } @media screen and (max-width:1181px) { html[dir="rtl"] .public_page .popular-products .products-wrapper article.product:nth-child(4n) { margin-left: 2% } html[dir="rtl"] .public_page .popular-products .products-wrapper article.product:nth-child(3n) { margin-right: 0; margin-left: 0 } html[dir="rtl"] #offers_categories .small-60.medium-15.medium-push-19.columns { left: auto; right: 10% } html[dir="rtl"] .left-off-canvas-menu li.adjusted-height0, html[dir="rtl"] .right-off-canvas-menu li.adjusted-height0 { height: 180px } html[dir="rtl"] .left-off-canvas-menu li.adjusted-height1, html[dir="rtl"] .right-off-canvas-menu li.adjusted-height1 { height: 230px } html[dir="rtl"] .left-off-canvas-menu li.adjusted-height2, html[dir="rtl"] .right-off-canvas-menu li.adjusted-height2 { height: 280px } html[dir="rtl"] .left-off-canvas-menu li.adjusted-height3, html[dir="rtl"] .right-off-canvas-menu li.adjusted-height3 { height: 330px } html[dir="rtl"] .left-off-canvas-menu li.adjusted-height4, html[dir="rtl"] .right-off-canvas-menu li.adjusted-height4 { height: 380px } } @media screen and (max-width:640px) { html[dir="rtl"] .public_page .popular-products .products-wrapper article { margin-right: 2% } html[dir="rtl"] .public_page .popular-products .products-wrapper article.product:nth-child(4n), html[dir="rtl"] .public_page .popular-products .products-wrapper article.product:nth-child(3n) { margin-left: 2% } html[dir="rtl"] .public_page .popular-products .products-wrapper article.product:nth-child(2n) { margin-right: 0; margin-left: 2% } html[dir="rtl"] section#shop_list .card_list li { width: 46%; margin-right: 2%; margin-left: 2% } html[dir="rtl"] section#shop_list .card_list li:nth-child(2n) { margin-right: 2% } html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { right: 0 } html[dir="rtl"] .rewards_summary.page_content>.row .column.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody td:first-child::before, html[dir="rtl"] .rewards_summary.page_content>.row .column.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody th:first-child::before, html[dir="rtl"] .rewards_summary.page_content>.row .columns.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody td:first-child::before, html[dir="rtl"] .rewards_summary.page_content>.row .columns.small-centered:last-child #tetable_wrapper table.dataTable.dtr-inline.collapsed tbody th:first-child::before { left: 4px; right: auto } html[dir="rtl"] .account.account_cards.page_content>.row .page_intro .small-60.medium-24.medium-pull-36.columns { right: 0 } html[dir="rtl"] .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-delete span { padding-right: 0 } html[dir="rtl"] .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-edit::before, html[dir="rtl"] .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-delete::before { left: auto; right: 65px } html[dir="rtl"] .checkout.page_content>.row .page_intro .item_row span.quantity, html[dir="rtl"] .checkout.page_content>.row .page_intro .item_row span.frequency, html[dir="rtl"] .item_row .item_points, html[dir="rtl"] .item_row .total_points { text-align: right } html[dir="rtl"] #offers_categories .small-60.medium-15.medium-push-19.columns { left: 0; right: 0 } } html[dir="rtl"] #fancybox-content #form_login select, html[dir="rtl"] #fancybox-content #RegisterForm select, html[dir="rtl"] #fancybox-content #VerifyForm select, html[dir="rtl"] .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm select, html[dir="rtl"] .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm select { text-align: right; background-position: center left 8px !important } html[dir="rtl"] #fancybox-content #form_login input[type="text"], html[dir="rtl"] #fancybox-content #form_login input[type="email"], html[dir="rtl"] #fancybox-content #form_login input[type="password"], html[dir="rtl"] #fancybox-content #form_login input[type="tel"], html[dir="rtl"] #fancybox-content #form_login input[type="number"], html[dir="rtl"] #fancybox-content #form_login input[type="url"], html[dir="rtl"] #fancybox-content #form_login textarea, html[dir="rtl"] #fancybox-content #RegisterForm input[type="text"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="email"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="password"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="tel"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="number"], html[dir="rtl"] #fancybox-content #RegisterForm input[type="url"], html[dir="rtl"] #fancybox-content #RegisterForm textarea, html[dir="rtl"] #fancybox-content #VerifyForm input[type="text"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="email"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="password"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="tel"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="number"], html[dir="rtl"] #fancybox-content #VerifyForm input[type="url"], html[dir="rtl"] #fancybox-content #VerifyForm textarea { padding-right: 10px } html[dir="rtl"] .eye-solid.icon { left: 20px; right: auto; margin-left: 0 } html[dir="rtl"] p.success, html[dir="rtl"] .success { padding: 17px 70px 17px 20px } html[dir="rtl"] p.success::before, html[dir="rtl"] .success::before { top: -1px; left: auto; right: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px } html[dir="rtl"] p.error, html[dir="rtl"] .error { padding: 17px 70px 17px 20px } html[dir="rtl"] p.error::before, html[dir="rtl"] .error::before { top: -1px; left: auto; right: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px } html[dir="rtl"] p.message, html[dir="rtl"] .message { padding: 17px 70px 17px 20px } html[dir="rtl"] p.message::before, html[dir="rtl"] .message::before { top: -1px; left: auto; right: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px } html[dir="rtl"] #AccountInformationForm .small-60.large-15.columns.end { float: left } html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .columns span.label { float: right } html[dir="rtl"] section#shop_list .card_list li .item_price span+span.number:last-child { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); display: inline-block } html[dir="rtl"] .cart_list footer span.total, html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .columns span.label { float: none } html[dir="rtl"] .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-delete span { text-align: left; padding-right: 0; padding-left: 20px } html[dir="rtl"] .account.account_cards.page_content>.row .page_intro #my_cards .my_accounts fieldset .row .add-account-edit span { text-align: left; padding-right: 0; padding-left: 20px } @media screen and (max-width:1181px) { html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { right: -48% } } @media screen and (max-width:1024px) { html[dir="rtl"] .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr td:first-child, html[dir="rtl"] .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr td:first-child { padding-right: 30px } html[dir="rtl"] .right-off-canvas-menu ul li a.last-login-label { font-size: 12px } html[dir="rtl"] aside.right-off-canvas-menu li a.cart_link, html[dir="rtl"] aside.right-off-canvas-menu li a.cart_link { background-image: url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/base/cart-icon-upgraded.svg); width: 44px; background-repeat: no-repeat; height: 43px } html[dir="rtl"] .right-off-canvas-menu a.cart_link.item_count span, html[dir="rtl"] .right-off-canvas-menu a.cart_link.item_count span { padding: 0; border-radius: 50%; width: 24px; height: 24px; vertical-align: middle; line-height: 22px; font-size: 10px; border: 2px solid white; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; top: 0; left: 27px; color: #ffffff; background-color: #000000; display: block } html[dir="rtl"] .right-off-canvas-menu a.cart_link span, html[dir="rtl"] .right-off-canvas-menu a.cart_link span { display: none } } @media screen and (max-width:640px) { html[dir="rtl"] .rewards_summary.page_content>.row .point_summary .oneUp .previous_point_balance { margin-right: 0 !important } } html[dir="rtl"] select, html[dir="rtl"] .account.account_cards.page_content>.row .page_intro select, html[dir="rtl"] #fancybox-content select, html[dir="rtl"] .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation select, html[dir="rtl"] .create_profile.page_content>#div_register .page_intro select, html[dir="rtl"] .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item select#qty, html[dir="rtl"] .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item select#itemFreq, html[dir="rtl"] .checkout.page_content>.row .page_intro .cart_actions .payment_information select, html[dir="rtl"] .checkout.page_content>.row .page_intro .edit_row select { text-align: right; background-position: center left 8px !important } html[dir="rtl"] .checkout.page_content>.row .page_intro .edit_row #span_mapping_info_1, html[dir="rtl"] input[type="text"], html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="password"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="url"], html[dir="rtl"] textarea { text-align: right } html[dir="rtl"] .checkout.page_content>.row .page_intro .cart_actions .email_confirmation label span { padding: 3px 4px 10px 10px } @media screen and (max-width:1181px) { html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { right: -48% } } @media screen and (max-width:640px) { html[dir="rtl"] .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions .row>.small-offset-5>.row:last-child .medium-15.columns { right: 0 } #fancybox-content .content form .row button { float: right } } .dropdown_up_arrow:after { background-image: url("https://www.loyaltygateway.com/rewards/theme/phoenix/images/arrow-down.svg"); background-repeat: no-repeat; background-size: contain; content: ''; background-position: center right; width: 20px; height: 32px; display: inline-block; vertical-align: middle } .sliderId { width: 100%; text-align: center; position: static; height: auto; padding-top: 10px; display: inline-grid; overflow: auto; } .sliderId table, td, tr { border: none !important } .applybutton { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; line-height: 1.1; border-radius: 30px; background: #000000 !important } .sliderId svg, .sliderId input[type=range] { position: relative !important; left: 0 !important; bottom: unset !important; padding-right: unset !important; padding-left: 20px !important; margin: -15px } .border-bottom-upgraded { border-bottom-style: groove; border-bottom-width: 1px } .filter_price_range { margin-top: 10px; margin-left: 5px; text-align: left; font-weight: bold; font-size: 16px !important; } input[type=number] { -moz-appearance: textfield; padding-right: unset !important; font-weight: unset !important } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none } input[type=number]:invalid, input[type=number]:out-of-range { border: 2px solid #e60023 } input[type=range] { -webkit-appearance: none; width: 100% } input[type=range]:focus { outline: 0 } input[type=range]:focus::-webkit-slider-runnable-track { background: #000000 } input[type=range]:focus::-ms-fill-lower { background: #000000 } input[type=range]:focus::-ms-fill-upper { background: #000000 } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: .2s; background: #000000; border-radius: 1px; box-shadow: none; border: 0 } input[type=range]::-webkit-slider-thumb { z-index: 2; position: relative; box-shadow: 0 0 0 #000; border: 1.5px solid #000000 !important; height: 18px; width: 18px; border-radius: 25px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -7px } input[type=range]::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: .2s; background: #000000; border-radius: 1px; box-shadow: none; border: 0 } input[type=range]::-moz-range-thumb { z-index: 2; position: relative; box-shadow: 0 0 0 #000; border: 1.5px solid #000000 !important; height: 18px; width: 18px; border-radius: 25px; background: #000000; cursor: pointer } input[type=range]::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: .2s; background: transparent; border-color: transparent; color: transparent } input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper { background: #000000; border-radius: 1px; box-shadow: none; border: 0 } input[type=range]::-ms-thumb { z-index: 2; position: relative; box-shadow: 0 0 0 #000; border: 1.5px solid #000000 !important; height: 18px; width: 18px; border-radius: 25px; background: #000000; cursor: pointer } .anchor_underline { text-decoration: underline !important } /* ---------------- Main Upgrade CSS - END ---------------- */ /* ---------------- Custom CSS - START ---------------- */ @charset "UTF-8"; .last-login-upgrade { color: #000000; } nav div button.user_dropdownbtn { background-color: #000000; } #locale .cs-select .cs-options { border: 1.5px solid #000000 !important; } #header_main #nav_holder nav#main ul li a { text-transform: capitalize; width: auto !important; height: auto !important; padding: 5px 0; text-decoration: none; display: inline-block; font-size: 16px !important; color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; position: relative; border-bottom: 2px solid transparent; display: none; } #header_main #nav_holder nav#main ul li { padding: 0 12px; display: none; } #header_main div#nav_holder #logged_panel .userdropdown:hover .dropdown-content { display: block !important; margin-top: -16px !important; } #header_main div#nav_holder #logged_panel .userdropdown .dropdown-content a:hover { background-color: #000000; transition: 0.5s; } .left-off-canvas-menu ul.primary, .right-off-canvas-menu ul.primary { background: #000000; border-bottom: 1px solid #ccc; margin-top: 0px; } footer .footer-container .footer-links .footer-links-container ul li a { color: #000000; } .public_page h2.section-heading span { color: #000000; } .public_page .cash-back h2.section-heading span { color: #000000; } .public_page a.button.white { background-color: #000000; } .public_page a.button.grey { background-color: #000000; } .public_page .cash-back .small-box-info .small-box h3 a { display: block; font-size: 20px color: #000000; } .public_page .popular-products .products-wrapper article.product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 23.5%; padding-bottom: 0.8rem !important; margin-right: 2%; margin-bottom: 2%; overflow: hidden; text-align: center; padding: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 8px; } .public_page .popular-products .products-wrapper article.product figure { display: block; margin: 0; } .public_page .popular-products .products-wrapper article.product figure span.img-name { width: 95%; display: block; height: 0; padding-bottom: 70%; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #fffffffff; } .public_page .popular-products .products-wrapper article.product figure figcaption { text-align: left; padding: 1rem 1rem 0.2rem; height: 73px; min-height: auto; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .public_page .popular-products .products-wrapper article.product .point-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; color: #000000; padding: 0 1rem 0; background-color: #ffffff; } .public_page .popular-products .products-wrapper article.product .point-info p { margin-bottom: 0; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } @media screen and (max-width: 1181px) { .public_page .popular-products .products-wrapper article.product { width: 32%; margin-right: 2%; } } #offers_categories .search #search_param:focus { box-shadow: 0 0 5px #000000 !important; } #offers_categories #filter_catalog_heirarchy select, #offers_categories #order_type #selsort { color: #000000; } section#shop_list footer #pagination ul li.current a { background-color: #000000; } section#shop_list .card_list li .card img { height: 180px; object-fit: contain; border-bottom: 1px dashed #48494C; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button { background: #000000; } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr td a span, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr td a span, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr td a span, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr td a span { /* Purchase Eraser - Redeem Button */ color: #000000; font-weight: 700; text-align: center; padding-top: 8px; position: relative; display: block; width: 90px; height: 38px; border: 1.5px solid #000000; border-width: 1.5px; border-radius: 7px; background-color: #ffffff !important; } .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr td a span:hover { color: #ffffff; background-color: #000000 !important; transition: 0.4s; } .rewards_summary.page_content>.row .accordion .accordion-navigation button, .rewards_summary.page_content>.row .accordion .accordion-navigation button[type="submit"], .rewards_summary.page_content>.row .accordion .accordion-navigation a.button, .rewards_summary.page_content>.row .accordion .accordion-navigation .twoLine, .rewards_summary.page_content>.row .accordion .accordion-navigation button.disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation button[disabled], .rewards_summary.page_content>.row .accordion .accordion-navigation .button.disabled, .rewards_summary.page_content>.row .accordion .accordion-navigation .button[disabled] { background-color: #000000; } .rewards_summary.page_content>.row .accordion .accordion-navigation button span, .rewards_summary.page_content>.row .accordion .accordion-navigation button[type="submit"] span, .rewards_summary.page_content>.row .accordion .accordion-navigation a.button span, .rewards_summary.page_content>.row .accordion .accordion-navigation .twoLine span, .rewards_summary.page_content>.row .accordion .accordion-navigation button.disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation button[disabled] span, .rewards_summary.page_content>.row .accordion .accordion-navigation .button.disabled span, .rewards_summary.page_content>.row .accordion .accordion-navigation .button[disabled] span { background: #000000; } #fancybox-content #form_login button, #fancybox-content #RegisterForm button, #fancybox-content #VerifyForm button { background: #000000; } #fancybox-content .content fieldset .row button.primary, #fancybox-content .content form .row button.primary, #fancybox-content .content fieldset button.primary, #fancybox-content .content fieldset .row button.primary[type="submit"], #fancybox-content .content fieldset .row a.button.primary, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary[type="submit"], #fancybox-content #pwrlEnrollDiv fieldset .row a.button.primary, section.print_friendly .row button.primary { background-color: #000000; } #fancybox-content .content fieldset .row button, #fancybox-content .content form .row button, #fancybox-content .content fieldset button, #fancybox-content .content fieldset .row button[type="submit"], #fancybox-content .content fieldset .row a.button, #fancybox-content .content fieldset .row .twoLine, #fancybox-content .content fieldset .row button.disabled, #fancybox-content .content fieldset .row button[disabled], #fancybox-content .content fieldset .row .button.disabled, #fancybox-content .content fieldset .row .button[disabled], #fancybox-content #pwrlEnrollDiv fieldset .row button, #fancybox-content #pwrlEnrollDiv fieldset .row button[type="submit"], #fancybox-content #pwrlEnrollDiv fieldset .row a.button, #fancybox-content #pwrlEnrollDiv fieldset .row .twoLine, #fancybox-content #pwrlEnrollDiv fieldset .row button.disabled, #fancybox-content #pwrlEnrollDiv fieldset .row button[disabled], #fancybox-content #pwrlEnrollDiv fieldset .row .button.disabled, #fancybox-content #pwrlEnrollDiv fieldset .row .button[disabled] { border: 1.5px solid #000000 !important; } #fancybox-content .content fieldset .row button span, #fancybox-content .content form .row button span, #fancybox-content .content fieldset button span, #fancybox-content .content fieldset .row button[type="submit"] span, #fancybox-content .content fieldset .row a.button span, #fancybox-content .content fieldset .row .twoLine span, #fancybox-content .content fieldset .row button.disabled span, #fancybox-content .content fieldset .row button[disabled] span, #fancybox-content .content fieldset .row .button.disabled span, #fancybox-content .content fieldset .row .button[disabled] span, #fancybox-content #pwrlEnrollDiv fieldset .row button span, #fancybox-content #pwrlEnrollDiv fieldset .row button[type="submit"] span, #fancybox-content #pwrlEnrollDiv fieldset .row a.button span, #fancybox-content #pwrlEnrollDiv fieldset .row .twoLine span, #fancybox-content #pwrlEnrollDiv fieldset .row button.disabled span, #fancybox-content #pwrlEnrollDiv fieldset .row button[disabled] span, #fancybox-content #pwrlEnrollDiv fieldset .row .button.disabled span, #fancybox-content #pwrlEnrollDiv fieldset .row .button[disabled] span { color: #000000; } #fancybox-content #travel a.button_icon_right, #fancybox-content #travel a.button_icon_left, #fancybox-content #travel a.button_light_icon_left { background: #000000; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary[type="submit"], .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions a.button.primary { background: #000000; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary[type="submit"] span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions a.button.primary span { background: #000000; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order { border: 2px solid #000000; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order span { color: #ffffff; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order span { color: #ffffff; padding: 0px 0px 0px 0px; width: 100%; line-height: 20px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order { background: #000000; font-weight: 300; font-size: 16px !important; border-radius: 7px; height: 75px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary[type="submit"], .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions a.button.primary { background: #000000; color: #ffffff; font-weight: normal; border-radius: 7px; border: 2px solid transparent; } section#shop_offers #offers_categories nav.sidebar_menu ul.mainmenu li { border-bottom: 1px solid #E8E5E1; padding: 5px 0; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[type="submit"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a.button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .twoLine, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button[disabled] { background-color: #000000; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[type="submit"] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation a.button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .twoLine span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation button[disabled] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation .button[disabled] span { background: #000000; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[type="submit"], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset a.button, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .twoLine, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[disabled], .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button.disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button[disabled] { background-color: #000000; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[type="submit"] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset a.button span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .twoLine span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[disabled] span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button.disabled span, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button[disabled] span { background: #000000; } .pwrl.page_content>.row .page_intro button, .pwrl.page_content>.row .page_intro button[type="submit"], .pwrl.page_content>.row .page_intro a.button, .pwrl.page_content>.row .page_intro .twoLine, .pwrl.page_content>.row .page_intro button.disabled, .pwrl.page_content>.row .page_intro button[disabled], .pwrl.page_content>.row .page_intro .button.disabled, .pwrl.page_content>.row .page_intro .button[disabled] { background: #EEEBE7 !important; border: 2px solid #000000; height: 40px; border-radius: 7px; width: 100px !important; min-width: 170px !important; /* Button min-width */ } .pwrl.page_content>.row .page_intro button span, .pwrl.page_content>.row .page_intro button[type="submit"] span, .pwrl.page_content>.row .page_intro a.button span, .pwrl.page_content>.row .page_intro .twoLine span, .pwrl.page_content>.row .page_intro button.disabled span, .pwrl.page_content>.row .page_intro button[disabled] span, .pwrl.page_content>.row .page_intro .button.disabled span, .pwrl.page_content>.row .page_intro .button[disabled] span { color: #000000 !important; } .pwrl.page_content>.row .page_intro .tabs-content #tab1Content .rtr_settings a { color: #000000; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_auto_confirm_enable_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_button, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_sec_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_auto_confirm_enable_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_button, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_sec_button { background: #000000 !important; height: 40px; width: 100px !important; min-width: 170px !important; /* Button min-width */ } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-pull-15.columns.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-pull-15.columns.end { /* right: 31%; */ } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_auto_confirm_enable_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_button span, .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button.pwr_manual_confirm_sec_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_auto_confirm_enable_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button.pwr_manual_confirm_sec_button span { background: #000000; text-align: center; margin-left: -28px; margin-top: -7px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 700; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset button span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset button span { font-size: 16px !important; min-width: 190px; position: relative; /* top: -15px; */ text-align: center; margin-left: -28px; margin-top: -7px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 700; } @media screen and (max-width: 959px) { .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back fieldset label span, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back fieldset label span { font-size: 16px !important; /* margin-left: -41px !important; */ } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-pull-15.columns.end, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-pull-15.columns.end { right: 0% !important; } .pwrl.page_content>.row .page_intro .tabs-content .automatic_cash_back .medium-push-15.columns, .pwrl.page_content>.row .page_intro .tabs-content .manual_cash_back .medium-push-15.columns { left: 0% !important; } .pwrl.page_content>.row .page_intro button span, .pwrl.page_content>.row .page_intro button[type="submit"] span, .pwrl.page_content>.row .page_intro a.button span, .pwrl.page_content>.row .page_intro .twoLine span, .pwrl.page_content>.row .page_intro button.disabled span, .pwrl.page_content>.row .page_intro button[disabled] span, .pwrl.page_content>.row .page_intro .button.disabled span, .pwrl.page_content>.row .page_intro .button[disabled] span { color: #000000 !important; margin-top: -5px; } } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #add_to_cart { background: #000000; } .account.account_forgot_password_account_blocked.page_content>.row .page_intro a.button { background: #000000; } .account.account_forgot_password_account_blocked.page_content>.row .page_intro a.button span { background: #000000; } .account.account_cards.page_content>.row .page_intro button { background: #000000; } .account.account_cards.page_content>.row .page_intro button span { background: #000000; } .account.account_cards.page_content>.row .page_intro #cancelButton { border: 2px solid #000000; color: #000000; } .account.account_cards.page_content>.row .page_intro #cancelButton span { color: #000000; } .checkout.page_content>.row .page_intro .cart_list input[type="checkbox"]::before { border: 1.5px solid #000000 !important; } .checkout.page_content>.row .page_intro button { background: #000000; } .checkout.page_content>.row .page_intro button span { background: #000000; } .checkout.page_content>.row .page_intro button.cancel_order { border: 1.5px solid #000000 !important; background: #000000; } .checkout.page_content>.row .page_intro button.cancel_order span { background: transparent; color: #ffffff; } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation input[type="checkbox"]::before { border: 1.5px solid #000000 !important; } .checkout.page_content>.row .page_intro .cart_list header span { color: #000000; text-transform: capitalize; font-size: 16px !important; font-weight: 700; line-height: 150%; } .edit_mapping_info.modal_default .content button, .lightbox_redemption_address_maint_1 .content button, .lightbox_cancel .content button, .lightbox_recurring_redemption_view .content button { background: #000000; } .edit_mapping_info.modal_default .content button span, .lightbox_redemption_address_maint_1 .content button span, .lightbox_cancel .content button span, .lightbox_recurring_redemption_view .content button span { background: #000000; } .edit_mapping_info.modal_default .content button#btn_cancel, .lightbox_redemption_address_maint_1 .content button#btn_cancel, .lightbox_cancel .content button#btn_cancel, .lightbox_recurring_redemption_view .content button#btn_cancel { border: 1.5px solid #000000 !important; color: #000000; } .edit_mapping_info.modal_default .content button#btn_cancel span, .lightbox_redemption_address_maint_1 .content button#btn_cancel span, .lightbox_cancel .content button#btn_cancel span, .lightbox_recurring_redemption_view .content button#btn_cancel span { color: #000000; } .lightbox_recurring_redemption_view .content div#rr-view-buttons, #fancybox-content .content fieldset .row button, #fancybox-content .content form .row button { float: initial; } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset button.primary { background: #000000; } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset button.primary span { background: #000000; } #hero_form .small-60.large-20.large-push-40.columns #form_register fieldset label.flag input[type="checkbox"]::before { border: 1.5px solid #000000 !important; } #fancybox-content button { background: #000000; } #fancybox-content button span { background: #000000; } #fancybox-content #form_login button span, #fancybox-content #RegisterForm button span, #fancybox-content #VerifyForm button span { background: #000000; } #fancybox-content #form_login #btn_cancel, #fancybox-content #form_login .btn_cancel_upgrade, #fancybox-content #RegisterForm #btn_cancel, #fancybox-content #RegisterForm .btn_cancel_upgrade, #fancybox-content #VerifyForm #btn_cancel, #fancybox-content #VerifyForm .btn_cancel_upgrade { border: 2px solid #000000; color: #000000; } #fancybox-content #form_login #btn_cancel span, #fancybox-content #form_login .btn_cancel_upgrade span, #fancybox-content #RegisterForm #btn_cancel span, #fancybox-content #RegisterForm .btn_cancel_upgrade span, #fancybox-content #VerifyForm #btn_cancel span, #fancybox-content #VerifyForm .btn_cancel_upgrade span { color: #000000; } #fancybox-content .button_icon_right { background: #000000; } #fancybox-content footer .row .span_login_upgrade a span { color: #000000; } #fancybox-content #form_disclosure label input[type="checkbox"]::before { border: 1.5px solid #000000 !important; } #fancybox-content button { background: #000000; } #fancybox-content button span { background: #000000; } #fancybox-content #btn_cancel, #fancybox-content .btn_cancel_upgrade { border: 2px solid #000000; color: #000000; } #fancybox-content #btn_cancel span, #fancybox-content .btn_cancel_upgrade span { color: #000000; } #fancybox-content input[type="checkbox"]::before { border: 1.5px solid #000000 !important; } #fancybox-content input[type="checkbox"]:checked::after { border: 1.5px solid #000000 !important; } .create_profile.page_content>#div_register .page_intro button { background: #000000; border: 2px solid #000000; color: #000000; border-radius: 7px; } .create_profile.page_content>#div_register .page_intro button span { background: #000000; } .create_profile.page_content>#div_register .page_intro #btn_cancel, .create_profile.page_content>#div_register .page_intro #btn_consent_req_decline { border: 2px solid #000000; color: #000000; border-radius: 7px; } .create_profile.page_content>#div_register .page_intro #btn_cancel span, .create_profile.page_content>#div_register .page_intro #btn_consent_req_decline span { color: #000000 !important; } .create_profile.page_content>#div_register .page_intro input[type="checkbox"]::before { border: 1.5px solid #000000 !important; } /* ---------------- Media queries ---------------- */ /* ---------------- Custom CSS - START 12-09-2023 ---------------- */ .tab-bar .left-small, .tab-bar .right-small { border-color: #000000 !important; } .tab-bar .menu-icon { background: url(/ProgramInfo/9394/images/hamburger.png); background-size: contain; image-rendering: -webkit-optimize-contrast; width: 60%; height: 18px; display: block; position: absolute; top: 13px; left: 18px; } .tab-bar .menu-icon span::after { content: "\2630"; color: #ffffff !important; left: -28px !important; right: -28px !important; top: 5px !important; box-shadow: none !important; font-size: 33px; display: none; } p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: normal; font-size: 16px !important; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; margin-left: 10px; } nav#global, .left-off-canvas-menu ul li label, .right-off-canvas-menu ul li label { background: #000000;; position: absolute; top: -45px; } nav#global dl { width: unset; margin-left: 90px; margin-right: 25px; top: 100px; width: 820px; } .tab-bar { background-color: #000000; box-shadow: 0 1px 0 rgba(0,0,0,0.3); z-index: 2; } .tab-bar h1 img { max-height: 38px; max-width: 90%; display: block; margin: 14px auto 14px; } .page_content.index #hero .slider-wrapper { border-radius: 0 0 0px 0px; overflow: hidden; width: 100%; } .page_content a { color: #1F1C4F !important; } header div#nav_holder nav#aux ul li { height: 90px; position: relative; overflow: hidden; float: left; width: 100%; text-align: right; border-width: 0; list-style: none; } #header_main div#nav_holder nav#aux ul li a { text-transform: initial; width: auto !important; height: auto !important; padding: 0; text-decoration: none; display: none; font-size: .75rem; font-weight: 500; color: #ffffff; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; position: relative; border-bottom: 2px solid transparent; } #header_main div#nav_holder nav#aux ul li a:hover::before { content: ''; width: 100%; height: 4px; bottom: 8px; left: 0; background-color: #ffffff; position: absolute; } header div#nav_holder { background: #000000; margin: 0 auto; position: relative; height: 100px; border-radius: 0 0 0px 0px; box-shadow: 0 1px 0 rgba(0,0,0,0.3); overflow: hidden; } header div#nav_holder h1 a { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url(/ProgramInfo/9394/images/davidjones_top_logo.png); background-repeat: no-repeat; background-position: 100%; background-size: contain; width: 250px; height: 60px; /* margin-top: -20px; */ margin-left: 110px; padding-top: 50px; display: inline-block; float: left; } header div#nav_holder h1 a:focus { background-image: url(/ProgramInfo/9394/images/davidjones_top_logo.png); } nav#global dl dd a, nav#global dl dt a { color: #ffffff; text-transform: none; } nav#global dl dd a, nav#global dl dt a:hover { color: #ffffff; text-transform: none; border-bottom: 4px solid #ffffff; } .public_page a.button { width: 190px; padding: 0.9rem !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 500; border: 1.5px solid #000000 !important; border-width: 1px; border-radius: 7px; background-color: #ffffff !important; } .public_page a.button:hover { background-color: #000000 !important; color: #ffffff !important; transition: 0.4s; } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:before { content: ''; width: 1px; height: 100%; position: absolute; left: -50px; top: 0; background: #000000; } .public_page .offers-and-opportunities .offers-copy-container .offers-copy.before-after-line:after { content: ''; width: 1px; height: 100%; position: absolute; right: -50px; top: 0; background: #000000; } .public_page a.button.white { background-color: #000000; color: #000000; } nav#global dl dt a { color: #ffffff; text-transform: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 14px; font-weight: 600; background: transparent; } nav#global dl dt a:after { color: #ffffff; text-transform: none; border-bottom: 4px solid #ffffff !important; background: transparent; } nav#global dl dt a:hover { color: #ffffff; text-transform: none; border-bottom: 4px solid #ffffff; background: transparent; } nav#global dl dt a:focus { border-bottom: 4px solid #ffffff; } nav#global dl dt a:active:hover { border-bottom: 4px solid #ffffff !important; } nav#global dl dt a:visited { border-bottom: 4px solid #ffffff !important; } .bg-grey { background-color: #EEEBE7; } footer .footer-container .footer-links .footer-links-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: block; margin-bottom: 1rem; } footer .footer-container .footer-links .footer-links-conrainer ul li a { color: #ffffff; font-size: 12px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 7px; display: block; text-decoration: none; } .left-off-canvas-menu ul.secondary a, .right-off-canvas-menu ul.secondary a { color: #ffffff; } ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0; background: #000000; position: relative; margin-top: -70px; z-index: 1; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.cart_link a { /* Cart link mobile view */ background: url(/ProgramInfo/9394/images/shop_icon_white_sm.png) no-repeat left center transparent; background-size: contain; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); padding: 0px; line-height: unset; display: block; float: left; position: relative; width: auto; top: -58px; z-index: 100; } @media only screen and (max-width: 1024px) .left-off-canvas-menu ul li a, .right-off-canvas-menu ul li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 12px !important; color: #ffffff; width: 250px; text-transform: inherit !important; padding-bottom: 6px; } #header_main div#nav_holder #logged_panel .userdropdown .user_dropdownbtn { text-indent: -9999px; height: 30px; background: url(/ProgramInfo/9394/images/profile_icon_white_sm.png) no-repeat left top transparent; background-size: contain; } #header_main div#nav_holder #logged_panel .cart_link a, #header_main div#nav_holder #logged_panel .right-off-canvas-menu .cart_link a { height: 30px; background: url(/ProgramInfo/9394/images/shop_icon_white_sm.png) no-repeat left center transparent; background-size: contain; } #header_main div#nav_holder #logged_panel .cart_link.item_count #cartItemCount { /* Item in cart red background */ display: block; padding: 0; border-radius: 50%; width: 21px; height: 21px; vertical-align: middle; line-height: 16px; font-size: 10px; border: 2px solid #CE000E; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; top: -5px; right: 0px; left: 18px; color: #ffffff; background-color: #CE000E; text-align: center; position: absolute; } #header_main div#nav_holder #logged_panel .rewards_summary:hover { background-color: transparent; } #header_main div#nav_holder #logged_panel .cart_link a:hover, #header_main div#nav_holder #logged_panel .right-off-canvas-menu .cart_link a:hover { background-position: left top; } @media only screen and (max-width: 1024px) { /* Left Hambuger Mobile Menu */ aside.left-off-canvas-menu li a.cart_link, aside.right-off-canvas-menu li a.cart_link { background: url(/ProgramInfo/9394/images/shopping_icon_white.png); width: 44px; height: 36px; right: 10px; margin-top: 15px; background-size: contain; background-repeat: no-repeat; } .left-off-canvas-menu li.adjusted-height2, .right-off-canvas-menu li.adjusted-height2 { height: 210px; margin-top: -16px; } } .left-off-canvas-menu * { -webkit-backface-visibility: hidden; } .user_icon_mobile { text-indent: -9999px; height: 34px; background: url(/ProgramInfo/9394/images/profile_icon_white.png) no-repeat left top transparent; margin-left: 5px; background-size: contain; margin-top: -2px; } .dropdown_up_arrow:after { background-image: url(/ProgramInfo/9394/images/chevron_icon_white.png); background-repeat: no-repeat; background-size: contain; content: ''; background-position: center right; width: 20px; height: 32px; display: inline-block; vertical-align: middle; } .customer_name_margin_top1 { margin-top: -22px; } .userdropdown_outline .dropdown_margin_top1 { margin-top: -28px; } .upgrade_customer_name { float: left; color: #ffffff; text-align: left; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 14px !important; padding-right: 20px; margin-left: 40px; font-size: calc(100% - 3px); text-transform: none; } #header_main div#nav_holder #logged_panel .rewards_summary { width: auto; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-align: center; border: none; padding: 0.5rem 0.5rem; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 7px; } #header_main div#nav_holder #logged_panel .rewards_summary #my_points_span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 14px !important; color: #ffffff; } #header_main div#nav_holder #logged_panel .rewards_summary span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-size: 14px !important; text-transform: initial; } #header_main div#nav_holder #logged_panel .userdropdown .dropdown-content a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 14px !important; text-transform: initial; } .shop.cart.page_content>.row p { display: block; width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; margin-bottom: 1rem; margin-top: 45px; background-color: #FEF8EC; } .row .row { width: auto; margin-left: -0.5em; margin-right: -0.5em; margin-top: 0; margin-bottom: 0; max-width: none; } .rewards_summary.page_content>.row .accordion .accordion-navigation>a, .rewards_summary.page_content>.row .accordion>dd.accordion-navigation>a, .rewards_summary.page_content>.row .accordion>dd.accordion-navigation>a:hover { background-image: url(/ProgramInfo/9394/images/plus_minus_v2.png); background-position: right 26px; background-size: contain; margin-right: 10px; margin-top: 0px; margin-bottom: -17px; display: flow-root; } dd.accordion-navigation>a:focus { background-color: #DADADA; overflow: visible; } .rewards_summary.page_content>.row .accordion>dd.accordion-navigation.active>a, .rewards_summary.page_content>.row .accordion>dd.accordion-navigation.active>a:hover { background-image: url(/ProgramInfo/9394/images/plus_minus_v2.png); background-position: right -65px; background-size: contain; margin-right: 10px; display: flow-root; } .rewards_summary.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; text-transform: initial; } .pwrl.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; text-transform: initial; } .manage_profile.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; text-transform: initial; } /* ------------------------ Button ------------------------ */ button { width: auto; padding: 0.9rem !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 500; /* border: 1.5px solid #000000 !important; */ /* border-width: 1px; */ border-radius: 7px; /* background-color: #000000 !important; */ color: #ffffff; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary[type="submit"], .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions a.button.primary { background: #000000; color: #ffffff; font-weight: normal; border-radius: 7px; border: 2px solid transparent; height: 40px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.primary[type="submit"] span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions a.button.primary span { background: #000000; margin-top: -7px; font-size: 16px !important; font-weight: 700; } @media only screen and (max-width: 1280px) { .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order { width: 160px; } } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order { background: #000000; font-weight: 300; font-size: 16px !important; border-radius: 7px; height: 40px; margin-bottom: 18px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.continue_shopping span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.shopping_cart span, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_actions button.cancel_order span { color: #ffffff; padding: 0px 0px 0px 0px; width: 110%; line-height: 20px; margin-top: -7px; margin-left: -5px; font-size: 16px !important; font-weight: 700; text-transform: inherit; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav legend { line-height: 18px; margin-left: 0; float: none; font-size: 12px; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: capitalize; background: transparent; display: none; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.next .arrow { background: transparent url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/next-prev.svg) center right no-repeat; background-repeat: no-repeat; background-size: cover; height: 40px; width: 40px; position: relative; top: -15px; display: none; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .product_nav button.previous .arrow { background: transparent url(https://www.loyaltygateway.com/rewards/theme/phoenix/images/next-prev.svg) center left no-repeat; background-repeat: no-repeat; background-size: cover; height: 40px; width: 40px; position: relative; top: -15px; display: none; } .shop.shop_details.page_content .page_intro>.row { background-color: transparent; padding-top: 1rem; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; margin-top: 125px; } .shop.shop_details.page_content .page_intro footer { background-color: transparent; border-top: 0; } /* ------------------------ Fancybox ------------------------ */ #fancybox-content .content fieldset .row button.primary, #fancybox-content .content form .row button.primary, #fancybox-content .content fieldset button.primary, #fancybox-content .content fieldset .row button.primary[type="submit"], #fancybox-content .content fieldset .row a.button.primary, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary[type="submit"], #fancybox-content #pwrlEnrollDiv fieldset .row a.button.primary, section.print_friendly .row button.primary { background-color: #000000; border-radius: 7px; width: 150px; } #fancybox-content .content fieldset .row button.primary span, #fancybox-content .content form .row button.primary span, #fancybox-content .content fieldset button.primary span, #fancybox-content .content fieldset .row button.primary[type="submit"] span, #fancybox-content .content fieldset .row a.button.primary span, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary span, #fancybox-content #pwrlEnrollDiv fieldset .row button.primary[type="submit"] span, #fancybox-content #pwrlEnrollDiv fieldset .row a.button.primary span, section.print_friendly .row button.primary span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 700; background: 0; box-shadow: none; padding: 0px 20px; margin-top: -2px; /* Cashback credit confirm button */ color: #ffffff !important; } #fancybox-content .content fieldset button.primary span { margin-top: 0px !important; } #fancybox-content .content fieldset .row button, #fancybox-content .content form .row button, #fancybox-content .content fieldset button, #fancybox-content .content fieldset .row button[type="submit"], #fancybox-content .content fieldset .row a.button, #fancybox-content .content fieldset .row .twoLine, #fancybox-content .content fieldset .row button.disabled, #fancybox-content .content fieldset .row button[disabled], #fancybox-content .content fieldset .row .button.disabled, #fancybox-content .content fieldset .row .button[disabled], #fancybox-content #pwrlEnrollDiv fieldset .row button, #fancybox-content #pwrlEnrollDiv fieldset .row button[type="submit"], #fancybox-content #pwrlEnrollDiv fieldset .row a.button, #fancybox-content #pwrlEnrollDiv fieldset .row .twoLine, #fancybox-content #pwrlEnrollDiv fieldset .row button.disabled, #fancybox-content #pwrlEnrollDiv fieldset .row button[disabled], #fancybox-content #pwrlEnrollDiv fieldset .row .button.disabled, #fancybox-content #pwrlEnrollDiv fieldset .row .button[disabled] { border: 1.5px solid #000000 !important; background: #000000; border-radius: 7px; width: 150px; } #fancybox-content button { background: #000000 !important; } #fancybox-content .content fieldset .row button span, #fancybox-content .content form .row button span, #fancybox-content .content fieldset button span, #fancybox-content .content fieldset .row button[type="submit"] span, #fancybox-content .content fieldset .row a.button span, #fancybox-content .content fieldset .row .twoLine span, #fancybox-content .content fieldset .row button.disabled span, #fancybox-content .content fieldset .row button[disabled] span, #fancybox-content .content fieldset .row .button.disabled span, #fancybox-content .content fieldset .row .button[disabled] span, #fancybox-content #pwrlEnrollDiv fieldset .row button span, #fancybox-content #pwrlEnrollDiv fieldset .row button[type="submit"] span, #fancybox-content #pwrlEnrollDiv fieldset .row a.button span, #fancybox-content #pwrlEnrollDiv fieldset .row .twoLine span, #fancybox-content #pwrlEnrollDiv fieldset .row button.disabled span, #fancybox-content #pwrlEnrollDiv fieldset .row button[disabled] span, #fancybox-content #pwrlEnrollDiv fieldset .row .button.disabled span, #fancybox-content #pwrlEnrollDiv fieldset .row .button[disabled] span { background-color: #000000 !important; color: #ffffff !important; font-weight: 700; padding: 0px 20px; margin-top: -1px; } #fancybox-content p { text-align: left; font-size: 16px !important; margin-bottom: 0px; margin-left: 0px; } #fancybox-close { width: 34px; height: 34px; background-repeat: no-repeat; background: transparent url(/ProgramInfo/9394/images/close_black.png) right top; background-size: contain; } #fancybox-wrap { position: absolute; width: auto; } @media screen and (max-width: 40em) { #fancybox-wrap { left: 0 !important; width: 390px !important; } } /* ------------------------ Fancybox ------------------------ */ /* ------------------------ Checkout ------------------------ */ .checkout.page_content>.row .page_intro button { width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 10px; } .checkout.page_content>.row .page_intro button span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; font-weight: 700; margin-top: -1px; } .checkout.page_content>.row .page_intro h2 { font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; height: 7.52rem; width: 2560px; margin-left: -10px; padding-left: 20px; background: #EEEBE7 !important; } .checkout.page_content>.row .page_intro .cart_list { margin-top: 100px; margin-bottom: 0; padding: 55px 0 10px !important; } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="text"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="email"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="password"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="tel"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="number"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box input[type="url"], .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box textarea, .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box select { background: white; height: 40px; border: 1.5px solid #000000 !important; border-radius: 5px; text-transform: initial; } .checkout.page_content>.row .page_intro .cart_actions .email_confirmation .email_box span { color: #000000; margin-left: -8px; text-transform: initial; } .checkout.page_content>.row .page_intro button { width: 190px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; text-shadow: none; box-shadow: none; background: #000000; color: #ffffff; height: 40px; border-radius: 7px; margin-top: 40px; } form .row .row .column, form .row .row .columns { padding: 0px 10px 0px !important; margin-top: -8px; } /* ------------------------ Button ------------------------ */ button.primary, button.primary[type="submit"], a.button.primary { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; line-height: 1.1; height: 35px; border-radius: 7px; background: #000000 !important; } /* ------------------------ Checkout ------------------------ */ .item_row .thumb img { border-radius: 5px; overflow: hidden; border: 0; margin-top: -35px; } .item_row .item_points, .item_row .total_points { text-align: right; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } .item_row span.quantity, .item_row span.frequency { display: block; text-align: center; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } /* ------------------------ Checkout ------------------------ */ .page_content.shop_details form input[type="text"], .page_content.shop_details_logged form input[type="text"], .page_content.shop_details form select, .page_content.shop_details_logged form select { width: 100%; text-align: center; box-shadow: 0 1px 0 rgba(0,0,0,0.4) inset; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 16px !important; font-weight: 300; padding-top: 8px; color: #000000; } .page_content.shop_details form .price span, .page_content.shop_details_logged form .price span, label>span.name, label>span.value { display: inline-block; width: 200px; position: relative; top: -15px; padding-right: 15px; } @media only screen and (max-width: 640px) { .page_content.shop_details form .price span, .page_content.shop_details_logged form .price span, label>span.name, label>span.value { display: inline-block; width: 200px; position: relative; top: -15px; padding-right: 0px; } } .redemption_order .footer_banner img { display: inline-block; vertical-align: middle; } @media only screen and (max-width: 768px) { .redemption_order strong, b { top: 110px; } .footer_banner img { display: inline-block; vertical-align: middle; margin-bottom: 0px; } .public_page .copy-with-image-container .copy-with-image .copy-bg-image .bg-image { padding-bottom: 400px; /* width: 470px; */ background-size: contain; background-repeat: no-repeat; background-position: center; } } @media only screen and (max-width: 640px) { .redemption_order strong, b { top: 155px; } .footer_banner img { display: inline-block; vertical-align: middle; margin-bottom: 48px; } } @media only screen and (max-width: 586px) { .redemption_order strong, b { top: 155px !important; } .footer_banner img { display: inline-block; vertical-align: middle; margin-bottom: 48px; } } @media only screen and (max-width: 430px) { .redemption_order strong, b { top: 155px !important; } .public_page .copy-with-image-container .copy-with-image .copy-bg-image .bg-image { padding-bottom: 400px; width: 470px; background-size: contain; background-repeat: no-repeat; background-position: center; } .footer_banner img { display: inline-block; vertical-align: middle; margin-bottom: 48px; } } /* ------------------------ Shop Details ------------------------ */ .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .price { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; } .shop.shop_details.page_content .page_intro .item_details h2, .shop.shop_details.page_content .page_intro .item_details h1 { margin-top: 0px; margin-bottom: 30px; padding-top: 0; padding-bottom: 35px; line-height: normal; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; font-weight: 700; color: #000000; letter-spacing: 0; border-bottom: 1px dashed #48494C; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #add_to_cart { font-size: 16px !important; border-radius: 7px; margin: 26px 0 0 0; background: #000000; color: #ffffff; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-shadow: none; font-weight: 500; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #add_to_cart span { background: transparent; box-shadow: none; min-height: 40px; margin-top: -5px; font-weight: 700 !important; } .shop_details form button.primary, .shop_details_logged form button.primary { float: right; width: 100%; margin: 25px 0 0 0; height: 40px; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .price { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; margin-top: 40px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row a.button span { background: url(/ProgramInfo/9394/images/remove.png) !important; text-indent: 9999px; background-repeat: no-repeat !important; background-position: center; min-height: 25px; margin-top: 0px; background-size: contain !important; box-shadow: none !important; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .item_points, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_points { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 400; color: #000000; text-align: left; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.name { color: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; } .cart_list footer span.total { font-weight: bold; color: inherit; font-size: initial; float: right; } .cart_list footer span { display: inline-block; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: initial; font-weight: bold; color: #000000; padding: 10px 0 10px 10px; text-transform: capitalize; } .cart_actions { float: left; background: transparent; width: 100%; box-sizing: border-box; padding: 20px 0 10px; } /* ------------------------ Shop Details ------------------------ */ /* ------------------------ Message Alert ------------------------ */ p.message, .message { display: block; position: relative; border-radius: 7px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #FEF8EC; } p.message::before, .message::before { content: ''; background-image: url(/ProgramInfo/9394/images/warning.png); background-repeat: no-repeat; background-position: center; background-color: #FEF8EC; background-size: contain; width: 41px; height: 100%; position: absolute; top: -1px; left: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } p.success::before, .success::before { content: ''; background-image: url(/ProgramInfo/9394/images/success_green.png); background-repeat: no-repeat; background-position: center; background-color: #DEF8E5; background-size: contain; width: 41px; height: 102%; position: absolute; top: -1px; left: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } p.success, ul.success, .success { display: block; position: relative; border-radius: 5px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #DEF8E5; background-color: #DEF8E5; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #1B633C; list-style-type: none; } .shop.cart.page_content>.row p.success { display: block; width: 100%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #1B633C; margin-bottom: 20px; margin-top: 50px; background-color: #DEF8E5; } p.error::before, p.error_message::before, .error::before { content: ''; background-image: url(/ProgramInfo/9394/images/error.png); background-repeat: no-repeat; background-position: center; background-color: #FAE6E7; width: 41px; height: 102%; position: absolute; top: -1px; left: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-size: contain; } p.error, p.error_message, ul.error, .error { display: block; position: relative; border-radius: 5px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #FAE6E7; background-color: #FAE6E7; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #48494C; list-style-type: none; } p.error::before, p.error_message::before, .error::before { content: ''; background-image: url(/ProgramInfo/9394/images/error.png); background-repeat: no-repeat; background-position: center; background-color: #FAE6E7; width: 41px; height: 102%; position: absolute; top: -1px; left: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-size: contain; } .shop.cart.page_content>.row p.error, p.error_message, ul.error, .error { display: block; position: relative; border-radius: 5px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #FAE6E7; background-color: #FAE6E7; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #48494C; list-style-type: none; margin-bottom: -20px; margin-top: 50px; } p.info::before, p.info_message::before, .info::before { content: ''; background-image: url(/ProgramInfo/9394/images/info.png); background-repeat: no-repeat; background-position: center; background-color: #E8F4FF; width: 41px; height: 102%; position: absolute; top: -1px; left: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-size: contain; } p.info, p.error_info, ul.info, .info { display: block; position: relative; border-radius: 5px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #E8F4FF; background-color: #E8F4FF; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #48494C; list-style-type: none; } /* ------------------------ Message Alert ------------------------ */ .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button { width: auto; padding: 0.9rem !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 500; border: 0px solid #000000; border-width: 0px; border-radius: 7px; background-color: #000000 !important; } .rewards_summary.page_content>.row .accordion { border-top: transparent; padding-top: 0; padding-right: 15px !important; margin-top: 25px; margin-bottom: 60px; } .rewards_summary.page_content>.row .accordion .accordion-navigation { border-bottom: transparent; } .rewards_summary.page_content>.row .point_summary .oneUp { background: #EEEBE7; margin-top: 25px; padding-top: 30px; padding-bottom: 30px; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm>.row, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm>.row { background: #EEEBE7; margin: 0; padding: 1rem; } button>span, button[type="submit"]>span, button[disabled]:hover>span, a.button>span, .twoLine button { padding: 0px 0px !important; margin: 1px; display: block; border-radius: 4px; box-shadow: none !important; background: none !important; line-height: 0.1px; } .anchor_underline { text-decoration: underline; font-size: 16px !important; color: #000000; position: relative; top: -5px; } .anchor_underline:hover { text-decoration: none !important; color: #000000; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button { background: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; line-height: 1.1; /* padding: 14px 20px; */ /* border-radius: 30px; */ } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table thead tr th, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table thead tr th, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table thead tr th, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table thead tr th { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; background: #ffffff; border-bottom: 2px solid #6C6A65; } .rewards_summary.page_content>.row .accordion .accordion-navigation a h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px !important; font-weight: 700; color: #000000; padding: 20px 25px 30px 0; margin-bottom: 25px; border-bottom: 1.5px solid #000000; } table thead tr { border-width: 1px; background: #EEEBE7; } /* ------------------- Shop Cart ------------------- */ .shop.cart.page_content>.row .page_intro>.row>.small-offset-3 { margin-left: 0 !important; background: transparent; } .shop.cart.page_content>.row .page_intro { box-shadow: none; padding-top: 1px; background: transparent; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row { border-bottom: 1px dashed #48494C; padding: 55px 0 10px; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .item_points_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_points_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .quantity_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .frequency_label, .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row .total_cost_label { color: #000000; font-size: 12px; font-weight: 700; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; margin-bottom: 5px; display: block; } .shop.cart.page_content #breadcrumb li span { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; color: #000000; text-transform: initial; } .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.quantity input[type="text"], .shop.cart.page_content>.row #shoppingCartForm #ajaxEventDiv .cart_list .item_row span.frequency input[type="text"] { background-color: #ffffff; border: 1.5px solid #000000 !important; border-radius: 7px; } .item_row span input[type="text"] { width: 50%; text-align: center; border: 1.5px solid #000000 !important; box-shadow: none; } /* ------------------- Shop Cart ------------------- */ .page_content h1 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 32px; font-weight: 450; margin: 0 0 10px 0; color: #000000; line-height: 125%; padding: 40px 0 10px 0; letter-spacing: 0px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } .page_content h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px !important; font-weight: 700; margin: 0px 0px -1px 0px; color: #000000; line-height: 125%; padding: 25px 0 10px 0; letter-spacing: 0px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); margin-left: 10px; height: 100px; } .page_content h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 20px; font-weight: 700; font-style: normal; margin: 0 0 10px 0; color: #000000; line-height: 125%; padding: 40px 0 10px 0; letter-spacing: 0px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } @media screen and (max-width: 40em) { .page_content h1 { font-size: 24px !important; padding: 20px 0 5px 0; } .page_content h2 { font-size: 20px !important; padding: 20px 0 5px 0; } .page_content h3 { font-size: 16px !important; padding: 20px 0 5px 0; } h3.checkout-message { font-size: 16px !important; padding: 0px 0px 0px 0px !important; } .checkout.page_content>.row .page_intro .cart_list { margin-top: 120px; } } .sliderId svg, .sliderId input[type=range] { position: relative !important; left: 0 !important; bottom: unset !important; padding-right: unset !important; padding-left: 20px !important; margin: -15px; } section#shop_offers { padding-bottom: 120px; } #offers_categories .search #search_param { color: #000000; font-weight: 500; min-height: 40px; background-color: transparent; border: 1.5px solid #000000 !important; border-radius: 20px !important; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-left: 20px; margin-top: 35px; } #offers_categories .search .button_icon_left { float: right; margin: -43px 5px 0 0px; background: url(/ProgramInfo/9394/images/search.png) center no-repeat; background-repeat: no-repeat; background-size: contain; background-color: transparent !important; } label { display: inline-block; text-align: left; margin-bottom: 10px; width: 90%; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; } @media only screen and (max-width: 1024px) { label { display: inline-block; text-align: left; margin-bottom: 10px; width: auto; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; } #offers_categories .search .button_icon_left { float: right; margin: -43px -18px 0px 0px; background: url(/ProgramInfo/9394/images/search.png) center no-repeat; background-repeat: no-repeat; background-size: contain; background-color: transparent !important; } #offers_categories .search #search_param { color: #000000; font-weight: 500; min-height: 40px; width: 150px; /* Search media max-width 1024px */ background-color: transparent; border: 1.5px solid #000000 !important; border-radius: 20px !important; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-left: 20px; margin-top: 35px; } } @media only screen and (max-width: 586px) { /* Search media max-width from 414px - 360px */ #offers_categories .search #search_param { width: 540px !important; } } @media only screen and (max-width: 430px) { #offers_categories .search #search_param { width: 385px !important; } } @media only screen and (max-width: 414px) { #offers_categories .search #search_param { width: 380px !important; } } @media only screen and (max-width: 393px) { #offers_categories .search #search_param { width: 360px !important; } } @media only screen and (max-width: 390px) { #offers_categories .search #search_param { width: 360px !important; } } @media only screen and (max-width: 375px) { #offers_categories .search #search_param { width: 340px !important; } } @media only screen and (max-width: 360px) { #offers_categories .search #search_param { width: 330px !important; } } @media only screen and (max-width: 641px) { label { display: inline-block; text-align: left; margin-bottom: 10px; width: auto; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; font-weight: 700; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; } #offers_categories .search .button_icon_left { float: right; margin: -43px 10px 0px 0px; background: url(/ProgramInfo/9394/images/search.png) center no-repeat; background-repeat: no-repeat; background-size: contain; background-color: transparent !important; } #offers_categories .search #search_param { color: #000000; font-weight: 500; min-height: 40px; width: 390px !important; /* Search media max-width 1024px */ background-color: transparent; border: 1.5px solid #000000 !important; border-radius: 20px !important; font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; padding-left: 20px; margin-top: 35px; } #fancybox-content .content fieldset .row:first-child .small-60.medium-30.columns, #fancybox-content #pwrlEnrollDiv fieldset .row:first-child .small-60.medium-30.columns { float: none; width: 100%; text-align: left !important; } } .sliderId { width: 100%; text-align: center; position: static; height: auto; padding-top: 10px; display: inline-grid; overflow: auto; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #ffffff; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="url"], textarea, select { background-color: #ffffff; border-radius: 0; border: 1.5px solid #000000 !important; box-shadow: none; margin: 0; box-sizing: border-box; width: 100%; padding: 8px 10px; height: 35px; direction: ltr; text-align: left; background-position: 100% center; font-size: 16px; } .applybutton { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; line-height: 1.1; border-radius: 7px; background: #000000 !important; } table tr th, table tr td { padding: 0.5625rem 0.625rem; font-size: 16px; color: #000000; text-align: left; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } ul, ol, dl { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } ul { list-style-type: none; margin: 0; padding: 0; margin-left: 10px; } p.message, .message { display: block; position: relative; border-radius: 7px; margin: 20px auto 10px; padding: 17px 20px 17px 70px; min-height: 56px; border: 1px solid #FEF8EC; background: #FEF8EC; } #offers_categories .small-60.medium-15.columns { width: 24%; } @media screen and (max-width: 393px) { #offers_categories .small-60.medium-15.columns { width: 20%; } } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu { box-shadow: none !important; -webkit-box-shadow: 0 2px 10px rgba(20,20,19,0.2); border: 0; background-color: white; margin-top: 15px; padding: 0px 0px 0px; max-height: max-content; } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li { border-bottom: 1.5px solid #48494C; padding: 5px 0; } section#shop_offers #offers_categories nav.sidebar_menu div ul.mainmenu li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; padding-left: 0px; width: 220px; } section#shop_offers #offers_categories nav.sidebar_menu { position: absolute; top: 80px; z-index: 1; max-width: calc(20% - 10px); background-color: #ffffff; box-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } @media screen and (max-width: 1024px) { section#shop_offers #offers_categories nav.sidebar_menu { max-width: calc(25% - 10px); } section#shop_list .card_list { margin-top: -75px; padding: 10px 30px 0 50px; } } @media screen and (max-width: 768px) { section#shop_list .card_list { margin-top: -20px; padding: 10px 20px 0 25px; } section#shop_offers #offers_categories nav.sidebar_menu { max-width: calc(25% - 10px); } } @media screen and (max-width: 640px) { section#shop_offers #offers_categories nav.sidebar_menu { position: absolute; z-index: 1; max-width: calc(100% - 10px); background-color: #ffffff; box-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; } section#shop_list .card_list { margin: 0; padding: 10px 0 0 0; margin-top: 440px; } } .rewards_summary.page_content { background: #ffffff; } .rewards_summary.page_content:before { content: ''; width: 100%; position: absolute; top: 100px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } #breadcrumb { display: inline-block; float: none; width: 102%; margin: 0px 0 10px; background: transparent; margin-top: -1px; margin-left: 0px; margin-bottom: -2px; background: #EEEBE7 !important; padding-left: 10px; } #breadcrumb li span, { display: none; } .rewards_summary.page_content>.row .column.small-centered:last-child h2, .rewards_summary.page_content>.row .columns.small-centered:last-child h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px !important; color: #000000; letter-spacing: 0; border-bottom: 0; background: transparent; margin-top: 0px; margin-bottom: 50px; margin-left: 0px; margin-right: -8px; background: #EEEBE7 !important; height: 7.45rem; padding-left: 8px; } .transaction-eraser.page_content>.row .column.small-centered:last-child h2, .transaction-eraser.page_content>.row .columns.small-centered:last-child h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; background: transparent; margin-top: 2px; margin-bottom: 50px; margin-left: 0px; margin-right: -8px; background: #EEEBE7 !important; height: 103px; } .rewards_summary.page_content>.row .column.small-centered:last-child, .rewards_summary.page_content>.row .columns.small-centered:last-child { width: 103%; padding-left: 0px; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm>.row, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm>.row { background: #ffffff; margin: 0; padding: 0px 10px 0px 10px; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm #criteria_label span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm #criteria_label span { font-size: 16px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; text-transform: initial; margin-top: 20px; } .rewards_summary.page_content>.row .point_summary .oneUp span.label { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #000000; font-size: 16px !important; text-transform: initial; } .rewards_summary.page_content>.row .column.small-centered:last-child table.paginate_table tbody tr, .rewards_summary.page_content>.row .column.small-centered:last-child table.transpose_table tbody tr, .rewards_summary.page_content>.row .columns.small-centered:last-child table.paginate_table tbody tr, .rewards_summary.page_content>.row .columns.small-centered:last-child table.transpose_table tbody tr { border-bottom: 1px dashed #48494C !important; } .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button { width: 240px !important; padding: 0.9rem !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-shadow: none; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; height: 40px !important; } button>span, button[type="submit"]>span, button[disabled]:hover>span, a.button>span, .twoLine button { margin: 1px; display: block; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button { background: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; } .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .column.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[type="submit"]>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm button[disabled]:hover>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm a.button>span, .rewards_summary.page_content>.row .columns.small-centered:last-child #RewardsSummary #AccountInformationForm .twoLine button { background: #000000; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; font-weight: 500; font-size: 16px !important; line-height: 0.1; } div.dataTables_wrapper { margin-bottom: 1.25em; } button>span, button[type="submit"]>span, button[disabled]:hover>span, a.button>span, .twoLine button { padding: 0px 0px !important; margin: 1px; display: block; border-radius: 4px; box-shadow: none; line-height: 0.1px; color: #ffffff !important; } /* ------------------- Grid Container ------------------- */ .grid-container { display: grid; grid-template-columns: auto auto auto auto; background-color: #ffffff; padding: 80px; } .grid-item { background-color: #ffffff; border: 0px solid; padding: 20px; font-size: 30px; text-align: center; } .grid-footer-container { display: grid; grid-template-columns: auto auto auto auto; background-color: #ffffff; padding: 80px; } .grid-footer-item { background-color: #ffffff; border: 0px solid; padding: 20px; font-size: 30px; text-align: center; } .container { margin: auto; width: 70%; text-align: center; } .deck { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; } a.icon-goto-white { background: url(https://www.loyaltygateway.com/ProgramInfo/9394/images/external_white.png) center right no-repeat; background-size: 17px 17px; padding-right: 0px; } @media only screen and (max-width: 1024px) { .grid-container { display: grid; grid-template-columns: auto auto; background-color: #ffffff; padding: 0px !important; } .grid-footer-container { display: grid; grid-template-columns: auto; background-color: #ffffff; padding: 0px !important; } } /* ------------------- Grid Container ------------------- */ /* ------------ Tooltip ------------------- */ @media only screen and (max-width: 1280px) { #header_main div#nav_holder #logged_panel ul li a, #header_main #nav_holder nav#main ul li a, #header_main div#nav_holder #logged_panel ul li span { font-size: 13px; display: none; } #header_main #nav_holder nav#main ul li { padding: 0 12px; display: none; } } /* ------------ Footer START ------------------- */ footer#footer_main { background-color: #000000; display: inline-block; width: 100%; height: 200px; } footer .footer_container .footer_links p { font-size: 10px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; color: #ffffff; margin-bottom: 0; } .footer_container .footer_links .footer_links_container ul li a { color: #ffffff !important; font-size: 14px !important; text-decoration: underline; } .footer_container .footer_links .footer_links_container ul li a:hover { color: #ffffff !important; font-size: 14px; text-decoration: none !important; } footer .footer_container .footer_links .footer_links_container ul li a { color: #ffffff !important; font-size: 14px !important; } footer .footer_container .footer_links .footer_links_container ul li a:hover { color: #ffffff !important; font-size: 14px; text-decoration: none !important; } footer .footer_container .footer_links .footer_links_container ul li a:focus { } footer .footer_container { width: 77%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding: 1.5rem 0; color: #ffffff; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width:2560px){ footer .footer_container { width: 92% !important; } } @media screen and (max-width:2048px){ footer .footer_container { width: 89% !important; } } @media screen and (max-width:1920px){ footer .footer_container { width: 88% !important; } } @media screen and (max-width:1536px){ footer .footer_container { width: 85% !important; } } @media screen and (max-width:1280px){ footer .footer_container { width: 82% !important; } } @media screen and (max-width:1098px){ footer .footer_container { width: 79% !important; } } @media screen and (max-width:641px){ footer#footer-main { background-color: #000000; display: inline-block; width: 100%; height: 350px; } footer .footer_container .footer_links .footer_links_container ul li a { display: grid; grid-template-columns: auto; background-color: #000000; padding: 0px !important; } footer .footer_container .footer_links .footer_links_container ul li a:hover { display: grid; grid-template-columns: auto; background-color: #000000; padding: 0px !important; text-decoration: none !important; } footer .footer_container .footer_links .footer_links_container ul li a:focus { border: 3px solid #3681f2; border-radius: 6px; display: grid; grid-template-columns: auto; background-color: #000000; text-decoration: none !important; } footer .footer_container .footer_links p { font-size: 12px !important; font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; text-align: left; color: #ffffff; margin-bottom: 0; margin-top: 230px !important; margin-left: -160px; left: 240px !important; padding: 0px 22px 0px 0px; } } /* ------------ Footer END ------------------- */ /* ------------ Mobile Heading START ------------------- */ @media screen and (max-width:1024px) { #breadcrumb { display: inline-block; float: none; width: 109%; margin: 0px 0 10px; background: transparent; margin-top: -1px; margin-left: -14px; margin-bottom: -2px; background: #EEEBE7 !important; padding-left: 10px; } .tab-bar h1 img { margin: 14px auto 14px; } .manage_profile.page_content:before { content: ''; width: 100%; position: absolute; top: 0px; left: 0; z-index: 0; height: 260px; background: #EEEBE7 !important; } .manage_profile.page_content>.row .page_intro h2 { font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; height: 7.45rem; width: 1024px; margin-left: -20px; padding-left: 20px; background: #EEEBE7 !important; } .rewards_summary.page_content>.row .column.small-centered:last-child h2, .rewards_summary.page_content>.row .columns.small-centered:last-child h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; background: transparent; margin-top: 0px; margin-bottom: 50px; margin-left: -20px; margin-right: -8px; background: #EEEBE7 !important; width: 1024px; height: 7.45rem; padding-left: 35px; } .manage_profile.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 10px; } .rewards_summary.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 25px; } .rewards_summary.page_content>.row .point_summary .oneUp span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important;; color: #000000; font-size: 20px; } .pwrl.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 25px; } .pwrl.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px !important; color: #000000; letter-spacing: 0; border-bottom: 0; height: 7.55rem; width: 1024px; margin-left: -20px; padding-left: 16px; background: #EEEBE7 !important; } .shop.cart.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 15px; } } @media screen and (max-width:640px) { #breadcrumb { display: inline-block; float: none; width: 115%; margin: 0px 0 10px; background: transparent; margin-top: -1px; /* margin-left: -20px; */ margin-bottom: -2px; background: #EEEBE7 !important; padding-left: 10px; position: relative; top: 0px; } .checkout.page_content:before { content: ''; width: 100%; position: absolute; top: 0px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } .checkout.page_content>.row .page_intro h2 { font-size: 30px; color: #000000; letter-spacing: 0; border-bottom: 0; height: 7.98rem; width: 1530px; margin-left: -10px; padding-left: 20px; background: #EEEBE7 !important; } .checkout.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 20px; margin-left: -18px; } .item_row .thumb img { border-radius: 5px; overflow: hidden; border: 0; margin-top: -15px; } .checkout.page_content>.row .page_intro p { position: relative; top: -5px; font-size: 0px !important; margin-top: -20px; margin-bottom: 0px; padding-right: 10px; height: 80px; } form .row .row .column, form .row .row .columns { padding: 10px 10px 0px !important; } ul { list-style-type: none; margin: 0; padding: 0; margin-left: 10px; } .page_content.shop_details #breadcrumb, .page_content.shop_details_logged #breadcrumb { display: block; } .shop.shop_details.page_content:before { content: ''; width: 100%; position: absolute; top: 1px; left: 0; z-index: 0; height: 160px; background: #EEEBE7 !important; } .page_content.shop_details .page_intro .detail_image, .page_content.shop_details_logged .page_intro .detail_image { position: relative; float: left; clear: left; width: 100%; text-align: center; box-sizing: border-box; margin: 0px 0; } .rewards_summary.page_content:before { content: ''; width: 100%; position: absolute; top: 0px; left: 0; z-index: 0; height: 10.48rem; background: #EEEBE7 !important; } .manage_profile.page_content:before { content: ''; width: 100%; position: absolute; top: 0px; left: 0; z-index: 0; height: 10.7rem; background: #EEEBE7 !important; } .pwrl.page_content:before { content: ''; width: 100%; position: absolute; top: 0px; left: 0; z-index: 0; height: 10.49rem; background: #EEEBE7 !important; } .shop.cart.page_content:before { content: ''; width: 100%; position: absolute; top: 0px; left: 0; z-index: 0; height: 172px; background: #EEEBE7 !important; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; width: 35% !important; } .manage_profile.page_content>.row .page_intro { padding-top: 0px; } .manage_profile.page_content>.row .page_intro h2 { font-size: 30px !important; color: #000000; letter-spacing: 0; border-bottom: 0; height: 8.6rem; width: 1024px; margin-left: -20px !important; padding-left: 20px; background: #EEEBE7 !important; } .rewards_summary.page_content>.row .page_intro { padding-top: 0px; padding-left: 10px; padding-right: 10px; } .rewards_summary.page_content>.row .column.small-centered:last-child h2, .rewards_summary.page_content>.row .columns.small-centered:last-child h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px !important; color: #000000; letter-spacing: 0; border-bottom: 0; background: transparent; margin-top: 0rem; margin-bottom: 50px; margin-left: -20px !important; margin-right: -8px; background: #EEEBE7 !important; width: 1024px; height: 8.4rem; padding-left: 35px; } .manage_profile.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 22px; padding-top: 5px; padding-bottom: 5px; margin-left: -30px; background: #EEEBE7 !important; } .rewards_summary.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 35px; padding-top: 5px; padding-bottom: 5px; margin-left: -30px; background: #EEEBE7 !important; } .rewards_summary.page_content>.row .point_summary .oneUp span.value { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important;; color: #000000; font-size: 20px; } .pwrl.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 25px; } .pwrl.page_content>.row .page_intro h2 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 30px !important; color: #000000; letter-spacing: 0; border-bottom: 0; height: 135px; width: 1024px; margin-left: -5px; padding-left: 35px; position: relative; top: 0px; } .pwrl.page_content>.row .page_intro p { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; width: 100%; display: block; margin-top: 35px !important; margin-bottom: 40px; } .pwrl .content { height: auto; display: inline-block; width: 100%; box-sizing: border-box; margin-top: -40px; } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .pwr_select_card_button, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .pwr_select_card_button { max-width: none; margin-top: 20px; margin-bottom: 20px; position: relative; top: 0px; left: 0px; } .pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset { background-color: #EEEBE7; padding: 2rem 2rem 0 2rem; /* width: 1204px; */ height: 205px; margin-top: -40px; color: #000000; border-radius: 0px; } .page_content h2 { border-bottom: none; font-size: 30px !important; padding: 20px 0 5px 0; /* margin-left: -15px !important; */ } .shop.cart.page_content>.row .page_intro { padding-top: 20px; height: auto !important; } .shop.cart.page_content #breadcrumb li a { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-size: 16px !important; color: #000000; text-transform: capitalize; padding-left: 15px; margin-left: -10px; } } @media screen and (max-width:430px) { pwrl.page_content>.row .page_intro .tabs-content #card_settings_view_1 fieldset .pwr_select_card_button, .pwrl.page_content>.row .page_intro .tabs-content .card_settings fieldset .pwr_select_card_button { max-width: none; margin-top: 20px; margin-bottom: 20px; position: relative; top: -15px; left: 0px; } } /* ------------ Mobile Heading END ------------------- */ .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .cm-toggle { margin-bottom: 20px; display: none; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .twoLine:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button.disabled:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset button[disabled]:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button.disabled:disabled, .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .button[disabled]:disabled { opacity: .9; display: none; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation.active a h3 { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; display: none; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation fieldset .cm-toggle+span { width: 83%; margin-bottom: 20px; display: none; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion { border-top: none; padding-top: 0; margin-top: 25px; margin-bottom: 60px; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation { border-bottom: none; } h3 { border-bottom: none; } .manage_profile.page_content>.row .page_intro #div_profile #ProfileForm .accordion .accordion-navigation p { margin-left: 0px; width: 65%; } /* ------------ Purchase Eraser Tooltip START ------------------- */ @media screen and (min-width:2048px) and (max-width:2560px) { p.intro-tooltip { min-width: 1480px !important; } .placeholder-tooltip { margin-left: 330px; } } @media screen and (max-width:1920px) { p.intro-tooltip { max-width: 1400px !important; } .placeholder-tooltip { left: 425px; } } @media screen and (max-width: 1707px) { .placeholder-tooltip { margin-left: 535px; } } @media screen and (max-width:1536px) { p.intro-tooltip { max-width: 1080px !important; } .placeholder-tooltip { margin-left: 355px !important; } } @media screen and (max-width:1463px) { .placeholder-tooltip { left: 245px !important; } } @media screen and (max-width:1368px) { .placeholder-tooltip { left: 750px !important; } .overlay:before { left: 110px !important; } .overlay { left: -205px !important; } } @media screen and (max-width:1366px) { .placeholder-tooltip { left: 750px !important; } .overlay:before { left: 120px !important; } .overlay { left: -210px !important; } } @media screen and (max-width:1280px) { p.intro-tooltip { width: 845px; } .placeholder-tooltip { margin-left: -560px !important; } .overlay:before { left: 0px !important; } .overlay { left: -150px !important; } } @media screen and (max-width:1098px) { p.intro-tooltip { max-width: 780px !important; } .placeholder-tooltip { left: 425px !important; } } @media screen and (max-width:1024px) { p.intro-tooltip { max-width: 740px !important; } .placeholder-tooltip { left: 955px !important; } } @media screen and (max-width:912px) { p.intro-tooltip { max-width: 680px !important; } .placeholder-tooltip { left: 1035px !important; } .overlay:before { left: 140px !important; } .overlay { left: -220px !important; } } @media screen and (max-width:768px) { p.intro-tooltip { max-width: 535px !important; } .placeholder-tooltip { left: 820px !important } .overlay:before { left: 100px !important; } .overlay { left: -200px !important; } } @media screen and (max-width:736px) { .placeholder-tooltip { left: 375px !important; } } @media screen and (max-width:640px) { .placeholder-tooltip { left: 815px !important; } } @media screen and (max-width:586px) { p.intro-tooltip { width: 390px !important; } .placeholder-tooltip { left: 890px !important; } .overlay:before { left: 180px !important; } .overlay { left: -240px !important; } } @media screen and (max-width:430px) { p.intro-tooltip { max-width: 395px !important; } .placeholder-tooltip { left: 890px !important; } .overlay:before { left: 180px !important; } .overlay { left: -240px !important; } } @media screen and (max-width:428px) { .placeholder-tooltip { left: 890px !important; } .overlay:before { left: 180px !important; } .overlay { left: -240px !important; } } @media screen and (max-width:414px) { .placeholder-tooltip { left: 890px !important; } .overlay:before { left: 200px !important; } .overlay { left: -250px !important; } } @media screen and (max-width:393px) { p.intro-tooltip { max-width: 340px !important; } .placeholder-tooltip { left: 750px !important; } .overlay:before { left: 60px !important; } .overlay { left: -180px !important; } } @media screen and (max-width:390px) { p.intro-tooltip { max-width: 340px !important; } .placeholder-tooltip { left: 750px !important; } .overlay:before { left: 60px !important; } .overlay { left: -180px !important; } } @media screen and (max-width:384px) { p.intro-tooltip { max-width: 345px !important; } .placeholder-tooltip { margin-left: -605px !important; } .overlay:before { margin-left: 73px !important; } .overlay { margin-left: 45px !important; } } @media screen and (max-width:375px) { p.intro-tooltip { max-width: 335px !important; } .placeholder-tooltip { margin-left: -560px !important; } .overlay:before { left: 0px !important; } .overlay { left: -150px !important; } } @media screen and (max-width:360px) { .placeholder-tooltip { left: 550px !important; } .overlay:before { left: -170px !important; } .overlay { left: -65px !important; } } p.intro-tooltip { max-width: 845px; } .placeholder-tooltip { position: relative; width: 50%; margin-top: -40px; margin-bottom: -80px; cursor: pointer; } .image { display: block; width: 15px; height: 15px; } .overlay:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0px 10px 10px 10px; border-color: transparent transparent #414141 transparent; -webkit-filter: drop-shadow(0 -2px 1px rgba(20, 20, 19, 0.1)); filter: drop-shadow(0 -2px 1px rgba(20, 20, 19, 0.1)); position: absolute; top: 85px; left: 0; right: -5px; margin: 0 auto; rotate: 180deg; } .overlay { display: block; position: relative; top: -112px; bottom: 0; left: -150px; right: 0; padding-left: 170px; height: 85px; width: 310px; opacity: 0; transition: .5s ease; background-color: #414141; border: #414141; border-width: 0px; border-radius: 7px; } .placeholder-tooltip:hover .overlay { opacity: 1; } .tooltip-text { font-family: "CircularXX-Regular", "Arial", "Helvetica", "MarkOffcForMC", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" !important; font-weight: 400; font-size: 10px; color: white; font-size: 12px; position: absolute; width: 315px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } /* ------------ Purchase Eraser Tooltip END ------------------- */ .shop.shop_details.page_content .page_intro footer .automatic_redemption, .shop.shop_details_logged.page_content .page_intro footer .automatic_redemption { color: #FFFFFF; display: none; } .shop.shop_details.page_content .page_intro footer .automatic_redemption input#itemRecurRedeem, .shop.shop_details_logged.page_content .page_intro footer .automatic_redemption input#itemRecurRedeem { height: auto !important; float: left; } .shop.shop_details.page_content .page_intro footer .automatic_redemption span, .shop.shop_details_logged.page_content .page_intro footer .automatic_redemption span { color: #2D373E; text-align: left; float: left; font-weight: normal !important; -webkit-appearance: checkbox; } input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #ddd; cursor: default; } /* ---------------- Custom CSS - END ---------------- */