@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//scrapbooksrus.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//scrapbooksrus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(230,52,163);
	--wd-alternative-color: rgb(0,150,136);
	--btn-default-bgcolor: rgb(230,52,163);
	--btn-default-bgcolor-hover: rgb(170,206,55);
	--btn-accented-bgcolor: rgb(230,52,163);
	--btn-accented-bgcolor-hover: rgb(170,206,55);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,122,255);
	--wd-link-color-hover: rgb(0,63,255);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,107,99);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 15px;
	text-transform: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 700;
	font-size: 30px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,251,250);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,251,250);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,251,250);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,251,250);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,251,250);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,251,250);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,251,250);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(230,52,163);
	background: rgb(249,219,223);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(170,206,55);
	background: rgb(255,255,255);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(140,188,103);
}
.product-labels .product-label.featured {
	background-color: rgb(225,74,92);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(13,6,37);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgba(255,255,255,0);
	color: rgba(255,255,255,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 324px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1660px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1660px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(246,245,248);
}

/* =========================================================
   SCRAPBOOKSRUS CUSTOM WOODMART HEADER - FINAL PROFESSIONAL
========================================================= */

/* HEADER WRAPPER */
.whb-header {
    background: transparent !important;
    box-shadow: 0 5px 14px rgba(0,0,0,0.14) !important;
    z-index: 999 !important;
}

/* GLOBAL HEADER WIDTH / PADDING */
.whb-header .container,
.whb-header .whb-container,
.whb-header .whb-flex-row {
    max-width: 100% !important;
}

.whb-header .container,
.whb-header .whb-container {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* =========================================================
   TOP SLIDING BAR
========================================================= */

.whb-top-bar {
    position: relative !important;
    background: #E634A3 !important;
    height: 28px !important;
    min-height: 28px !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

/* Hide old static WoodMart top bar content */
.whb-top-bar > *,
.whb-top-bar .whb-flex-row,
.whb-top-bar .whb-col-left,
.whb-top-bar .whb-col-center,
.whb-top-bar .whb-col-right,
.whb-top-bar .wd-header-text,
.whb-top-bar .wd-header-menu,
.whb-top-bar .wd-tools-element {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Sliding announcement */
.whb-top-bar::before {
    content: "FREE shipping on orders over $50 \00a0\00a0 ✦ \00a0\00a0 🎁 Mystery gift with every $75 order \00a0\00a0 ✦ \00a0\00a0 🧩 New washi tape drops every Friday \00a0\00a0 ✦ \00a0\00a0 ⭐ Join Rewards — earn 2x points this week \00a0\00a0 ✦ \00a0\00a0 FREE shipping on orders over $50 \00a0\00a0 ✦ \00a0\00a0 🎁 Mystery gift with every $75 order \00a0\00a0 ✦ \00a0\00a0 🧩 New washi tape drops every Friday \00a0\00a0 ✦ \00a0\00a0 ⭐ Join Rewards — earn 2x points this week \00a0\00a0 ✦ \00a0\00a0 FREE shipping on orders over $50 \00a0\00a0 ✦ \00a0\00a0 🎁 Mystery gift with every $75 order \00a0\00a0 ✦ \00a0\00a0 🧩 New washi tape drops every Friday \00a0\00a0 ✦ \00a0\00a0 ⭐ Join Rewards — earn 2x points this week \00a0\00a0 ✦";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: max-content;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.1px;
    z-index: 99;
    animation: sbrTopBarSlide 34s linear infinite;
    will-change: transform;
}

@keyframes sbrTopBarSlide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.333%);
    }
}

.whb-top-bar:hover::before {
    animation-play-state: paused;
}

/* =========================================================
   MAIN TEAL HEADER - BETTER BALANCED
========================================================= */

.whb-main-header {
    background: #009688 !important;
    height: 96px !important;
    min-height: 96px !important;
    overflow: visible !important;
}

.whb-main-header .whb-flex-row {
    height: 96px !important;
    min-height: 96px !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Balanced left / center / right */
.whb-main-header .whb-col-left,
.whb-main-header .whb-col-right {
    flex: 1 1 0 !important;
    max-width: none !important;
    align-items: center !important;
}

.whb-main-header .whb-col-left {
    justify-content: flex-start !important;
}

.whb-main-header .whb-col-center {
    flex: 0 0 auto !important;
    justify-content: center !important;
}

.whb-main-header .whb-col-right {
    justify-content: flex-end !important;
    gap: 18px !important;
}

/* Logo: controlled by height so it does not dominate */
.whb-main-header .wd-header-logo img,
.whb-main-header .site-logo img {
    max-width: 230px !important;
    width: 230px !important;
    max-height: 82px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* =========================================================
   SEARCH BAR - CENTERED & CLEAN
========================================================= */

.whb-search {
    width: 470px !important;
    max-width: 470px !important;
}

.whb-search .searchform,
.whb-search form {
    height: 50px !important;
    border-radius: 34px !important;
    background: #ffffff !important;
    padding: 4px !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.25) !important;
    overflow: hidden !important;
    border: none !important;
}

.whb-search input[type="text"],
.whb-search input[type="search"],
.whb-search .s {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 30px !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    padding-left: 22px !important;
    color: #555555 !important;
    background: #ffffff !important;
}

.whb-search input::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* Search button */
.whb-search button,
.whb-search .searchsubmit {
    width: 76px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 28px !important;
    background: #E634A3 !important;
    color: #ffffff !important;
    border: none !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.whb-search button:after,
.whb-search .searchsubmit:after {
    content: "Search";
    font-size: 13px;
    color: #ffffff;
    font-weight: 800;
}

/* =========================================================
   HOTLINE / INFO BOX
========================================================= */

.whb-information-box,
.whb-information-box a,
.whb-information-box span,
.whb-information-box .info-box-title,
.whb-information-box .info-box-content {
    color: #ffffff !important;
}

.whb-information-box {
    transform: translateY(1px);
}

.whb-information-box .info-box-title {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

.whb-information-box .info-box-content {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
}

.whb-information-box i,
.whb-information-box svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* =========================================================
   CART
========================================================= */

.whb-cart,
.whb-cart a,
.whb-cart span,
.whb-cart .wd-tools-text,
.whb-cart .wd-tools-count,
.whb-cart .wd-tools-icon {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.whb-cart {
    transform: translateY(1px);
}

.whb-cart svg,
.whb-cart i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.whb-cart .wd-cart-number,
.whb-cart .wd-cart-subtotal {
    color: #E634A3 !important;
}

/* =========================================================
   PINK MENU AREA - SHORTER + CLEAN TOP BREATHING
========================================================= */

.whb-header-bottom {
    position: relative !important;
    background: #E634A3 !important;
    height: 72px !important;
    min-height: 72px !important;
    padding-top: 12px !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}

/* Smaller professional wave */
.whb-header-bottom:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -17px;
    height: 24px;
    background:
        radial-gradient(circle at 50% 100%, #E634A3 17px, transparent 18px)
        repeat-x;
    background-size: 72px 24px;
    z-index: 2;
    pointer-events: none;
}

.whb-header-bottom .whb-flex-row {
    height: 50px !important;
    min-height: 50px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Bottom row alignment */
.whb-header-bottom .whb-col-left,
.whb-header-bottom .whb-col-center,
.whb-header-bottom .whb-col-right {
    align-items: center !important;
}

.whb-header-bottom .whb-col-left {
    flex: 1 1 auto !important;
    max-width: none !important;
    justify-content: flex-start !important;
}

.whb-header-bottom .whb-col-right {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    padding-top: 0 !important;
}

/* =========================================================
   MENU
========================================================= */

.whb-header-bottom .wd-nav,
.whb-header-bottom .menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 28px !important;
    max-width: 100% !important;
}

.whb-header-bottom .wd-nav > li > a,
.whb-header-bottom .menu > li > a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15px !important;
    padding: 6px 0 !important;
    line-height: 1.2 !important;
    border-radius: 0 !important;
}

/* Straight yellow underline */
.whb-header-bottom .wd-nav > li.current-menu-item > a,
.whb-header-bottom .wd-nav > li > a:hover,
.whb-header-bottom .menu > li.current-menu-item > a,
.whb-header-bottom .menu > li > a:hover {
    color: #ffffff !important;
    border-bottom: 4px solid #fff000 !important;
    border-radius: 0 !important;
}

/* HOME straight line */
.whb-header-bottom .wd-nav > li:first-child > a,
.whb-header-bottom .menu > li:first-child > a {
    border-bottom: 4px solid #fff000 !important;
    border-radius: 0 !important;
    padding-bottom: 6px !important;
}

.whb-header-bottom .wd-nav > li > a:after,
.whb-header-bottom .menu > li > a:after {
    color: #ffffff !important;
}

/* =========================================================
   SALE BUTTON
========================================================= */

.whb-header-bottom .sale-menu-item > a {
    background: #fff000 !important;
    color: #E634A3 !important;
    border-radius: 18px !important;
    padding: 8px 18px !important;
    box-shadow: 0 4px 0 #c6007d !important;
    border-bottom: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.whb-header-bottom .sale-menu-item > a:hover {
    background: #fff000 !important;
    color: #E634A3 !important;
    border-bottom: none !important;
}

/* =========================================================
   WISHLIST + ACCOUNT - SAME LEVEL AS MENU
========================================================= */

.whb-header-bottom .wd-header-wishlist,
.whb-header-bottom .wd-header-wishlist a,
.whb-header-bottom .wd-header-my-account,
.whb-header-bottom .wd-header-my-account a,
.whb-header-bottom .whb-account,
.whb-header-bottom .whb-account a {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
}

.whb-header-bottom .wd-header-wishlist,
.whb-header-bottom .wd-header-my-account,
.whb-header-bottom .whb-account {
    transform: translateY(0) !important;
}

.whb-header-bottom .wd-header-wishlist svg,
.whb-header-bottom .wd-header-my-account svg,
.whb-header-bottom .whb-account svg,
.whb-header-bottom .wd-header-wishlist i,
.whb-header-bottom .wd-header-my-account i,
.whb-header-bottom .whb-account i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Divider */
.whb-header-bottom .whb-divider {
    background: rgba(255,255,255,0.35) !important;
    height: 22px !important;
}

/* =========================================================
   RESPONSIVE FIXES
========================================================= */

@media (max-width: 1400px) {
    .whb-header .container,
    .whb-header .whb-container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .whb-search {
        width: 440px !important;
        max-width: 440px !important;
    }

    .whb-main-header .wd-header-logo img,
    .whb-main-header .site-logo img {
        max-width: 215px !important;
        width: 215px !important;
        max-height: 78px !important;
    }

    .whb-header-bottom .wd-nav,
    .whb-header-bottom .menu {
        gap: 0 22px !important;
    }

    .whb-header-bottom .wd-nav > li > a,
    .whb-header-bottom .menu > li > a {
        font-size: 14px !important;
    }
}

@media (max-width: 1200px) {
    .whb-search {
        width: 380px !important;
        max-width: 380px !important;
    }

    .whb-main-header .wd-header-logo img,
    .whb-main-header .site-logo img {
        max-width: 200px !important;
        width: 200px !important;
        max-height: 72px !important;
    }

    .whb-header-bottom .wd-nav,
    .whb-header-bottom .menu {
        gap: 0 15px !important;
    }

    .whb-header-bottom .wd-nav > li > a,
    .whb-header-bottom .menu > li > a {
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    .whb-top-bar {
        height: 26px !important;
        min-height: 26px !important;
    }

    .whb-top-bar::before {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        animation-duration: 28s;
    }

    .whb-main-header {
        height: auto !important;
        min-height: 80px !important;
    }

    .whb-header-bottom {
        height: auto !important;
        min-height: 64px !important;
    }
}


/* =========================================================
   SCRAPBOOKSRUS FOOTER DESIGN FOR CURRENT ELEMENTOR FOOTER
   Add class "sbr-footer-live" to the main footer container
========================================================= */

/* Footer background */
.site-footer,
.footer-container,
.wd-footer,
.sbr-footer-live {
    background: #009688 !important;
    color: #ffffff !important;
}

/* Main footer section */
.sbr-footer-live {
    position: relative !important;
    overflow: visible !important;
    padding: 80px 24px 45px !important;
    background: #009688 !important;
}

/* Smooth footer top wave like reference */
.sbr-footer-live {
    overflow: visible !important;
}

.sbr-footer-live:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -18px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='220' height='24' viewBox='0 0 220 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009688' d='M0 24V18C18 18 28 0 55 0C82 0 92 18 110 18H220V24H0Z'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 220px 24px;
    background-position: bottom left;
    z-index: 3;
    pointer-events: none;
}
/* Decorative dots */
.sbr-footer-live:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(255, 235, 0, 0.35) 2px, transparent 2.5px),
        radial-gradient(circle, rgba(230, 52, 163, 0.35) 2px, transparent 2.5px),
        radial-gradient(circle, rgba(255,255,255,0.16) 2px, transparent 2.5px);
    background-size: 210px 180px, 250px 220px, 300px 260px;
    background-position: 20px 40px, 120px 90px, 70px 160px;
    pointer-events: none;
    z-index: 0;
}

.sbr-footer-live > * {
    position: relative;
    z-index: 2;
}

/* Footer headings */
.sbr-footer-live h1,
.sbr-footer-live h2,
.sbr-footer-live h3,
.sbr-footer-live h4,
.sbr-footer-live h5,
.sbr-footer-live .widget-title,
.sbr-footer-live .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Column heading underline */
.sbr-footer-live h4,
.sbr-footer-live .widget-title,
.sbr-footer-live .elementor-heading-title {
    display: inline-block;
    border-bottom: 4px solid #fff000;
    padding-bottom: 5px;
    margin-bottom: 22px !important;
}

/* Footer links/text */
.sbr-footer-live a,
.sbr-footer-live p,
.sbr-footer-live li,
.sbr-footer-live span {
    color: rgba(255,255,255,0.86) !important;
    font-size: 15px;
    line-height: 1.8;
}

/* Footer links hover */
.sbr-footer-live a:hover {
    color: #fff000 !important;
}

/* List item bullet effect */
.sbr-footer-live ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.sbr-footer-live li,
.sbr-footer-live .elementor-icon-list-item {
    margin-bottom: 10px !important;
}

.sbr-footer-live li a,
.sbr-footer-live .elementor-icon-list-text {
    position: relative;
    padding-left: 16px;
}

.sbr-footer-live li a:before,
.sbr-footer-live .elementor-icon-list-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    background: #fff000;
    border-radius: 50%;
}

/* Newsletter box/card */
.sbr-footer-live .mc4wp-form,
.sbr-footer-live form,
.sbr-footer-live .wd-mailchimp,
.sbr-footer-live .elementor-widget-shortcode {
    background: linear-gradient(90deg, #e93aa6 0%, #e6007e 100%) !important;
    border-radius: 24px !important;
    padding: 36px 40px !important;
    box-shadow: 0 7px 0 rgba(0,0,0,0.16);
    overflow: hidden;
}

/* Newsletter headings */
.sbr-footer-live .mc4wp-form h2,
.sbr-footer-live .wd-mailchimp h2,
.sbr-footer-live .elementor-widget-shortcode h2,
.sbr-footer-live .mc4wp-form h3,
.sbr-footer-live .wd-mailchimp h3 {
    color: #ffffff !important;
    border-bottom: none !important;
    font-size: 34px !important;
    margin-bottom: 12px !important;
}

/* Newsletter input */
.sbr-footer-live input[type="email"],
.sbr-footer-live input[type="text"] {
    height: 54px !important;
    border-radius: 35px !important;
    border: none !important;
    background: #ffffff !important;
    color: #555555 !important;
    padding: 0 22px !important;
    box-shadow: none !important;
}

/* Newsletter button */
.sbr-footer-live button,
.sbr-footer-live input[type="submit"],
.sbr-footer-live .button {
    height: 54px !important;
    border-radius: 35px !important;
    background: #fff000 !important;
    color: #e6007e !important;
    border: none !important;
    padding: 0 28px !important;
    font-weight: 900 !important;
}

/* Payment heading */
.sbr-footer-live strong,
.sbr-footer-live b {
    color: #ffffff !important;
}

/* Payment images */
.sbr-footer-live img {
    max-height: 42px;
    width: auto;
}

/* Social icons if present */
.sbr-footer-live .elementor-social-icon,
.sbr-footer-live .wd-social-icon {
    border-radius: 50% !important;
}

/* Remove harsh white/gray backgrounds inside footer */
.sbr-footer-live .elementor-widget-container,
.sbr-footer-live .elementor-column,
.sbr-footer-live .elementor-container,
.sbr-footer-live .e-con {
    background-color: transparent !important;
}

/* Keep newsletter inner white form clean */
.sbr-footer-live .mc4wp-form-fields,
.sbr-footer-live .wd-mailchimp form {
    background: transparent !important;
}

/* Mobile */
@media (max-width: 768px) {
    .sbr-footer-live {
        padding: 60px 18px 32px !important;
    }

    .sbr-footer-live:before {
        top: -18px;
        height: 18px;
        background:
            radial-gradient(circle at 50% 100%, #009688 18px, transparent 19px)
            repeat-x;
        background-size: 130px 18px;
    }

    .sbr-footer-live .mc4wp-form,
    .sbr-footer-live form,
    .sbr-footer-live .wd-mailchimp,
    .sbr-footer-live .elementor-widget-shortcode {
        padding: 26px 22px !important;
    }

    .sbr-footer-live .mc4wp-form h2,
    .sbr-footer-live .wd-mailchimp h2,
    .sbr-footer-live .elementor-widget-shortcode h2 {
        font-size: 26px !important;
    }
}

/* =========================================================
   FINAL FOOTER WAVE - SMALL FLAT SMOOTH REFERENCE STYLE
   Paste at very bottom of CSS
========================================================= */

.sbr-footer-live {
    overflow: visible !important;
}

/* small smooth teal wave, not big balls */
.sbr-footer-live:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -12px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='170' height='14' viewBox='0 0 170 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009688' d='M0 14V12H18C30 12 38 3 52 3C66 3 74 12 86 12H170V14H0Z'/%3E%3C/svg%3E") !important;
    background-repeat: repeat-x !important;
    background-size: 170px 14px !important;
    background-position: left bottom !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* =========================================================
   FOOTER WAVE FIX - NO CUT / NO INCOMPLETE LAST WAVE
   Paste at the very bottom of CSS
========================================================= */

.sbr-footer-live {
    overflow: visible !important;
}

.sbr-footer-live:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -14px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='1600' height='16' viewBox='0 0 1600 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009688' d='M0 16V13H50C70 13 78 4 100 4C122 4 130 13 150 13H250C270 13 278 4 300 4C322 4 330 13 350 13H450C470 13 478 4 500 4C522 4 530 13 550 13H650C670 13 678 4 700 4C722 4 730 13 750 13H850C870 13 878 4 900 4C922 4 930 13 950 13H1050C1070 13 1078 4 1100 4C1122 4 1130 13 1150 13H1250C1270 13 1278 4 1300 4C1322 4 1330 13 1350 13H1450C1470 13 1478 4 1500 4C1522 4 1530 13 1550 13H1600V16H0Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 16px !important;
    background-position: left bottom !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* =========================================================
   FOOTER WAVE EDGE FIX - NO CUT ON RIGHT SIDE
   Paste at very bottom
========================================================= */

.sbr-footer-live {
    overflow: visible !important;
}

/* full viewport wave, not clipped by Elementor container */
.sbr-footer-live:before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: -13px !important;
    width: 100vw !important;
    height: 16px !important;
    transform: translateX(-50%) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='16' viewBox='0 0 1920 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009688' d='M0 16V13H70C95 13 105 4 135 4C165 4 175 13 200 13H330C355 13 365 4 395 4C425 4 435 13 460 13H590C615 13 625 4 655 4C685 4 695 13 720 13H850C875 13 885 4 915 4C945 4 955 13 980 13H1110C1135 13 1145 4 1175 4C1205 4 1215 13 1240 13H1370C1395 13 1405 4 1435 4C1465 4 1475 13 1500 13H1630C1655 13 1665 4 1695 4C1725 4 1735 13 1760 13H1920V16H0Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 16px !important;
    background-position: center bottom !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* =========================================================
   MOBILE FOOTER FIX: NEWSLETTER FORM + CLEAN WAVE
   Paste at VERY BOTTOM of CSS
========================================================= */

@media (max-width: 768px) {

  /* Footer spacing */
  .sbr-footer-live {
    padding: 55px 18px 32px !important;
    overflow: visible !important;
  }

  /* Clean mobile wave - small, smooth, not broken */
  .sbr-footer-live:before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: -10px !important;
    width: 100vw !important;
    height: 12px !important;
    transform: translateX(-50%) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='420' height='12' viewBox='0 0 420 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009688' d='M0 12V9H35C48 9 55 3 70 3C85 3 92 9 105 9H175C188 9 195 3 210 3C225 3 232 9 245 9H315C328 9 335 3 350 3C365 3 372 9 385 9H420V12H0Z'/%3E%3C/svg%3E") !important;
    background-repeat: repeat-x !important;
    background-size: 420px 12px !important;
    background-position: center bottom !important;
    z-index: 9 !important;
    pointer-events: none !important;
  }

  /* Newsletter card */
  .sbr-footer-live .mc4wp-form,
  .sbr-footer-live form,
  .sbr-footer-live .wd-mailchimp,
  .sbr-footer-live .elementor-widget-shortcode {
    width: 100% !important;
    max-width: 100% !important;
    padding: 26px 22px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* Fix form layout on mobile */
  .sbr-footer-live .mc4wp-form-fields,
  .sbr-footer-live form p,
  .sbr-footer-live form .mc4wp-form-fields {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
  }

  /* Email input full width */
  .sbr-footer-live input[type="email"],
  .sbr-footer-live input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 58px !important;
    border-radius: 999px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  /* Button centered and professional */
  .sbr-footer-live button,
  .sbr-footer-live input[type="submit"],
  .sbr-footer-live .button {
    width: auto !important;
    min-width: 135px !important;
    height: 54px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  /* Newsletter text spacing */
  .sbr-footer-live p {
    text-align: left !important;
  }

  .sbr-footer-live .mc4wp-form p,
  .sbr-footer-live .wd-mailchimp p,
  .sbr-footer-live .elementor-widget-shortcode p {
    text-align: center !important;
  }

  /* Footer columns mobile alignment */
  .sbr-footer-live h1,
  .sbr-footer-live h2,
  .sbr-footer-live h3,
  .sbr-footer-live h4,
  .sbr-footer-live h5,
  .sbr-footer-live .widget-title,
  .sbr-footer-live .elementor-heading-title {
    text-align: left !important;
  }

  .sbr-footer-live img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Extra small phones */
@media (max-width: 480px) {

  .sbr-footer-live {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .sbr-footer-live .mc4wp-form,
  .sbr-footer-live form,
  .sbr-footer-live .wd-mailchimp,
  .sbr-footer-live .elementor-widget-shortcode {
    padding: 24px 18px !important;
    border-radius: 22px !important;
  }

  .sbr-footer-live input[type="email"],
  .sbr-footer-live input[type="text"] {
    height: 56px !important;
    font-size: 15px !important;
  }

  .sbr-footer-live button,
  .sbr-footer-live input[type="submit"],
  .sbr-footer-live .button {
    height: 52px !important;
    min-width: 128px !important;
    font-size: 14px !important;
  }
}

/* =========================================================
   FINAL MOBILE NEWSLETTER FIX - CENTERED DESKTOP STYLE
   Paste at VERY BOTTOM
========================================================= */

@media (max-width: 768px) {

  /* Make footer inner columns behave properly on mobile */
  .sbr-footer-live .elementor-container,
  .sbr-footer-live .elementor-row,
  .sbr-footer-live .e-con-inner,
  .sbr-footer-live .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .sbr-footer-live .elementor-column,
  .sbr-footer-live .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Outer shortcode/widget should NOT act as pink card */
  .sbr-footer-live .elementor-widget-shortcode:has(input[type="email"]),
  .sbr-footer-live .wd-mailchimp {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  /* Actual pink newsletter card */
  .sbr-footer-live form:has(input[type="email"]),
  .sbr-footer-live .mc4wp-form {
    width: min(350px, calc(100vw - 36px)) !important;
    max-width: min(350px, calc(100vw - 36px)) !important;
    margin: 22px auto 38px auto !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
    background: linear-gradient(90deg, #e93aa6 0%, #e6007e 100%) !important;
    box-shadow: 0 7px 0 rgba(0,0,0,0.16) !important;
    overflow: visible !important;
  }

  /* Force input and button in one horizontal row */
  .sbr-footer-live form:has(input[type="email"]),
  .sbr-footer-live .mc4wp-form-fields {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  /* Remove paragraph wrapper issue */
  .sbr-footer-live form:has(input[type="email"]) p,
  .sbr-footer-live .mc4wp-form-fields p {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Email input */
  .sbr-footer-live input[type="email"],
  .sbr-footer-live input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 46px !important;
    border-radius: 999px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    text-align: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Sign up button */
  .sbr-footer-live input[type="submit"],
  .sbr-footer-live button,
  .sbr-footer-live .button {
    flex: 0 0 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 46px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    font-size: 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

/* Smaller phones */
@media (max-width: 390px) {

  .sbr-footer-live form:has(input[type="email"]),
  .sbr-footer-live .mc4wp-form {
    width: min(325px, calc(100vw - 28px)) !important;
    max-width: min(325px, calc(100vw - 28px)) !important;
    padding: 22px 16px !important;
  }

  .sbr-footer-live input[type="email"],
  .sbr-footer-live input[type="text"] {
    height: 44px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
  }

  .sbr-footer-live input[type="submit"],
  .sbr-footer-live button,
  .sbr-footer-live .button {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 44px !important;
    font-size: 11px !important;
  }
}

/* =========================================================
   FINAL CENTER FIX - MOBILE NEWSLETTER
   Paste at VERY BOTTOM
========================================================= */

@media (max-width: 768px) {

  /* Center the newsletter text area */
  .sbr-footer-live .elementor-column:has(input[type="email"]),
  .sbr-footer-live .e-con:has(input[type="email"]),
  .sbr-footer-live .elementor-widget-wrap:has(input[type="email"]) {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Center all newsletter text */
  .sbr-footer-live .elementor-column:has(input[type="email"]) h2,
  .sbr-footer-live .elementor-column:has(input[type="email"]) p,
  .sbr-footer-live .e-con:has(input[type="email"]) h2,
  .sbr-footer-live .e-con:has(input[type="email"]) p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Fix heading underline center */
  .sbr-footer-live .elementor-column:has(input[type="email"]) h2,
  .sbr-footer-live .e-con:has(input[type="email"]) h2,
  .sbr-footer-live .elementor-column:has(input[type="email"]) .elementor-heading-title,
  .sbr-footer-live .e-con:has(input[type="email"]) .elementor-heading-title {
    display: inline-block !important;
    text-align: center !important;
  }

  /* Force pink newsletter card to exact center */
  .sbr-footer-live form:has(input[type="email"]),
  .sbr-footer-live .mc4wp-form {
    width: 300px !important;
    max-width: calc(100vw - 52px) !important;
    margin: 20px auto 34px auto !important;
    padding: 17px 14px !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;

    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  /* Keep input and button in one row */
  .sbr-footer-live form:has(input[type="email"]),
  .sbr-footer-live .mc4wp-form-fields {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  /* Remove wrapper issue */
  .sbr-footer-live form:has(input[type="email"]) p,
  .sbr-footer-live .mc4wp-form-fields p {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Smaller input */
  .sbr-footer-live input[type="email"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 42px !important;
    border-radius: 999px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* Smaller button */
  .sbr-footer-live input[type="submit"],
  .sbr-footer-live button {
    flex: 0 0 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 42px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
/* =========================================================
   MOBILE FOOTER HEADING CENTER FIX
   Paste at VERY BOTTOM
========================================================= */

@media (max-width: 768px) {

  /* Center all heading widgets inside footer */
  .sbr-footer-live .elementor-widget-heading,
  .sbr-footer-live .elementor-widget-heading .elementor-widget-container {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Center heading text + yellow underline */
  .sbr-footer-live .elementor-heading-title,
  .sbr-footer-live h1,
  .sbr-footer-live h2,
  .sbr-footer-live h3,
  .sbr-footer-live h4,
  .sbr-footer-live .widget-title {
    display: inline-block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* Better underline centered under text */
  .sbr-footer-live .elementor-heading-title,
  .sbr-footer-live h2,
  .sbr-footer-live h3,
  .sbr-footer-live h4,
  .sbr-footer-live .widget-title {
    border-bottom: 4px solid #fff000 !important;
    padding-bottom: 6px !important;
  }

  /* Center Safety Payments block */
  .sbr-footer-live .elementor-widget-container:has(.elementor-heading-title),
  .sbr-footer-live .elementor-widget-container:has(h2),
  .sbr-footer-live .elementor-widget-container:has(h3),
  .sbr-footer-live .elementor-widget-container:has(h4) {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* If Safety Payments has lock icon beside it */
  .sbr-footer-live .elementor-icon-box-wrapper,
  .sbr-footer-live .elementor-image-box-wrapper {
    justify-content: center !important;
    text-align: center !important;
  }

  .sbr-footer-live .elementor-icon-box-content {
    text-align: center !important;
  }
}

/* =========================================================
   FINAL FIX - SUBSCRIBE NEWSLETTER EXACT CENTER ON MOBILE
   Paste at VERY BOTTOM
========================================================= */

@media (max-width: 768px) {

  /* Remove left offset from footer heading widgets */
  .sbr-footer-live .elementor-widget-heading {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  .sbr-footer-live .elementor-widget-heading .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;
  }

  /* Center the actual heading text and underline */
  .sbr-footer-live .elementor-heading-title {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    float: none !important;
  }

  /* Strong fix for Subscribe Newsletter if Elementor column has left padding */
  .sbr-footer-live .elementor-heading-title {
    position: relative !important;
left: 60% !important;
transform: translateX(-65%) !important;
  }

  /* Keep underline centered */
  .sbr-footer-live .elementor-heading-title {
    border-bottom: 4px solid #fff000 !important;
    padding-bottom: 6px !important;
  }
}

########################