File: /home/zeusxp5/zenoxpressalongside.net/wp-content/themes/zxldfw-tcompanyllcMain/scss/_store.scss
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// 1 Shopping Cart
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Settings
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
$dark-theme: false; // Certain aspects of the store will uses colors that work better on dark backgrounds
// Set some possible non-existent variables. If they have been set then ignore.
$sm-mobile: 480px !default;
$accent1-contrast: contrasted( $accent1 ) !default;
$accent2-contrast: contrasted( $accent2 ) !default;
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Button Styles
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
@mixin webcom-button( $options: () ) {
$configuration: map-merge((
button-font: $font1,
button-color: $accent1-contrast,
button-bgcolor: $accent1,
button-border: darken( $accent1, 50%),
button-hover-color: $accent2-contrast,
button-hover-bgcolor: $accent2,
button-hover-border: darken( $accent2, 50%)
), $options);
@include border-radius( 0.15em );
@include transitions( border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, background 0.25s ease-in-out, color 0.25s ease-in-out );
@include box-shadows( inset 0 1px 0 rgba( #fff, 0.2 ), 0 1px 2px rgba( #000, 0.065 ) );
display: inline-block;
padding: 0.35em 1.5em 0.25em;
color: map-get($configuration, button-color);
font-family: map-get($configuration, button-font);
font-size: 1rem;
line-height: 1.125;
text-align: center;
text-decoration: none;
white-space: nowrap;
background: map-get($configuration, button-bgcolor);
border: 1px solid map-get($configuration, button-border);
cursor: pointer;
-webkit-appearance: button;
&:hover,
&:focus {
color: map-get($configuration, button-hover-color-hover);
background: map-get($configuration, button-hover-bgcolor);
border-color: map-get($configuration, button-hover-border);
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Featured Categories (Home Page)
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
#page {
div.upsell-panel {
div.group {
@include flexbox;
@include justify-content( space-between );
@include bp( $mobile ) {
@include flex-direction( column );
}
.category {
width: calc( 33.333% - 10px);
background: #ececec;
margin: 10px;
padding: 10px;
@include bp( $mobile ) {
width: 100%;
margin: 0;
}
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
.category-thumb {
display: none;
}
.category-details {
span {
width: 50%;
padding-right: 10px;
text-align: left;
@include bp( $mobile ) {
width: 100%;
}
}
.subcategory-links {
width: 50%;
text-align: left;
@include bp( $mobile ) {
width: 100%;
}
}
}
}
}
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Results Page
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
#page {
div.upsell-panel {
@extend .cf;
.group {
.category {
@include bp( $sm-mobile ) {
float: none;
margin: 0 auto;
}
}
}
}
// Category image and description
div.category-details {
@include flexbox;
@include bp( $mobile ) {
@include flex-direction( column );
}
.image {
margin-right: 1em;
@include bp( $mobile ) {
margin: 0 auto 1em;
}
}
}
// Category grid above products.
div.categories {
div.results-grid {
margin-top: 1em;
@include bp( $sm-mobile ) {
display: block;
}
.results-row {
@include flexbox;
@include bp( $sm-mobile ) {
display: block !important;
margin: 0;
}
}
.result {
position: relative;
min-height: 0;
margin: 0;
padding: 0;
max-width: 33.333%;
width: 100%;
@include bp( $mobile ) {
@include flexbox;
@include align-items( stretch );
}
@include bp( $sm-mobile ) {
max-width: 100%;
}
.thumbnail {
display: none;
}
.details {
@include flexbox;
@include align-items( stretch );
height: 100%;
width: 100%;
}
h3 {
@include flexbox;
margin: 0;
width: 100%;
a {
@include webcom-button((
button-font: $font1,
button-color: $accent2-contrast,
button-bgcolor: $accent1,
button-border: $accent1,
button-hover-color: $accent2-contrast,
button-hover-bgcolor: $accent2,
button-hover-border: darken( $accent2, 10% )
));
@include flexbox;
@include align-items( center );
@include justify-content( center );
width: 100%;
white-space: normal;
}
}
}
}
}
div.products {
margin-top: 1.5em;
}
// Shared styles between grid and list view
div.results,
div.results-grid {
display: block;
width: 100%;
.results-row,
.result {
margin-top: 2em;
text-align: center;
}
.result {
@include flex( 1 1 0 );
@include bp( 600px ) {
@include flex-direction( column );
}
.thumbnail {
width: 200px;
@include bp( 600px ) {
margin: auto !important;
}
img {
width: auto;
height: auto;
max-width: 200px;
}
}
.thumbnail,
.amount {
@include flex-shrink( 0 );
}
.thumbnail,
.details,
.amount {
float: none;
@include bp( 600px ) {
width: 100%;
padding: 0;
text-align: center;
}
}
}
}
// List View
div.results {
.result {
@include flexbox;
@include align-items( stretch );
@include justify-content( space-between );
width: 100%;
height: auto;
&:first-child {
margin-top: 0;
}
.thumbnail {
margin-right: 15px;
text-align: left;
@include bp( 600px ) {
text-align: center;
}
}
.details {
width: 100%;
@include bp( 600px ) {
margin-top: 1em;
}
}
.amount {
width: auto;
margin-left: auto;
@include bp( 600px ) {
margin: auto;
}
}
}
}
// Grid View
div.results-grid {
@include bp( 600px ) {
.result {
.thumbnail {
margin: 0 !important;
}
}
}
.results-row {
@include flexbox;
@include align-items( stretch );
}
.result {
@include flexbox;
@include flex-direction( column );
position: relative;
width: auto;
padding: 1em 1em 2.5em;
max-width: 33.333%;
width: 100%;
.thumbnail {
@include flexbox;
@include align-items( center );
@include justify-content( center );
height: 200px;
margin: 0 !important;
width: 100%;
@include bp( 600px ) {
@include justify-content( center );
}
}
.details {
margin-top: 1em;
text-align: center;
@include bp( $mobile ) {
margin-top: 0;
}
@include bp( 600px ) {
margin-top: 1em;
}
}
.amount {
width: 100%;
text-align: center;
margin-top: auto;
}
}
// Revert to "List" view on mobile
@include bp( $mobile ) {
.results-row {
display: block;
}
.result {
@include flexbox;
@include justify-content( center );
width: 100%;
margin: 1em 0 0;
padding-bottom: 0;
max-width: none;
&:first-child {
margin-top: 0;
}
.thumbnail {
height: auto;
margin-right: 15px !important;
}
h3 {
margin: .5em 0;
font-size: 1em;
}
.amount {
position: static;
margin-left: auto;
@include bp( 600px ) {
margin: auto;
}
}
}
}
}
div.paging {
text-align: right;
@include bp( $mobile ) {
span {
margin-left: 5px;
}
> span:first-of-type {
margin-left: 0;
}
.page-mode {
display: none;
}
.page-stats {
margin-left: 0;
}
}
select {
font-size: small;
padding: 0.25em;
}
a {
&.disabled {
@if( $dark-theme ) {
color: darken( #FFFFFF, 20% );
} @else {
color: lighten( #000000, 20% );
}
}
}
}
.price {
.reduced {
@if( $dark-theme ) {
color: darken( #FFFFFF, 20% );
} @else {
color: lighten( #000000, 20% );
}
}
.sale {
color: #FF0000;
}
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Product Template
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
.web-product {
.crumbs,
.categories {
font-size: 0.65em;
line-height: 2;
span {
margin: 0 0.25em;
&:last-child {
margin-right: 0;
}
}
}
.crumbs {
margin-bottom: 1em;
text-align: right;
@if( $dark-theme ) {
border-bottom: 1px dashed darken( #FFFFFF, 80% );
} @else {
border-bottom: 1px dashed lighten( #000000, 80% );
}
}
.categories {
margin-top: 1em;
@if( $dark-theme ) {
border-top: 1px dashed darken( #FFFFFF, 80% );
} @else {
border-top: 1px dashed lighten( #000000, 80% );
}
}
.head {
@include flexbox;
@include align-items( center );
@include justify-content( space-between );
@include bp( $mobile ) {
@include flex-direction( column );
.title,
.price {
width: 100%;
}
}
.title {
h2 {
margin: 0;
line-height: 1;
}
.sku {
margin: 0.25em 0 0;
font-size: 0.75em;
font-weight: 600;
line-height: 1.5;
}
}
.price {
text-align: right;
@include bp( $mobile ) {
margin-top: 0.25em;
font-size: 1.5em;
text-align: left;
}
p {
margin: 0;
}
.reduced {
color: #FF0000;
text-decoration: line-through;
}
.saved {
display: block;
color: #FF0000;
font-size: 0.75em;
font-weight: 600;
line-height: 1.5;
}
}
}
&.payment .head {
.price {
.base,
br {
display: none;
}
}
}
.body {
@include flexbox;
@include justify-content( space-between );
margin-top: 1em;
@include bp( $mobile ) {
@include flex-direction( column );
}
.image {
@include bp( $mobile ) {
text-align: center;
}
.gallery {
float: none;
display: inline-block;
padding: 0;
box-sizing: content-box;
br {
display: block;
}
.pretty_photo_image {
padding-left: 0;
}
}
img#product_image {
display: inline-block;
max-width: none;
padding: 0 !important;
@if( $dark-theme ) {
border: 1px solid #FFFFFF !important;
} @else {
border: 1px solid #000000 !important;
}
}
}
.details {
padding-left: 1em;
@include bp( $mobile ) {
padding-left: 0;
}
.options {
margin-top: 1em;
padding: 0.5em;
@if( $dark-theme ) {
color: #FFFFFF;
background: #000000;
border: 1px solid darken( #FFFFFF, 80% );
} @else {
color: #000000;
background: #FFFFFF;
border: 1px solid lighten( #000000, 80% );
}
h3 {
margin-top: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
}
.option {
@include flexbox;
@include align-items( center );
padding: 0.5em 0;
font-size: 0.75em;
font-weight: 600;
@if( $dark-theme ) {
color: darken( #FFFFFF, 25% );
} @else {
color: lighten( #000000, 25% );
}
.option-name {
width: 15%;
text-align: right;
}
.option-values {
@include flex-grow( 1 );
padding-left: 1em;
label {
font-size: 0.9em;
font-weight: 600;
line-height: 1.5;
}
select,
input {
width: 100%;
padding: 2px 5px;
background: transparent;
@if( $dark-theme ) {
color: darken( #FFFFFF, 25% );
border: 1px solid darken( #FFFFFF, 80% );
} @else {
color: lighten( #000000, 25% );
border: 1px solid lighten( #000000, 80% );
}
}
select {
option {
color: #000000;
}
}
input {
padding: 5px;
&[type=radio],
&[type=checkbox] {
width: auto;
}
}
}
&.cart-option {
@include justify-content( flex-end );
padding: 0.5em;
@if( $dark-theme ) {
background: rgba( #FFFFFF, 0.1 );
} @else {
background: rgba( #000000, 0.1 );
}
> * {
margin: 0 0.25em;
}
}
}
}
}
.discounts {
margin-top: 1em;
table {
width: 100%;
}
th {
@if( $dark-theme ) {
background: rgba( #FFFFFF, 0.25 );
} @else {
background: rgba( #000000, 0.25 );
}
}
tr.alt {
@if( $dark-theme ) {
background: rgba( #FFFFFF, 0.1 );
} @else {
background: rgba( #000000, 0.1 );
}
}
th,
td {
width: 25%;
padding: 0.25em;
font-size: 0.75em;
@if( $dark-theme ) {
border: 1px solid rgba( #FFFFFF, 0.2 );
} @else {
border: 1px solid rgba( #000000, 0.2 );
}
}
}
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// View Cart Page
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
#cart-contents .cart-gridview th,
#cart-contents .cart-gridview tr.alt,
#cart-contents .cart-gridview tr.alt td,
#cart-contents .cart-gridview .product-option,
div.wrapper-main form fieldset,
div.wrapper-main .calculations,
div.wrapper-main .cart-gridview .calculations-hack {
background: none;
border: none;
}
@include bp( 600px ) {
div.wrapper-main #page-body div.secure-text {
position: static;
}
}
#cart-contents {
.info {
color: $primary;
background: transparent;
@if( $dark-theme ) {
border: 1px solid rgba( #FFFFFF, 0.4 );
} @else {
border: 1px solid rgba( #000000, 0.4 );
}
li {
&:before {
content: none;
display: none;
}
}
}
table.cart-gridview {
@include bp( $mobile ) {
&,
> tbody,
> tbody > tr,
> tbody > tr > td {
display: block;
width: 100%;
}
> tbody > tr.row-item {
@include flexbox;
@include flex-wrap( wrap );
@include justify-content( center );
margin-bottom: -1px;
padding-bottom: 0.5em;
@if( $dark-theme ) {
border-bottom: 1px dotted rgba( #FFFFFF, 0.1 );
} @else {
border-bottom: 1px dotted rgba( #000000, 0.1 );
}
> td {
&:before {
content: none;
display: inline-block;
margin: 0 0.15em 0 0;
font-weight: 600;
}
&.cell-quantity,
&.cell-thumbnail,
&.cell-product,
&.cell-price,
&.cell-total,
&.cell-remove {
width: auto;
}
&.cell-price,
&.cell-total,
&.cell-quantity {
padding: 0 1em;
text-align: center;
&:before {
display: block;
}
}
&.cell-quantity {
@include order( 4 );
&:before {
content: 'Quantity:';
}
}
&.cell-thumbnail {
@include order( 2 );
}
&.cell-product {
@include order( 3 );
width: calc( 100% - 75px );
padding: 0.5em 1em;
white-space: normal;
@include bp( 600px ) {
width: 100%;
text-align: center;
}
}
&.cell-price {
@include order( 5 );
&:before {
content: 'Price:';
}
}
&.cell-total {
@include order( 6 );
&:before {
content: 'Total:';
}
}
&.cell-remove {
@include order( 1 );
width: 100%;
margin-bottom: -100%;
text-align: right;
}
}
}
}
th,
td {
padding: 0.5em;
}
th {
padding-top: 0;
}
> tbody > tr:first-child {
@include bp( $mobile ) {
display: none;
}
}
> tbody > tr:last-child {
> td {
@if( $dark-theme ) {
border-top: 2px solid rgba( #FFFFFF, 0.1 );
} @else {
border-top: 2px solid rgba( #000000, 0.1 );
}
}
}
> tbody > tr.row-item {
@if( $dark-theme ) {
border-top: 1px solid rgba( #FFFFFF, 0.1 );
} @else {
border-top: 1px solid rgba( #000000, 0.1 );
}
td {
&.cell-thumbnail {
img {
max-width: none;
}
}
&.cell-product {
.item-title {
float: none;
.add-another {
float: none;
margin-top: -0.25em;
@include bp( 600px ) {
display: none;
}
}
}
}
}
}
> tbody > tr.row-option {
font-size: 0.85em;
line-height: 1;
td.cell-product {
.product-option,
.product-option-multiline {
padding: 0;
td {
padding: 0.25em 0;
}
}
&.product-option-input {
padding: 0 0 0.5em;
}
table,
&.product-option-input label {
margin: 0 1.5em;
}
}
}
.cart-summary {
.coupons,
.calculations {
float: right;
width: 100%;
text-align: right;
label {
text-align: right;
}
}
}
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Checkout Page
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
#page-body {
#billing-address,
#shipping-address,
#payment-tabs,
#custom-fields,
#comments {
position: relative;
legend {
padding-bottom: 0;
font-size: 1.25em;
}
label {
float: none;
display: inline-block;
vertical-align: middle;
width: 125px;
margin-top: 0.5em;
margin-right: 0.2em;
@include bp( $mobile ) {
display: block;
width: 100%;
margin-right: 0;
text-align: left;
}
&.required {
margin-right: 0;
}
}
input:not(.apply),
input.text,
select,
textarea {
width: 200px;
margin-top: 0.5em;
margin-left: 0.5em;
padding: 0.35em;
color: $primary;
line-height: 1;
@if( $dark-theme ) {
border: 1px solid rgba( #FFFFFF, 0.2 );
} @else {
border: 1px solid rgba( #000000, 0.2 );
}
@include bp( $mobile ) {
width: 100%;
margin-left: 0;
}
&[type="checkbox"] {
width: auto;
+ label {
display: inline-block;
vertical-align: top;
width: auto;
margin-top: 0;
margin-left: 0.5em;
}
}
}
textarea {
line-height: 1.25;
width: 100%;
}
}
#billing-address,
#shipping-address,
#custom-fields,
#comments,
#payment-tab-container {
@if( $dark-theme ) {
background: rgba( #FFFFFF, 0.1 );
border: 1px solid rgba( #FFFFFF, 0.2 );
} @else {
background: rgba( #000000, 0.1 );
border: 1px solid rgba( #000000, 0.2 );
}
}
#billing-address,
#shipping-address,
#custom-fields,
#comments {
margin-top: 3.5em;
padding: 1em 2em;
legend {
position: absolute;
top: -1.5em;
left: 0;
}
}
#billing-address {
margin-top: 2em;
}
#payment-tabs {
padding: 0;
}
#comments {
@include bp( $mobile ) {
margin-top: 4.5em;
legend {
top: -2.5em;
}
}
}
}
// Billing Information
div.wrapper-main {
#page-body div.secure-text {
top: 1em;
}
#billing-address {
text-align: right;
@include bp( $mobile ) {
text-align: center;
}
legend {
width: 100%;
text-align: left;
}
p {
margin: 0 0 1em;
padding: 0;
}
div.left,
div.summary,
div.options {
float: none;
width: auto;
min-width: 0;
margin: 0;
padding: 0;
@include bp( $mobile ) {
width: 100%;
text-align: center;
}
}
div.left {
float: left;
text-align: left;
@include bp( $mobile ) {
float: none;
}
div.email-privacy {
margin: 0;
text-align: right;
}
.checkbox {
margin-top: 0.25em;
margin-left: calc( 125px + 0.25em );
@include bp( $mobile ) {
margin-left: 0;
}
}
}
div.options {
input {
width: auto;
&.button.master-pass {
width: 145px;
border: none;
}
}
input.button.master-pass,
.trust-badge {
display: inline-block;
vertical-align: middle;
margin: 0 0.5em;
}
.trust-badge {
margin-right: 0;
img {
display: block;
margin: 0;
mix-blend-mode: multiply;
}
}
}
div.summary {
display: inline-block;
width: 300px;
margin-top: 1.5em;
@include bp( $mobile ) {
width: 100%;
}
.calculations,
.coupons {
width: 100%;
margin-left: 0;
padding: 0.75em 0.5em;
@if( $dark-theme ) {
border: 1px solid rgba( #FFFFFF, 0.2 );
} @else {
border: 1px solid rgba( #000000, 0.2 );
}
}
.calculations {
table {
margin: 0;
td {
@if( $dark-theme ) {
border-bottom: 1px solid rgba( #FFFFFF, 0.1 );
} @else {
border-bottom: 1px solid rgba( #000000, 0.1 );
}
&:first-child {
text-align: left;
}
&:last-child {
text-align: right;
}
}
tr.total {
td {
border-bottom: none;
}
}
}
}
.coupons {
text-align: center;
label {
width: 100%;
}
input {
width: calc( 100% - 50px );
margin: 0;
&[type="submit"] {
width: 42px;
border: none;
}
}
}
}
}
}
// Shipping Information
div.wrapper-main {
#shipping-address {
.alt-ship-address label {
margin-left: 0.5em;
}
.refresh {
width: 61px;
border: none;
}
}
}
// Payment Information
#payment-tabs {
.offsite,
.offsite-active,
.credit_card,
.credit_card-active,
.debit_card,
.debit_card-active,
.echeck,
.echeck-active,
.paypal,
.paypal-active {
@include transition;
width: 120px;
height: 25px;
background-position: center center;
background-repeat: no-repeat;
border-bottom: none;
@if( $dark-theme ) {
background-color: rgba( #FFFFFF, 0.2 );
border: 1px solid rgba( #FFFFFF, 0.3 );
} @else {
background-color: rgba( #000000, 0.2 );
border: 1px solid rgba( #000000, 0.3 );
}
@include bp( 600px ) {
width: 95px;
background-size: contain;
}
}
.offsite:hover,
.offsite-active,
.credit_card:hover,
.credit_card-active,
.debit_card:hover,
.debit_card-active,
.echeck:hover,
.echeck-active,
.paypal:hover,
.paypal-active {
background-position: center center;
background-repeat: no-repeat;
@if( $dark-theme ) {
background-color: rgba( #FFFFFF, 0.1 );
border-color: rgba( #FFFFFF, 0.2 );
} @else {
background-color: rgba( #000000, 0.1 );
border-color: rgba( #000000, 0.2 );
}
}
.offsite,
.offsite:hover,
.offsite-active,
.credit_card,
.credit_card:hover,
.credit_card-active {
@if( $dark-theme ) {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAZCAYAAAD6zOotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzRBQjBEN0ZENDE0MTFFNkFFQkFEQ0Y1Q0E0QzEyNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBQjBEODBENDE0MTFFNkFFQkFEQ0Y1Q0E0QzEyNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NEFCMEQ3REQ0MTQxMUU2QUVCQURDRjVDQTRDMTI0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NEFCMEQ3RUQ0MTQxMUU2QUVCQURDRjVDQTRDMTI0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmdehNUAAAJESURBVHja7Fm7TsMwFI2rbkyZ2FuxsLZiYswvwCe4n5COFVPzCe0nkE8gIxNqRpAQNDtTJjbUEEvH0q0peZG0brlHukoa2+3JPT7XbiKyLHMYp4sep4AFZrDADBaYcRD0OQXdQvREK7vYbJMJFthCcTebr9a+q4nItpboRR4PFmt3EH4vb+tsXw6WiBG5FuQx7eC+PCRzmEeSxxzHpSX8CnE9ezq6TZbEDI5V5UCMkfQuEOE3EiK4TfxOahftwkHKDRNyPSaOUm7z81ipvQHOHYzLECvDXT5pW+cxMBysS9Ma4xa4Jhvw8wg3zcUlPHT5VW33FfidlMAjJCMs6TdHQgWS7UOMMa7FJHke+k/QNilw6RBH3XfZgF+CdoHvGxgTRaKPar+tye/o/ybpmZuW9AuN5N/gc4zPS7JGeobDIox3G9xPFX4JJp0+j4321HD/n/g9zq7aceLdfhyckFJYhHhH6fSNsqivuzsESRvmoQo/aZRorwL3tvhZX6Jj3FzdEpXCNcKICG3ujqQ2QRk/vX6HBocy7m3xs15gLdQcQW9YlpRsaSTeJyVvRMZ7JRMoKdjklPFzDZfKCpO1Lr+fSe71t442r8EOWb8kEckp+Y8ZkB02TVyA4xTOWkDAqMAlAfr5GBfU4BdhLX0gQocVBK7Dr1BkhY/0s1bCz92z5k/A+IV/d/jtUeWmYs57QmxNkOfXd+fyYii6djCjItSz47ZeNihx2cGWoskz5F2o614W+B+AX/izwAwWmMECMw6DbwEGAPaMw7GBIAQtAAAAAElFTkSuQmCC' );
} @else {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAZCAYAAAD6zOotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk4MDYyODZENDE0MTFFNkEyQzhBQzJGNEZDQjYxRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk4MDYyODdENDE0MTFFNkEyQzhBQzJGNEZDQjYxRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTgwNjI4NEQ0MTQxMUU2QTJDOEFDMkY0RkNCNjFEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTgwNjI4NUQ0MTQxMUU2QTJDOEFDMkY0RkNCNjFEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhPn20UAAAJkSURBVHja7Fk9TsMwFI6rbkyZ2KlYWNuRMVyBI6RHSEfG5gjlCO0R0hOgZiwS0GZnoRMbirHRF+lh2sSO0hDK+6QnV/7L5/f5vTqOkFJ6jNNFj13AAjNYYAYLzPgV9NkFx4XoiUZOsTKXggXuoLh5/tHYXHVEdhJYCNGWb2bKLpTddFS7L37qFbNVfo8vW3l1ORBtRHAIG5K6WNnkCOsKlCXKBsoyZVOU9x3hV4rru4c/d8gKsYNTHdSwEZx+DCzxjIwI3iV+J3WK9hFBOhrGpD4lEaWjLVK20mcD/PYwTsJWRnRFpG2L9EwjuDiobDFuhrqwBr+AcCu4+ITHDGvQbXMLficl8BDOWFT0m8KhAs6OIMYIdSlxXoD+Y7SNS6J0gLLoe1+DX4Z2gfkujI0Soo9uv3Xk1z3ou2hbw+JlxQ5OiHgFVnASFUKinKKdYo55zAj2DkQuFUc6RlhCsowu3/Zs1r38Kv0l9NvNRyOm51o/b6SLXtpcIzgjqbAM6Z7UGRlpsajXtjP672ruVxt+oZGiAwvuTfHrfIpOsTjXFLVDqhaGLdHm73FqHVTxK/6/FwaHKu5N8eu8wIVQUyPl+iVp04NDQ8PxETklD8n4oGIDZSUpuIqfb0RpaLFZXfn9dHKv/61sE3WeGBPnRKR+YjEmMRwXo5wgsmYQcFkSJTH6RRgXO/Bb4mCWEKEXFgK78CsVWeN19+7k8HP/rP4NGH/wPx4OXVXmlj7vkZtDvUHWTxuvrZsshs0bSi5FUx8btLhtpWiGo8j6DrmJuVyjl1P0PwB/8GeBGSwwgwVm/A4+BRgAY2dvBF49oAUAAAAASUVORK5CYII=' );
}
}
.debit_card,
.debit_card:hover,
.debit_card-active {
@if( $dark-theme ) {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAZCAYAAAD6zOotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njk3RTVBQTVENDE0MTFFNkIxNzNFRjMyNEJENjhBMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njk3RTVBQTZENDE0MTFFNkIxNzNFRjMyNEJENjhBMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OTdFNUFBM0Q0MTQxMUU2QjE3M0VGMzI0QkQ2OEEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OTdFNUFBNEQ0MTQxMUU2QjE3M0VGMzI0QkQ2OEEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoMJhHoAAAJfSURBVHja7Fo7bsJAELVRLmD6KBIkTZSOHME+AjTpTZ8GurSmSY+LdGngCPgIuEsiRQFLUXq4QTZ29FYajdbmZxQ7zJNGXmyvvcybeTM22EopS/B/0RAXCMECIVggBAv+BGfiguPAbtildK/qW9lCcAXJXbx8lnatQ0gWia4B3j6Wqo4ZPEstSm1UEz+3Ulum5mHdhXh+/Kp1k+Vn5YHZHPvLDIAxxg6cWwQH5/M1daTJOqBEkPGYEBKWsDaPjN0tyJ2ReTrDBqkl8phUDvqpDVML4HAL2TMnGRWwOS4yUx8fsAweQBUmkEiVk8k+jveYfGbyvyYBSLObqo3+vMK4g+sVrf0kH5MiOCJzUAxisn232DdDRoUkADyc64OEmJEUImCy4+2c+7qYU5StCeYnWGPAlCYga7GIIjQRJLNdHHF3f16KQx+eqvWiY82c3kJWW4Q4KrdT4tAQY3eP+7bYvU0YkQCIiMrQ4zGRfJcpwPDUJdoiTluT8YrIXJc5NjEEiLPHfZMN83gDZsrGOOd7mIL3ZAn24YiYOKSJZkybxzKPE7GPI7Uy5JE8RjloG9ZQpESOgfStcXlzYdxumqOtSgS3UG99NFsWqYkTcl6HSXCXPMb4GEc5DncMAUHrtK6THRZwDgkcnenBFgRHaPIcUqN3gn6bxbeb5mirAsGKdLYOMmNKnNTD/jxpDBEAClk2zCF4CnJ0x20ixMM5c0NXPgTxCiUj2uK79VmJWddRpm35R8eRHFvSjw2v74vf7fVV2xaCK4ZD3iFT7EuuECxvsgRCsEAIFgjBgiPhR4ABAETLzXL7wPLfAAAAAElFTkSuQmCC' );
} @else {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAZCAYAAAD6zOotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjgxNkUzOUVENDE0MTFFNkEyMkVGMjc4RkNFNUM1RkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjgxNkUzOUZENDE0MTFFNkEyMkVGMjc4RkNFNUM1RkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODE2RTM5Q0Q0MTQxMUU2QTIyRUYyNzhGQ0U1QzVGQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODE2RTM5REQ0MTQxMUU2QTIyRUYyNzhGQ0U1QzVGQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phn9dp0AAAJlSURBVHja7Fq9TsJQFO41vkDZjQnoYtzwEdpHgMW97C6wuZbFnQ5uLvAI9BHopiZGaGLc4Q28tua7ycnJLb9Fi5wvOem1vZdevu/8tai01o7g/+JEKBCBBSKwQAQW/AlOhYL9QJ2oUrpX/aWVCFxBcafPH6V91i4iS4o+ALy+z/SvRrBSqox9jzOLM+sfCM/1zGaZ+VrreNXkp4fPg26ygrw8MJvgfFnIHWCAsQtyl8HFfL6npjRZO5QIMh4QQaIS9uaTsbeGuGOyzkRYN7NUHpPKQSezXmYhCHcQPRMSUSFb4yEyzfUui+AussIQKVIXRHKA620iroP0vyAOSKObZhvz9xzjJj5v2d6P8jEpBhE5QQmEyc/d4NwYERURB/AxN4AICRMpgsPk1xsF9/WwZlm0plifYo8hyzQh2YtDMkINTjLehIjbu7NSCL1/rNaLjgUjvY6odohwNN2OCKERxt4W962ze9vQJw4QkyxDryck5XssA/SOPUU7hLQFGc9JmmsxYlOLg7hb3DddsY43YLZoTAq+h815j1bgAEQkhJAamjFjPos8LsQ2RJrMUCTyAOWgYdnDskzkWkRfGxfX59bjqjXGqiRwHfU2QLPlkJo4JPOaLAW3yGNMgHFcQLhrcQhap02dbDKHc4njmEgP1xA4RpPnkhq9EczbLH5ctcZYFQTWpLN1ERkjQlIb54tSYwQH0IiyXoHAI4hjOm6bID7mTCxdeQ/Ca5SMeI3v1mElZnGIaVrJf3TsidiSfmx4eZv+HK8uG0oErhh2eYdMsa24IrC8yRKIwAIRWCACC/aEbwEGAH4v0HK3+072AAAAAElFTkSuQmCC' );
}
}
.echeck,
.echeck:hover,
.echeck-active {
@if( $dark-theme ) {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAZCAYAAAD6zOotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdGNzU3OUJENDM3MTFFNjgxNzNDMDMyREI1N0YzMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdGNzU3OUNENDM3MTFFNjgxNzNDMDMyREI1N0YzMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4N0Y3NTc5OUQ0MzcxMUU2ODE3M0MwMzJEQjU3RjMwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4N0Y3NTc5QUQ0MzcxMUU2ODE3M0MwMzJEQjU3RjMwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppo37QMAAAIfSURBVHja7JqxSsNAGMcTcVIUAoJ7i4O2W7u5NuILtI/QzoKQTg5ODQgKLqaPUF9ATFY3s7U6SH0E+wjxDv7B82jar9qzSf3+8JHmcncJ+d33v7tQO0kSi7W+2uBXwIBZDJjFgFkMmLV8bfIroOnk1DW+3Xh8CG0GvEIdX18Z6/vp7Nx6eRsnRwdl+z8B9kQ0RLhL7jdBn5HJh784rJLqXb4OC2PRJRHjKeUdEf2MNjWAbCpl8sW38jjihqPR3DrVSmXt52Bqdki4oYhYRFnEuwhHRFvEJI+AF4FnMjOLYtE9QFUtWIL1NVd4xmBIs9vV+vDwO4ZbxDhv47ozw0mkcwRwjIiSwRKyesyCT8l20xm/asByfu0SbF/WqSsZ72EQeIBYB1QJagA3qOE8heqgL91BBkp7Mgz9mFerNrUPDrGQSaOUAc4iWPG7ktGxBqIJeGlZH/3WcC1WMnaitS3hOV0qXN4Hz56DA2SbbrMOAXCWHGSxN6XcmTN4eoQ639N9d8/cNqlgGWxlrKRthKuAbvyiz3S+trWIcG3W4PFRb0AYZJzBP1QXC6gQi5yJsv/1Ce3vUTdSHMNT4KVzdF+Z8yPF7vu4f0DZltW3dhiwMgdT9sExslna5YcGjiJ/yv0iBXAHfQfKc+gO0NIWbpnad7YLB9jmf3TQ9Bffom9u76xlf6pkwAtIfis2fQ8GzMrtKprFgFkMmMWAWV/6FGAAjFSUW2+3OpUAAAAASUVORK5CYII=' );
} @else {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAZCAYAAAD6zOotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODEyQUNCMkJENDM3MTFFNjg1MjhDQjcwNUJFNjk5NkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODEyQUNCMkNENDM3MTFFNjg1MjhDQjcwNUJFNjk5NkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MTJBQ0IyOUQ0MzcxMUU2ODUyOENCNzA1QkU2OTk2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MTJBQ0IyQUQ0MzcxMUU2ODUyOENCNzA1QkU2OTk2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4gG1cAAAInSURBVHja7JrBSsNAEIaz4klRCAjeWzxoe2tvXhvxBdpHaM+CkJ48eGpAUPBi8gj1BcTk6s3cWj1I+wj2EeIuTHC6NulUE5uU+WFIs9ndhHw7/+6GiiiKDNbmaotfAQNmMWAWA2YxYFb22uZXQNPZuZX7duP5yRcMeI06vb3Jre+Xi0vj7WMSnRxVRWEBC5H5ALRltGRYGfcbQZ/BXGHG3wSujuuketfvo9JYdEXGZEF5T4aX0KYBINuoTL34ThGzeDQeL61Tr9U2fg7+kR0pcH0ZoYyqjKkMU0ZXxqyIgFeBl2dmlmUOHgBUbMEKrKO5wisMhji7La0PG36H4BYhnHfhupniJMo5XHCMgJLBCjI+JsGnZHveGb9uwGp+7RNsX9Vpooy3YRDYALEJUBWoIbhBA85jqCb0pTvIELUnw9CPRbXqvPbBPixk4qgkgDMIVjxFGR1qINoALy7zoN8GXAtRxs60thV4TosKl/fB6XOwC9mm26xJAJwkE7LYXlBuLhk8A0Kd+XTfP8hvm1SyDDYSVtICwkKgW3/oM56vhRYBXEsbPA7UGxIGGWfwL9WHBZQPi5wZ2v86hPaPUDdAjmEjePEc7aE5P0B278H9Xcq2rLmzx4DRHEzZB4eQzcouPzVwFDkL7hcgwD3o20XPoTtAR1u4JerQ3C0dYMH/6KDpP75F390/GFl/qmTAK0h9K877HgyYVdhVNIsBsxgwiwGzvvUlwAA9B5dbmjL4YwAAAABJRU5ErkJggg==' );
}
}
.paypal,
.paypal:hover,
.paypal-active {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAZCAYAAAD6zOotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA3MTU3RjBENDM5MTFFNkEwMDBFNjY3MkYzMzg4NjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA3MTU3RjFENDM5MTFFNkEwMDBFNjY3MkYzMzg4NjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDcxNTdFRUQ0MzkxMUU2QTAwMEU2NjcyRjMzODg2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDcxNTdFRkQ0MzkxMUU2QTAwMEU2NjcyRjMzODg2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgjIpUgAAAgQSURBVHja7FoJUJVV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' );
}
#payment-tab-container {
label {
margin-right: 0;
}
select,
select.expanding {
width: calc( 100px - 0.8em );
@include bp( $mobile ) {
width: calc( 50% - 0.55em );
}
&[name*="Type"] {
width: 200px;
@include bp( $mobile ) {
width: 100%;
}
}
}
.slash {
position: relative;
display: inline-block;
width: 0;
color: transparent;
&:before {
@include transform( rotate( 15deg ) );
content: '';
position: absolute;
top: 0.3em;
width: 1px;
height: 100%;
@if( $dark-theme ) {
background: rgba( #FFFFFF, 0.3 );
} @else {
background: rgba( #000000, 0.3 );
}
@include bp( $mobile ) {
margin-left: -0.2em;
}
}
}
.left {
float: none;
display: inline-block;
vertical-align: top;
margin: 0;
@include bp( $mobile ) {
display: block;
}
}
.debit-card-instructions {
display: inline-block;
vertical-align: top;
width: calc( 100% - 200px - 20em );
padding-left: 2em;
font-size: 0.75em;
line-height: 1.5;
@include bp( $mobile ) {
display: block;
width: 100%;
margin-top: 1em;
padding-left: 0;
}
}
}
}
// Other Information
#custom-fields {
label {
text-align: left;
}
table {
margin: 0;
}
}
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Login / Register Pages
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
.portal-page {
.login-wrapper {
@include flexbox;
@include justify-content( space-between );
@include bp( $mobile ) {
@include flex-direction( column );
}
.leftcol,
.rightcol {
float: none;
width: 40%;
margin: 0;
@include bp( $mobile ) {
width: 100%;
}
h2,
fieldset {
@include border-radius( 0 );
margin: 0;
background: none;
border: none !important;
}
h2 {
@if( $dark-theme ) {
border-bottom: 1px solid rgba( #FFFFFF, 0.2 ) !important;
} @else {
border-bottom: 1px solid rgba( #000000, 0.2 ) !important;
}
}
fieldset {
> p {
@include flexbox;
label {
width: 100px;
}
input {
width: 100%;
}
&.portal-actions {
display: block;
input {
width: auto;
padding: 0.25em 2em;
}
}
}
}
.signin-link,
.register-link {
background: transparent;
}
}
.rightcol {
@include bp( $mobile ) {
margin-top: 2.5em;
}
}
}
}
/* Store */
ul#cats{
text-align: left;
padding: 0 0 10px;
margin: 0;
background: none;
list-style: none;
li{
a{
color: #fff;
text-decoration: none;
display: block;
padding: 8px 15px;
&:hover{
background: $accent1;
}
&:active,&:focus{
background: darken($accent1,20%);
}
}
ul{
li{
list-style: none;
a{
padding: 8px 8px;
}
}
}
}
}