@font-face {
font-family: 'Okomito';
font-style: normal;
font-display: swap;
src: url(//frankiebakes.com/wp-content/themes/frankiebakes/fonts/Okomito-Regular.woff2) format('woff2'), url(//frankiebakes.com/wp-content/themes/frankiebakes/fonts/Okomito-Regular.woff) format('woff'); }
@font-face {
font-family: 'TradeGothicStdBoldExtended';
font-style: normal;
font-display: swap;
src: url(//frankiebakes.com/wp-content/themes/frankiebakes/fonts/TradeGothicStdBoldExtended/font.woff2) format('woff2'), url(//frankiebakes.com/wp-content/themes/frankiebakes/fonts/TradeGothicStdBoldExtended/font.woff) format('woff'); }
:root {
--theme-font-family: Okomito, -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol';
--theme-headings-font-family: TradeGothicStdBoldExtended, -apple-system,
BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--frankiebakes-dark-green: #073716;
--frankiebakes-dark-green-rgb: 7, 55, 22;
--frankiebakes-sage-green: #76a689;
--frankiebakes-sage-green-rgb: 118, 166, 137;
--frankiebakes-light-green: #99b881;
--frankiebakes-light-green-rgb: 153, 184, 129;
--frankiebakes-light-green-2: #e6e8e1;
--frankiebakes-light-green-2-rgb: 230, 232, 225;
--frankiebakes-charcoal: #343432;
--frankiebakes-charcoal-rgb: 52, 52, 50;
--frankiebakes-warm-grey: #94908e;
--frankiebakes-warm-grey-rgb: 148, 144, 142;
--frankiebakes-light-border-color: #dfdfdf;
--frankiebakes-light-border-color-rgb: 223, 223, 223;
--frankiebakes-light-grey: #f1f1f1;
--frankiebakes-light-grey-rgb: 241, 241, 241;
--frankiebakes-white: #fff;
--mix-and-match-gap-size: 20px;
--border-radius: 10px;
--box-shadow-inner: rgb(255, 255, 255) 0px 0px 0px 0px,
rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
--box-shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
--box-shadow-md: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
--box-shadow-lg: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
--box-shadow-xl: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
rgba(0, 0, 0, 0) 0px 0px 0px 0px, 0 20px 25px -5px rgb(84 54 48 / 0.05),
0 8px 10px -6px rgb(84 54 48 / 0.05);
}
.skip-link {
background-color: #24292e;
color: #fff;
padding: 10px 20px;
}
.show-on-focus {
position: absolute;
width: 1px;
height: 1px;
margin: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
top: 0;
left: 0;
}
.show-on-focus:focus {
z-index: 100;
width: auto;
height: auto;
clip: auto;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.w-full {
width: 100%;
}
.h-full {
height: 100%;
}
.shadow-sm {
box-shadow: var(--box-shadow-sm);
}
.shadow-md {
box-shadow: var(--box-shadow-md);
}
.shadow-lg {
box-shadow: var(--box-shadow-lg);
}
.shadow-xl {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
0 8px 10px -6px var(--tw-shadow-color);
--tw-shadow: var(--tw-shadow-colored);
--tw-shadow-color: rgb(84 54 48 / 0.05);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
.underline-wavy {
background-image: linear-gradient(
45deg,
transparent 65%,
var(--frankiebakes-sage-green) 80%,
transparent 90%
),
linear-gradient(
135deg,
transparent 5%,
var(--frankiebakes-sage-green) 15%,
transparent 25%
),
linear-gradient(
135deg,
transparent 45%,
var(--frankiebakes-sage-green) 55%,
transparent 65%
),
linear-gradient(
45deg,
transparent 25%,
var(--frankiebakes-sage-green) 35%,
transparent 50%
);
background-repeat: repeat-x;
background-size: 16px 4px;
background-position: 0 98%;
}
.underline-wavy.dark {
background-image: linear-gradient(
45deg,
transparent 65%,
var(--frankiebakes-dark-green) 80%,
transparent 90%
),
linear-gradient(
135deg,
transparent 5%,
var(--frankiebakes-dark-green) 15%,
transparent 25%
),
linear-gradient(
135deg,
transparent 45%,
var(--frankiebakes-dark-green) 55%,
transparent 65%
),
linear-gradient(
45deg,
transparent 25%,
var(--frankiebakes-dark-green) 35%,
transparent 50%
);
background-repeat: repeat-x;
background-size: 16px 4px;
background-position: 0 98%;
}
.underline-wavy.light {
background-image: linear-gradient(
45deg,
transparent 65%,
var(--frankiebakes-light-grey) 80%,
transparent 90%
),
linear-gradient(
135deg,
transparent 5%,
var(--frankiebakes-light-grey) 15%,
transparent 25%
),
linear-gradient(
135deg,
transparent 45%,
var(--frankiebakes-light-grey) 55%,
transparent 65%
),
linear-gradient(
45deg,
transparent 25%,
var(--frankiebakes-light-grey) 35%,
transparent 50%
);
background-repeat: repeat-x;
background-size: 16px 4px;
background-position: 0 98%;
}
mark {
margin: 0 -0.4em;
padding: 0.1em 0.4em;
border-radius: 0.8em 0.1em 0.8em 0.3em;
background: transparent;
background-image: linear-gradient(
to right,
rgba(118, 166, 137, 0.1),
rgba(118, 166, 137, 0.7) 4%,
rgba(118, 166, 137, 0.2) 98%,
rgba(118, 166, 137, 0.1) 99%
);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
mark.subtle {
margin: 0 -0.25rem;
padding: 0 0.25rem;
border-radius: unset;
background: unset; background-image: linear-gradient(
to right,
rgba(118, 166, 137, 0.05),
rgba(118, 166, 137, 0.2) 4%,
rgba(118, 166, 137, 0.1) 98%,
rgba(118, 166, 137, 0.05) 99%
);
line-height: 1.25;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--theme-headings-font-family);
font-weight: normal;
text-transform: uppercase;
}
#header,
nav[class*='menu'] .ct-menu-link {
font-family: var(--theme-headings-font-family) !important;
font-weight: normal;
text-transform: uppercase !important;
position: relative;
top: 1;
}
.woocommerce-Price-amount.amount {
--theme-font-size: 12px;
font-family: var(--theme-headings-font-family) !important;
font-size: var(--theme-font-size);
font-weight: normal;
}
.hidden {
display: none;
}
.text-shadow * {
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.button,
.ct-button,
.entry-tags a,
.added_to_cart,
[type='submit'],
.wp-element-button,
.wp-block-button__link,
button.regform-button,
button[class*='ajax'],
.woocommerce button.button,
.woocommerce-message .showlogin,
.woocommerce-message .restore-item,
.forminator-ui[data-design='none'] .forminator-button,
.fluentform .ff-el-group button.ff-btn {
--theme-button-min-height: 36px;
font-family: var(--theme-headings-font-family);
font-weight: normal;
text-transform: uppercase;
font-size: calc(var(--theme-font-size) * 0.7);
padding: 0 20px;
line-height: 1;
} .hero-container-bg-img,
.hero-container > img {
object-fit: cover !important;
height: 100% !important;
width: 100% !important;
vertical-align: top;
}
.hero-container-bg-img.mobile,
.hero-container-mobile > img {
object-position: center;
}  .xoo-wsc-header {
font-family: var(--theme-headings-font-family);
font-weight: normal;
text-transform: uppercase;
}
.xoo-wsc-empty-cart .button.btn {
color: var(--theme-button-text-initial-color);
} .wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-info,
.wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-success,
.wc-block-components-notice-snackbar-list
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-snackbar-list
.wc-block-components-notice-banner.is-success {
background-color: var(--frankiebakes-dark-green);
color: var(--frankiebakes-white);
} #fkcart-floating-toggler .fkcart-item-count {
top: -12px;
right: -12px;
left: auto;
}
header [data-transparent-row='yes'] .fkcart-shortcode-icon-wrap svg {
fill: var(--frankiebakes-light-grey);
}
header
[data-transparent-row='yes']
.fkcart-shortcode-container
.fkcart-shortcode-price {
color: var(--frankiebakes-light-grey);
}
#fkcart-modal .fkcart-preview-ui .fkcart-slider-heading .fkcart-title,
.fkcart-title {
font-family: var(--theme-headings-font-family) !important;
font-weight: normal;
text-transform: uppercase !important;
}
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-image-wrapper img {
border: 1px solid var(--frankiebakes-warm-grey);
}
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-remove-item {
top: 5px;
}
#fkcart-modal .fkcart-slider-body .fkcart-item-wrap .fkcart--item {
padding: 10px 15px;
margin: 10px 15px;
border-radius: 5px;
box-shadow: var(--box-shadow-md);
background-color: var(--frankiebakes-white);
}
#fkcart-modal
.fkcart-item-wrap
.fkcart--item
.fkcart-item-meta-content
.fkcart-attr-wrap {
margin: 0.5rem 0;
background: var(--frankiebakes-light-grey);
padding: 0.5rem;
}
.wpr-advanced-text * {
font-size: var(--theme-font-size);
}
.elementor-button {
background-color: var(--frankiebakes-dark-green);
color: var(--frankiebakes-white);
}
.elementor-button:hover {
background-color: var(--frankiebakes-sage-green);
} .woocommerce-mini-cart__buttons.buttons {
grid-template-columns: 1fr;
}
.woocommerce-mini-cart__buttons .button:not(.checkout) {
display: none;
} [data-swatches-type='button'] .ct-swatch {
border-width: 1px;
}
.woocommerce-tabs[data-type*='type-3'] .ct-accordion-heading {
border-top: none;
}
.woocommerce-variation-price .woocommerce-Price-amount.amount {
font-size: 1rem;
}
form.variations_form table.variations th.label label {
font-weight: 900;
}
.shop-tag-container {
margin-bottom: 4rem;
}
.shop-tag-container h2.shop-tag-title {
font-size: var(--wp--preset--font-size--large);
font-weight: 900;
text-transform: uppercase;
text-align: center;
margin-bottom: 0rem;
line-height: 1.2;
}
.shop-tag-container .shop-tag-description {
font-size: var(--wp--preset--font-size--medium);
font-weight: 400;
text-align: center;
}
.shop-tag-navigation {
margin-bottom: 3rem;
margin-top: 2rem;
text-align: center;
}
.shop-tag-links {
display: inline-flex;
justify-content: center;
gap: 1rem;
margin-bottom: 2rem;
padding: 0;
text-align: center;
background: var(--frankiebakes-light-green-2);
display: inline-flex;
padding: 1rem;
border-radius: 25px;
}
.shop-tag-links li {
list-style: none;
border: 1px solid var(--frankiebakes-light-green);
border-radius: var(--border-radius);
font-size: var(--wp--preset--font-size--small);
}
.shop-tag-links li:hover {
text-decoration: none;
background-color: var(--frankiebakes-light-green);
max-width: fit-content;
}
.shop-tag-links li a {
display: inline-block;
text-decoration: none;
color: var(--frankiebakes-dark-green);
padding: 0.25rem 0.5rem;
}
@media (max-width: 768px) {
.shop-tag-links li a {
padding: 0.25rem 0.35rem;
}
} .ct-container-full { }
.product.product-type-mix_and_match {
position: relative;
}
.mix-and-match-product-image {
position: absolute;
top: -80px; left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.5;
}
.mix-and-match-product-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.5;
}
.woosuite-mix-and-match-product-description {
padding-bottom: 0;
}
.woosuite-mix-and-match-product-description p {
margin-bottom: 0;
}
.woosuite-mix-and-match-product-description p.small {
margin-bottom: 1rem;
}
.product-type-mix_and_match .product-entry-wrapper,
.product-type-mix_and_match .product-entry-wrapper {
flex-wrap: wrap;
}
.product-type-mix_and_match .entry-summary .entry-title,
.product-type-mix_and_match .entry-summary .ct-product-content-block,
.product-type-mix_and_match .entry-summary .price,
.product-type-mix_and_match
.entry-summary
.woocommerce-product-details__short-description {
display: none;
}
.woosuite-mix-and-match-product-description-inner {
display: inline-flex;
flex-direction: column;
flex-wrap: wrap;
gap: 0.25rem;
}
.woosuite-mix-and-match-product-description-inner-content {
flex: 1;
}
.box-size-links {
--swatch-size: 35px;
--swatch-border-radius: 3px;
--swatches-gap: 10px;
--swatch-button-border-color: var(--theme-palette-color-3);
display: inline-block;
background-color: var(--frankiebakes-light-green-2);
border: 1px solid var(--frankiebakes-light-green);
border-radius: var(--border-radius);
padding: 0.5rem;
}
.box-size-links p {
margin-bottom: 0;
}
.box-size-links ul {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style: none;
}
.box-size-links ul li {
display: flex;
justify-content: center;
position: relative;
border-radius: var(--swatch-border-radius);
}
.box-size-links ul li a {
position: relative;
cursor: pointer;
overflow: clip;
border-radius: inherit;
height: var(--swatch-size, 30px);
display: flex;
align-items: center;
justify-content: center;
min-width: var(--swatch-size);
padding: 0 calc(var(--swatch-size) / 3.5);
font-size: calc(var(--swatch-size) / 2.5);
font-weight: 600;
line-height: 1;
color: var(--swatch-button-text-color);
background: var(--swatch-button-background-color);
border: 1px solid var(--swatch-button-border-color, var(--theme-border-color));
transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),
background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),
border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.box-size-links ul li a:hover {
--swatch-button-border-color: var(--theme-palette-color-1);
--swatch-button-background-color: var(--theme-palette-color-1);
--swatch-button-text-color: var(--frankiebakes-white);
} .new-flavor-badge {
position: absolute;
top: 0;
left: 0;
transform: rotate(-8deg);
}
.new-flavor-badge span {
fill: var(--frankiebakes-sage-green);
height: 54px;
width: 54px;
}
.new-flavor-badge.small span {
height: 44px;
width: 44px;
}
.new-flavor-badge svg {
width: 54px;
height: 54px;
animation: spin 20s linear infinite;
}
.new-flavor-badge.small svg {
width: 44px;
height: 44px;
}
.new-flavor-badge.small .new-flavor-badge-text {
font-size: 11px;
}
.new-flavor-badge .new-flavor-badge-text {
position: absolute;
top: 50%;
left: 50%;
font-size: 13px;
font-weight: bold;
color: white;
font-family: 'Trade Gothic Extended';
line-height: 1;
margin: 0;
transform: translateX(-50%) translateY(-50%);
}
.woosuite-mix-and-match-wrapper {
flex-basis: 100%;
padding-bottom: 2rem;
}
.woosuite-mix-and-match-wrapper h2 {
--theme-font-size: 30px;
text-align: left;
margin-bottom: var(--product-element-spacing, 0);
}
.woosuite-mix-and-match-wrapper p.description {
margin-bottom: 5px;
}
.woosuite-mix-and-match-progress-container {
--mix-and-match-gap-size: 5px;
margin-bottom: 24px;
display: flex;
flex-wrap: wrap;
gap: calc(var(--mix-and-match-gap-size) * 4);
align-items: start;
}
.woosuite-mix-and-match-progress-wrap {
flex-basis: 100%;
float: none;
width: auto;
gap: 20px;
margin-bottom: 0rem;
}
.woosuite-mix-and-match-box-count {
background-color: var(--frankiebakes-charcoal);
color: var(--frankiebakes-white);
}
.woosuite-mix-and-match-box-count::after {
border-top-color: var(--frankiebakes-charcoal);
}
.woosuite-mix-and-match-progress-bar {
border-color: var(--frankiebakes-charcoal);
}
.woosuite-mix-and-match-filled-part {
background-color: var(--frankiebakes-light-green);
}
.woosuite-mix-and-match-calculated-price-wrap {
margin-left: 0;
align-items: end;
width: auto;
}
.woosuite-mix-and-match-calculated-price-wrap
.woosuite-mix-and-match-calculated-price {
color: var(--frankiebakes-dark-green);
}
.woosuite-mix-and-match-column {
margin: 0;
display: flex;
width: 50%;
flex-direction: row;
flex-wrap: wrap;
flex: 1;
gap: var(--mix-and-match-gap-size);
justify-content: start;
align-items: stretch;
}
.woosuite-mix-and-match-item {
height: auto !important;
width: calc(100% / 4 - var(--mix-and-match-gap-size));
aspect-ratio: 1 / 1;
line-height: 1;
padding: 8px;
margin: 0;
float: none;
border: 1px solid transparent;
border-radius: 5px;
}
.woosuite-mix-and-match-available .woosuite-mix-and-match-item {
width: calc(100% / 3 - var(--mix-and-match-gap-size));
}
.woosuite-mix-and-match-available .woosuite-mix-and-match-item img {
width: 85% !important;
}
.woosuite-mix-and-match-available
.woosuite-mix-and-match-item
.new-flavor-badge {
top: 0.5rem;
left: 0.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
.woosuite-mix-and-match-available
.woosuite-mix-and-match-item
.new-flavor-badge
span {
height: 44px;
width: 44px;
}
.woosuite-mix-and-match-available
.woosuite-mix-and-match-item
.new-flavor-badge
svg {
width: 44px;
height: 44px;
}
.woosuite-mix-and-match-available
.woosuite-mix-and-match-item
.new-flavor-badge
.new-flavor-badge-text {
font-size: 11px;
}
.woosuite-mix-and-match-selected
.woosuite-mix-and-match-item
.new-flavor-badge {
display: none;
}
.woosuite-mix-and-match-item-title,
.woosuite-mix-and-match-item p {
line-height: 1;
font-size: calc(var(--theme-font-size) * 0.75);
}
.woosuite-mix-and-match-selected {
position: relative;
left: 5px;
}
.woosuite-mix-and-match-item:hover {
border-color: var(--frankiebakes-light-border-color);
background-color: var(--frankiebakes-white);
box-shadow: var(--box-shadow-md);
}
.woosuite-mix-and-match-available .woosuite-mix-and-match-item:hover {
background-color: var(--frankiebakes-charcoal);
color: white;
box-shadow: none;
}
.woosuite-mix-and-match-available
.woosuite-mix-and-match-item:hover
.dashicons {
color: white;
}
.woosuite-mix-and-match-selected:before {
content: 'Your Selection';
font-size: 0.75rem;
position: absolute;
top: -1.2rem;
font-family: 'Trade Gothic Extended';
text-transform: uppercase;
font-weight: bold;
}
.woosuite-mix-and-match-selected .woosuite-mix-and-match-item {
background-color: var(--frankiebakes-white);
border-color: var(--frankiebakes-light-grey);
box-shadow: var(--box-shadow-md);
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-evenly;
} .woosuite-mix-and-match-selected .woosuite-mix-and-match-item[data-product-id] {
background-color: var(--frankiebakes-sage-green);
border-color: var(--frankiebakes-sage-green);
color: var(--frankiebakes-white);
}
.woosuite-mix-and-match-selected .woosuite-mix-and-match-item:before {
position: absolute;
}
.woosuite-mix-and-match-selected .woosuite-mix-and-match-item:hover {
border-color: var(--frankiebakes-warm-grey);
}
.woosuite-mix-and-match-checkout-options {
display: flex;
gap: 20px;
}
.woosuite-mix-and-match-box {
flex: 1;
background: var(--frankiebakes-white);
border-radius: 5px;
border: 1px solid var(--frankiebakes-light-border-color); box-shadow: var(--box-shadow-md);
}
.woosuite-mix-and-match-box textarea {
height: 100px;
}
.woosuite-mix-and-match-cart-item,
.woosuite-mix-and-match-cart-item td {
border: 0;
text-transform: none;
}
.woosuite-mix-and-match-cart-item td {
border-bottom: 1px dotted var(--frankiebakes-light-green);
padding: var(--theme-table-padding, 0.2em 1em);
vertical-align: top;
font-size: 0.85rem;
}
.woosuite-mix-and-match-cart-item td.cart-item-qty {
white-space: nowrap;
} #orddd_time_slot ul li {
cursor: pointer;
}
#orddd_time_slot ul li.is-active {
border-color: var(--frankiebakes-sage-green);
border-width: 2px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
background-color: rgba(var(--frankiebakes-light-green-rgb), 0.1);
border-color: var(--frankiebakes-light-green);
}
.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-checkout-order-summary__title-text {
font-family: var(--theme-headings-font-family);
text-transform: uppercase;
}
.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-order-summary-item__image
> img {
border-radius: var(--border-radius);
}
.woocommerce-checkout
.wc-block-components-sidebar
.wc-block-components-totals-wrapper,
.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-totals-block {
border-color: var(--frankiebakes-light-green);
}
.woocommerce-checkout .wc-block-components-product-metadata__description {
display: none;
} .wc-block-checkout__terms.wc-block-checkout__terms--with-separator
.wc-block-components-checkbox__label {
display: block;
} .woocommerce-thankyou-order-received {
padding-inline-start: 0;
}
.woocommerce-thankyou-order-received:before {
display: none;
}
.woocommerce-thankyou-order-details {
border: 0;
justify-content: space-between;
}
.elementor-widget-woocommerce-purchase-summary
.woocommerce
.woocommerce-table--order-details {
margin-bottom: 3rem;
}
.elementor-widget-woocommerce-purchase-summary
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
td,
.elementor-widget-woocommerce-purchase-summary
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
td
.woocommerce-Price-amount,
.elementor-widget-woocommerce-purchase-summary
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
td
.woocommerce-Price-currencySymbol {
font: inherit;
text-transform: none;
font-family: var(--theme-font-family) !important;
color: var(--frankiebakes-charcoal);
vertical-align: top;
}
.woocommerce-table__product-name.product-name
> .woosuite-mix-and-match-cart-item {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 1rem;
width: calc(100% - 1rem);
background: #eee;
border-bottom: 1px dashed var(--frankiebakes-warm-grey);
}
.woocommerce-table__product-name.product-name
> .woosuite-mix-and-match-cart-item
td.cart-item-name {
padding-left: 1rem;
padding-right: 0.5rem;
}
.woocommerce-table__product-name.product-name
> .woosuite-mix-and-match-cart-item
td {
border-top-color: var(--frankiebakes-warm-grey);
border-top-style: dashed;
}
.elementor-widget-woocommerce-purchase-summary .woocommerce address {
color: var(--frankiebakes-charcoal);
padding: 1rem 0;
}
.woocommerce-order-received #order-received-heading h2 {
margin: 0;
} @media (max-width: 768px) {
#footer { padding-bottom: 100px;
}
.woosuite-mix-and-match-progress-container {
margin-top: 3rem;
}
.woosuite-mix-and-match-available .woosuite-mix-and-match-item {
width: calc(100% / 2 - var(--mix-and-match-gap-size));
}
.woosuite-mix-and-match-selected {
position: fixed;
bottom: 0;
background: var(--frankiebakes-dark-green);
padding: 25px 15px 10px;
left: 0;
width: 100%;
z-index: 100000;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: scroll;
display: flex;
justify-content: space-evenly;
gap: 1rem;
}
.woosuite-mix-and-match-selected:before {
top: 5px;
font-size: 0.75rem;
color: var(--frankiebakes-white);
}
.woosuite-mix-and-match-selected .woosuite-mix-and-match-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
flex-shrink: 0;
flex-grow: 0;
width: 5rem;
border-radius: 50%;
}
.woosuite-mix-and-match-available .dashicons {
font-size: 5.5vw;
}
.woosuite-mix-and-match-selected .dashicons {
font-size: 5.5vw;
}
.woosuite-mix-and-match-selected .woosuite-mix-and-match-item img {
width: 100% !important;
}
.woosuite-mix-and-match-selected .woosuite-mix-and-match-item p {
display: none;
}
.woosuite-mix-and-match-checkout-options {
flex-direction: column;
}
.woosuite-mix-and-match-checkout-options .woosuite-mix-and-match-column {
width: 100%;
}
} .eael-product-grid .products .product {
box-shadow: var(--box-shadow-xl) !important;
}  .echo-rewards-floatingwidget {
background-color: var(--frankiebakes-light-green);
color: var(--frankiebakes-dark-green);
font-family: var(--theme-headings-font-family) !important;
text-transform: uppercase;
font-size: 1rem;
}
.echo-rewards-floatingwidget:hover {
background: var(--frankiebakes-light-green) !important;
color: var(--frankiebakes-white) !important;
}
.echo-rewards-floatingwidget .icon {
display: none;
} .echorewards-modal-inner {
max-width: 600px !important;
}
.echorewards-modal-header .ecre-text-lg {
font-family: var(--theme-headings-font-family) !important;
text-transform: uppercase;
}
.echorewards-modal-body {
padding: 1.5rem;
}
.echorewards-modal-body .reward-coupon {
max-width: 80%;
display: flex;
flex-direction: column;
justify-self: center;
}
.echorewards-modal-body .reward-coupon .ecre-text-\[\#5257C4\] {
color: var(--frankiebakes-dark-green);
}
.echorewards-modal-body .reward-coupon .ecre-text-\[\#D857ED\] {
color: var(--frankiebakes-sage-green);
}
.echorewards-modal-body .ecre-text-2xl {
font-family: var(--theme-headings-font-family) !important;
text-transform: uppercase;
}
.echorewards-modal-body .ecre-text-xs {
font-family: var(--theme-font-family) !important;
font-size: 1rem !important;
}
.echorewards-modal-body button {
min-height: var(--theme-button-min-height);
background: var(--frankiebakes-light-green) !important;
border-radius: 25px;
padding: 0 20px;
color: var(--frankiebakes-dark-green) !important;
font-family: var(--theme-headings-font-family);
font-weight: normal;
text-transform: uppercase;
font-size: calc(var(--theme-font-size) * 0.7);
line-height: 1;
}
.echorewards-modal-body .share-link button {
padding: 0 0.5rem;
min-height: 25px;
}
.echorewards-modal-body button:hover {
background: var(--frankiebakes-light-green) !important;
color: var(--frankiebakes-white) !important;
}
.echorewards-modal-body button .icon {
display: none;
}
.echorewards-modal-body .share-link button .icon {
display: block;
}
.ecre_referral_card_shortcode .reward-coupon {
background-color: var(--frankiebakes-sage-green);
color: var(--frankiebakes-dark-green);
border-color: var(--frankiebakes-sage-green);
}
.ecre_referral_card_shortcode .reward-coupon * {
color: var(--frankiebakes-dark-green);
}
.ecre_referral_card_shortcode .reward-coupon .btn-box button:hover,
.ecre_referral_card_shortcode .reward-coupon .btn-box button:hover *,
.ecre_referral_card_shortcode
.reward-coupon
.share-link
.ecre-btn-box
button:hover,
.ecre_referral_card_shortcode
.reward-coupon
.share-link
.ecre-btn-box
button:hover
* {
transition: none;
background-color: var(--frankiebakes-dark-green);
color: var(--frankiebakes-white);
}
.ecre_referral_card_shortcode .reward-coupon .share-link input {
border-color: var(--frankiebakes-dark-green) !important;
color: var(--frankiebakes-dark-green) !important;
}
.ecre_referral_card_shortcode .reward-coupon .icon path {
fill: currentColor;
}
.echorewards-modal.social-share
.echorewards-modal-inner
.echorewards-modal-header {
font-family: var(--theme-headings-font-family);
text-transform: uppercase;
} .fb-top-bar {
background-color: var(--frankiebakes-dark-green);
color: var(--frankiebakes-white);
font-family: var(--theme-font-family) !important;
text-align: center;
padding: 0.5em 1em;
font-size: 1rem;
font-weight: 500;
font-family: inherit;
}
.wp-singular.product-template-default .ct-container-full {
padding-top: 110px;
}
@media (max-width: 480px) {
#header [data-row*='top'] .ct-container-fluid {
width: 100%;
}
.fb-top-bar {
font-size: 0.9rem;
padding: 0.5em;
}
.wp-singular.product-template-default .ct-container-full {
padding-top: 100px;
}
} #woo-cart-panel .ct-panel-heading {
text-transform: uppercase;
font-family: var(--theme-headings-font-family);
font-size: 1.2rem;
}
#woo-cart-panel .woocommerce-mini-cart-item .wpr-mini-cart-remove {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
#woo-cart-panel .woocommerce-mini-cart-item .wpr-mini-cart-remove .remove {
top: 50%;
transform: translateY(-50%);
}
#woo-cart-panel .woocommerce-mini-cart-item .wpr-mini-cart-name {
font-size: 16px;
}
#woo-cart-panel .woocommerce-mini-cart-item .wpr-mini-cart-image {
overflow: hidden;
border-radius: var(--border-radius);
}
#woo-cart-panel .woocommerce-mini-cart__total {
border-top: 1px dashed var(--frankiebakes-light-border-color);
border-bottom: 1px dashed var(--frankiebakes-light-border-color);
padding-bottom: var(--mini-cart-items-spacing, 20px);
font-family: var(--theme-headings-font-family);
} #woo-cart-panel .woocommerce-mini-cart-item.processing:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg);
width: 32px;
height: 32px;
border: 3px solid #e0e0e0;
border-top: 3px solid var(--frankiebakes-light-green, #3c7d52);
border-radius: 50%;
animation: fb-spin 0.8s linear infinite;
box-sizing: border-box;
}
@keyframes fb-spin {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
} .fb-products-grid {
--fb-card-radius: 10px;
--fb-img-radius: 10px 10px 0 0;
--fb-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
--fb-border: 1px solid rgba(0, 0, 0, 0.06);
--fb-bg: #ffffff;
--fb-text: var(--frankiebakes-charcoal);
--fb-muted: var(--frankiebakes-warm-grey);
--fb-accent: var(--frankiebakes-light-green);
--fb-accent-contrast: var(--frankiebakes-dark-green);
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 25px;
}
.fb-products-grid .fb-product {
background: var(--frankiebakes-white);
border-width: 0;
border-radius: var(--fb-card-radius);
box-shadow: var(--box-shadow-xl) !important;
overflow: hidden;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.fb-products-grid .fb-product:hover {
transform: translateY(-2px);
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
}
.fb-products-grid .fb-product__card {
display: flex;
flex-direction: column;
height: 100%;
}
.fb-products-grid .fb-product__media img {
width: fit-content;
height: auto;
margin: auto;
max-width: 100%;
display: block;
}
.fb-products-grid .fb-product__body {
padding: 0;
text-align: center;
color: var(--fb-text);
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.fb-products-grid .fb-product__title {
margin: 0 0 0.5rem;
font-size: 1rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: normal;
text-transform: uppercase;
margin: 25px 0 12px;
}
.fb-products-grid .fb-product__title a {
color: inherit;
text-decoration: none;
}
.fb-products-grid .fb-product__price {
margin: 0 0 1.1rem;
font-size: 1rem;
font-weight: 600;
color: var(--frankiebakes-charcoal);
margin-bottom: 10px;
}
.fb-products-grid .fb-product__actions {
display: flex;
flex-direction: column;
margin: 15px;
}
.fb-products-grid .fb-btn {
display: block;
line-height: 38px;
align-items: center; min-height: 36px;
padding: 0;
border-radius: 20px;
background: var(--fb-accent);
color: var(--fb-accent-contrast);
text-decoration: none;
font-weight: 800;
font-family: var(--theme-headings-font-family);
font-size: 12px;
letter-spacing: normal;
text-transform: uppercase;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04), inset 0 -2px 0 rgba(0, 0, 0, 0.08);
transition: transform 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}
.fb-products-grid .fb-btn:hover { color: var(--frankiebakes-white);
}
.fb-products-grid .fb-btn:active {
transform: translateY(1px);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) inset;
}
@media (max-width: 640px) {
.fb-products-grid {
gap: 1.25rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fb-products-grid .fb-product__title {
font-size: 0.75rem;
line-height: 1.2;
margin: 15px 15px 10px;
}
.fb-products-grid .fb-btn {
min-width: 100%;
font-size: 10px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 766px) {
.fb-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1025px) {
.fb-products-grid {
grid-template-columns: repeat(4, 1fr);
}
}