/*!
 Theme Name: Rubrum
 Theme URI:
 Author: Dev Team
 Author URI:
 Description: Rubrum is a blank canvas for your ideas and it makes the block editor your best brush.
 Requires at least: 6.6
 Tested up to: 6.8.3
 Requires PHP: 8.0
 Version: 6.8
 Text Domain: rubrum
*/


/** Add your custom styles here **/


header nav .link-home {
    display: none !important;
}

h5, h6 {
    font-family: "avenir-lt-pro", sans-serif !important;
}

.entry-content p strong, .entry-content li strong,
.entry-content p b, .entry-content li b {
    font-weight: 900;
}

.wc-block-mini-cart__button .wc-block-mini-cart__icon {
    height: 45px;
    width: 45px;
}

.section-products-highlight {
    position: relative;
}
.section-products-highlight::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--wp--preset--color--tertiary);
    background-image: url('/wp-content/uploads/mood-foods-watermark.webp');
    background-size: 43.813vw auto;
    background-position: 95% 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
@media (max-width: 781.98px) {
    .section-products-highlight::before {
        background-position: 50% 99%;
        background-size: 75% auto;
    }
}

.section-products-highlight .wc-block-product-template__responsive {
    column-gap: 3.75vw !important;
}
.section-products-highlight .wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(33.33333% - 3.75vw)), 1fr)) !important;
}
@media (max-width: 781.98px) {
    .section-products-highlight .wc-block-product-template__responsive.columns-3 {
        grid-template-columns: auto !important;
    }
    .section-products-highlight .wc-block-product-template__responsive {
        row-gap: 40px !important;
    }
}

.block-post-link-container:has(a:hover) > .wp-block-buttons .is-style-btn-primary .wp-block-button__link {
    background-color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    color: #FFF !important;
}
.block-post-link-container:has(a:hover) > .wp-block-buttons .is-style-btn-primary .wp-block-button__link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24" fill="none"><path d="M2.45199 6.57999L3.51299 5.51999L9.29199 11.297C9.38514 11.3896 9.45907 11.4996 9.50952 11.6209C9.55997 11.7421 9.58594 11.8722 9.58594 12.0035C9.58594 12.1348 9.55997 12.2648 9.50952 12.3861C9.45907 12.5073 9.38514 12.6174 9.29199 12.71L3.51299 18.49L2.45299 17.43L7.87699 12.005L2.45199 6.57999Z" fill="%23FFFFFF"/></svg>') !important;
    display: inline-flex;
    width: 8px;
    height: 18px;
    position: relative;
    top: -3px;
    right: -8px;
    transition: all .2s ease-in-out !important;
}

.card-how-to {
    flex-basis: 336px !important;
}
.row-how-to {
    row-gap: 40px !important;
}
.card-how-to ul.wp-block-list {
    margin-top: 0 !important;
    padding-left: 20px !important;
}
.card-how-to ul.wp-block-list li {
    margin-bottom: 0 !important;
}
.card-how-to ul.wp-block-list li::marker {
    font-size: 1.2em !important;
}

/** Icons - How to Use **/

.icon-refill {
    margin-right: 20px !important;
}
.icon-seeds {
    margin-right: -2px !important;
}
.icon-paste {
    margin-right: 10px !important;
}
.icon-sugar {
    margin-right: 16px !important;
}
.icon-salt {
    margin-right: 20px !important;
}
.icon-beans {
    margin-right: 20px !important;
}

.section-ready {
    position: relative;
}
.section-ready::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0; /* Push behind text */
    background: rgba(208, 170, 112, 0.70) !important;
    mix-blend-mode: multiply !important;
}
.section-ready > * {
    position: relative;
    z-index: 1 !important;
}

/** Buttons **/
@media (min-width: 992px) {
    .is-style-btn-primary a.wp-block-button__link,
    .is-style-btn-secondary a.wp-block-button__link {
        min-width: 280px;
    }
}

.is-style-btn-secondary a.wp-block-button__link,
.is-style-btn-primary a.wp-block-button__link,
.is-style-btn-accent a.wp-block-button__link {
    display: flex !important;
    justify-content: center;
    position: relative;
    transition: all .2s ease-in-out !important;
}
.is-style-btn-secondary a.wp-block-button__link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13" fill="none"><path d="M2.19345e-05 1.05997L1.06102 -2.86102e-05L6.84002 5.77697C6.93318 5.86954 7.0071 5.97961 7.05755 6.10086C7.108 6.22212 7.13397 6.35214 7.13397 6.48347C7.13397 6.6148 7.108 6.74483 7.05755 6.86608C7.0071 6.98733 6.93318 7.0974 6.84002 7.18997L1.06102 12.97L0.00102186 11.91L5.42502 6.48497L2.19345e-05 1.05997Z" fill="white"/></svg>') !important;
    display: inline-flex;
    width: 8px;
    height: 18px;
    position: relative;
    top: 0;
    right: -11px;
    transition: all .2s ease-in-out !important;
}
.is-style-btn-primary a.wp-block-button__link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24" fill="none"><path d="M2.45199 6.57999L3.51299 5.51999L9.29199 11.297C9.38514 11.3896 9.45907 11.4996 9.50952 11.6209C9.55997 11.7421 9.58594 11.8722 9.58594 12.0035C9.58594 12.1348 9.55997 12.2648 9.50952 12.3861C9.45907 12.5073 9.38514 12.6174 9.29199 12.71L3.51299 18.49L2.45299 17.43L7.87699 12.005L2.45199 6.57999Z" fill="%23690D02"/></svg>') !important;
    display: inline-flex;
    width: 8px;
    height: 18px;
    position: relative;
    top: -3px;
    right: -8px;
    transition: all .2s ease-in-out !important;
}
.is-style-btn-primary a.wp-block-button__link:hover::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24" fill="none"><path d="M2.45199 6.57999L3.51299 5.51999L9.29199 11.297C9.38514 11.3896 9.45907 11.4996 9.50952 11.6209C9.55997 11.7421 9.58594 11.8722 9.58594 12.0035C9.58594 12.1348 9.55997 12.2648 9.50952 12.3861C9.45907 12.5073 9.38514 12.6174 9.29199 12.71L3.51299 18.49L2.45299 17.43L7.87699 12.005L2.45199 6.57999Z" fill="%23FFFFFF"/></svg>') !important;
    transition: all .2s ease-in-out !important;
}
.is-style-btn-accent a.wp-block-button__link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24" fill="none"><path d="M2.45199 6.57999L3.51299 5.51999L9.29199 11.297C9.38514 11.3896 9.45907 11.4996 9.50952 11.6209C9.55997 11.7421 9.58594 11.8722 9.58594 12.0035C9.58594 12.1348 9.55997 12.2648 9.50952 12.3861C9.45907 12.5073 9.38514 12.6174 9.29199 12.71L3.51299 18.49L2.45299 17.43L7.87699 12.005L2.45199 6.57999Z" fill="%23690D02"/></svg>') !important;
    display: inline-flex;
    width: 8px;
    height: 18px;
    position: relative;
    top: -3px;
    right: -8px;
    transition: all .2s ease-in-out !important;
}

/** WooCommerce **/

/**
.wc-block-checkout__payment-method .wc-block-components-checkout-step__heading {
    background: url('/wp-content/uploads/cc-logos.webp') no-repeat 100% 50%;
    background-size: auto 32px;
}
@media (max-width: 430px) {
    .wc-block-checkout__payment-method .wc-block-components-checkout-step__heading {
        background-size: auto 22px;
    }
}
**/