.elementor-1715 .elementor-element.elementor-element-81a2df3{--display:flex;--overlay-opacity:0.5;}.elementor-1715 .elementor-element.elementor-element-81a2df3:not(.elementor-motion-effects-element-type-background), .elementor-1715 .elementor-element.elementor-element-81a2df3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thehomieexperience.com/wp-content/uploads/2024/10/text-1728391994951.png");background-position:155px 800px;}.elementor-1715 .elementor-element.elementor-element-81a2df3::before, .elementor-1715 .elementor-element.elementor-element-81a2df3 > .elementor-background-video-container::before, .elementor-1715 .elementor-element.elementor-element-81a2df3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1715 .elementor-element.elementor-element-81a2df3 > .elementor-background-slideshow::before, .elementor-1715 .elementor-element.elementor-element-81a2df3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1715 .elementor-element.elementor-element-81a2df3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, #f2295b 100%);}.elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-text ) 0%, var( --e-global-color-accent ) 100%);}.elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:var( --e-global-color-a9fdadc );}.elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 29%, var( --e-global-color-text ) 43%);}.elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-1715 .elementor-element.elementor-element-72f014a #add_payment_method #payment #place_order{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-a9fdadc ) 0%, #00D020 100%);}.elementor-1715 .elementor-element.elementor-element-72f014a > .elementor-widget-container{background-color:#FFFFFF;}.elementor-1715 .elementor-element.elementor-element-72f014a{--tabs-alignment:center;--tabs-normal-color:var( --e-global-color-293d926 );--tabs-hover-color:#57F305;--tabs-active-color:#1DFF08;--tabs-border-type:none;--sections-background-color:var( --e-global-color-secondary );--sections-border-type:solid;--sections-border-color:var( --e-global-color-primary );--sections-border-radius:13px 13px 13px 13px;--general-text-color:var( --e-global-color-primary );--login-messages-color:var( --e-global-color-primary );--checkboxes-color:var( --e-global-color-a9fdadc );--payment-methods-radio-buttons-color:var( --e-global-color-accent );--links-hover-color:#00FC20;--forms-columns-gap-padding-right:calc( 0px/2 );--forms-columns-gap-padding-left:calc( 0px/2 );--forms-columns-gap-margin-left:calc( -0px/2 );--forms-columns-gap-margin-right:calc( -0px/2 );--forms-labels-color:var( --e-global-color-a9fdadc );--forms-buttons-normal-text-color:var( --e-global-color-text );--forms-buttons-hover-text-color:var( --e-global-color-primary );--forms-buttons-border-radius:13px 13px 13px 13px;}.elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Indy Flower", Sans-serif;font-size:23px;font-weight:900;}.elementor-1715 .elementor-element.elementor-element-72f014a .woocommerce-MyAccount-navigation ul li.is-active a{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Indy Flower", Sans-serif;font-size:32px;}.elementor-1715 .elementor-element.elementor-element-72f014a .woocommerce-form-row label, .elementor-1715 .elementor-element.elementor-element-72f014a .woocommerce-address-fields label{font-family:"Indy Flower", Sans-serif;font-size:18px;}.elementor-1715 .elementor-element.elementor-element-72f014a .input-text, .elementor-1715 .elementor-element.elementor-element-72f014a select, .elementor-1715 .elementor-element.elementor-element-72f014a .select2-container--default .select2-selection--single, .elementor-1715 .elementor-element.elementor-element-72f014a .e-my-account-tab__payment-methods input[type=text]{box-shadow:0px 0px 10px 0px #00B8F5 inset;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1715 .elementor-element.elementor-element-81a2df3:not(.elementor-motion-effects-element-type-background), .elementor-1715 .elementor-element.elementor-element-81a2df3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1715 .elementor-element.elementor-element-81a2df3:not(.elementor-motion-effects-element-type-background), .elementor-1715 .elementor-element.elementor-element-81a2df3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-70bb716 */@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* Shred Cred Balance Container */
.shred-cred-balance {
    background: linear-gradient(19deg, #ACA2CA, #112222); /* Softer gradient */
    color: #ffffff;
    padding: 20px 30px; /* Adjust padding for horizontal layout */
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); /* Reduced shadow intensity */
    margin: 40px auto;
    max-width: 100%; /* Full width for alignment */
    display: flex; /* Enable flexbox */
    align-items: center; /* Align items vertically */
    justify-content: space-between; /* Space between items */
    animation: fadeInScale 1s ease-in-out;
    position: relative;
    overflow: hidden;
}

/* Animated Background Glow */
.shred-cred-balance::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent 60%);
    animation: rotateGlow 6s linear infinite;
    z-index: 0;
    pointer-events: none;
}

/* Text Elements */
.shred-cred-balance h3 {
    font-size: 1.5rem; /* Adjusted for retro style */
    margin-bottom: 0; /* No extra spacing in horizontal layout */
    color: #ffffff;
    font-family: 'Press Start 2P', cursive;
    z-index: 1;
    flex: 2; /* Takes more space on the left */
    text-align: left;
}

/* Icon */
.shred-cred-icon {
    font-size: 2.5rem; /* Slightly smaller for better fit */
    animation: bounce 2s infinite;
    z-index: 1;
    flex: 1;
    text-align: center;
}

/* Value */
.shred-cred-value {
    font-size: 1.8rem; /* Reduced size for balance */
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    animation: pulseGlow 3s infinite;
    z-index: 1;
    flex: 1; /* Align right */
    text-align: center;
}

/* Buy More Cred Button */
.buy-cred-button {
    font-family: 'Press Start 2P', cursive;
    font-size: 1rem;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(90deg, #ff8c00, #ffa500); /* Bright gradient for CTA */
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, background 0.3s ease;
    margin-top: 10px;
    display: inline-block;
}

.buy-cred-button:hover {
    transform: scale(1.1);
    background: linear-gradient(90deg, #ffa500, #ff8c00); /* Reverse gradient on hover */
}

/* Animations */
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
    }
}

/* Responsive Styles */

/* Tablet View */
@media (max-width: 768px) {
    .shred-cred-balance {
        flex-direction: column; /* Stack elements vertically */
        padding: 15px 20px;
    }
    .shred-cred-balance h3 {
        text-align: center; /* Center-align for smaller screens */
        font-size: 1.3rem;
        margin-bottom: 15px; /* Add spacing */
    }
    .shred-cred-icon {
        margin: 10px 0;
    }
    .shred-cred-value {
        text-align: center;
        font-size: 1.5rem;
        margin-top: 10px;
    }
}

/* Mobile View */
@media (max-width: 480px) {
    .shred-cred-balance {
        flex-direction: column; /* Stack elements vertically */
        padding: 10px 15px;
    }
    .shred-cred-balance h3 {
        font-size: 1.2rem;
    }
    .shred-cred-icon {
        font-size: 2rem;
    }
    .shred-cred-value {
        font-size: 1.4rem;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-my-account, class: .elementor-element-72f014a *//* General Styling for Login/Register Forms on the My Account Page */
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register {
    background-color: #2c2c3e !important; /* Fun dark background */
    padding: 30px !important; /* Padding around the form */
    border-radius: 15px !important; /* Smooth rounded corners */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important; /* Subtle shadow for depth */
    max-width: 500px !important; /* Restrict form width */
    margin: 20px auto !important; /* Center the form on the page */
    text-align: center !important; /* Center-align the content */
}

/* Form Fields */
body.woocommerce-account form.woocommerce-form-login input,
body.woocommerce-account form.woocommerce-form-register input {
    width: 100% !important;
    padding: 10px !important;
    margin-bottom: 15px !important;
    border: 2px solid #4a90e2 !important; /* Fun border color */
    border-radius: 8px !important;
    font-size: 16px !important;
    background-color: #ffffff !important; /* White input background */
    color: #000000 !important; /* Black text for input fields */
}

/* Buttons */
body.woocommerce-account form.woocommerce-form-login button,
body.woocommerce-account form.woocommerce-form-register button {
    background-color: #4a90e2 !important; /* Blue button background */
    color: #ffffff !important; /* White button text */
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

body.woocommerce-account form.woocommerce-form-login button:hover,
body.woocommerce-account form.woocommerce-form-register button:hover {
    background-color: #357ab8 !important; /* Darker blue hover effect */
}

/* Center Branding Logo Above Forms */
body.woocommerce-account form.woocommerce-form-login:before,
body.woocommerce-account form.woocommerce-form-register:before {
    content: url('YOUR_ICON_URL') !important; /* Replace with your logo URL */
    display: block !important;
    margin: 0 auto 20px auto !important;
    width: 100px !important;
    height: auto !important;
}

/* Headings */
body.woocommerce-account form.woocommerce-form-login h2,
body.woocommerce-account form.woocommerce-form-register h2 {
    font-size: 24px !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37a3d28 */@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* Shred Cred Balance Container */
.shred-cred-balance {
    background: linear-gradient(19deg, #ACA2CA, #112222); /* Softer gradient */
    color: #ffffff;
    padding: 20px 30px; /* Adjust padding for horizontal layout */
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); /* Reduced shadow intensity */
    margin: 40px auto;
    max-width: 100%; /* Full width for alignment */
    display: flex; /* Enable flexbox */
    align-items: center; /* Align items vertically */
    justify-content: space-between; /* Space between items */
    animation: fadeInScale 1s ease-in-out;
    position: relative;
    overflow: hidden;
}

/* Animated Background Glow */
.shred-cred-balance::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent 60%);
    animation: rotateGlow 6s linear infinite;
    z-index: 0;
    pointer-events: none;
}

/* Text Elements */
.shred-cred-balance h3 {
    font-size: 1.5rem; /* Adjusted for retro style */
    margin-bottom: 0; /* No extra spacing in horizontal layout */
    color: #ffffff;
    font-family: 'Press Start 2P', cursive;
    z-index: 1;
    flex: 2; /* Takes more space on the left */
    text-align: left;
}

/* Icon */
.shred-cred-icon {
    font-size: 2.5rem; /* Slightly smaller for better fit */
    animation: bounce 2s infinite;
    z-index: 1;
    flex: 1;
    text-align: center;
}

/* Value */
.shred-cred-value {
    font-size: 1.8rem; /* Reduced size for balance */
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    animation: pulseGlow 3s infinite;
    z-index: 1;
    flex: 1; /* Align right */
    text-align: center;
}

/* Buy More Cred Button */
.buy-cred-button {
    font-family: 'Press Start 2P', cursive;
    font-size: 1rem;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(90deg, #ff8c00, #ffa500); /* Bright gradient for CTA */
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, background 0.3s ease;
    margin-top: 10px;
    display: inline-block;
}

.buy-cred-button:hover {
    transform: scale(1.1);
    background: linear-gradient(90deg, #ffa500, #ff8c00); /* Reverse gradient on hover */
}

/* Animations */
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
    }
}

/* Responsive Styles */

/* Tablet View */
@media (max-width: 768px) {
    .shred-cred-balance {
        flex-direction: column; /* Stack elements vertically */
        padding: 15px 20px;
    }
    .shred-cred-balance h3 {
        text-align: center; /* Center-align for smaller screens */
        font-size: 1.3rem;
        margin-bottom: 15px; /* Add spacing */
    }
    .shred-cred-icon {
        margin: 10px 0;
    }
    .shred-cred-value {
        text-align: center;
        font-size: 1.5rem;
        margin-top: 10px;
    }
}

/* Mobile View */
@media (max-width: 480px) {
    .shred-cred-balance {
        flex-direction: column; /* Stack elements vertically */
        padding: 10px 15px;
    }
    .shred-cred-balance h3 {
        font-size: 1.2rem;
    }
    .shred-cred-icon {
        font-size: 2rem;
    }
    .shred-cred-value {
        font-size: 1.4rem;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Indy Flower';
	font-display: auto;
	src: url('https://thehomieexperience.com/wp-content/uploads/2024/10/IndieFlower-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */