.elementor-239 .elementor-element.elementor-element-55f52c8a{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-239 .elementor-element.elementor-element-55f52c8a::before, .elementor-239 .elementor-element.elementor-element-55f52c8a > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-55f52c8a > .e-con-inner > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-55f52c8a > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-55f52c8a > .e-con-inner > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-55f52c8a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mycartly.store/wp-content/uploads/2019/08/phox-post.jpg");--background-overlay:'';}.elementor-239 .elementor-element.elementor-element-7ed0ae48{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #000000;}.elementor-239 .elementor-element.elementor-element-7ed0ae48:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-7ed0ae48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFDFD;}.elementor-239 .elementor-element.elementor-element-7ed0ae48.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-239 .elementor-element.elementor-element-224e7c71 img{width:19vw;}body.elementor-page-239:not(.elementor-motion-effects-element-type-background), body.elementor-page-239 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-239 .elementor-element.elementor-element-55f52c8a{--content-width:100%;}.elementor-239 .elementor-element.elementor-element-7ed0ae48{--width:750px;}}@media(max-width:1024px) and (min-width:768px){.elementor-239 .elementor-element.elementor-element-7ed0ae48{--width:551px;}}/* Start custom CSS for shortcode, class: .elementor-element-64aeabf *//* Styling for the Login/Submit Button and Checkout Button */
#wp-submit, #checkout-btn {
    /* Base orange-brown background color */
    background-color: #CD853F; /* Peru */
    /* Text color - choose something that contrasts well, maybe off-white or dark brown */
    color: #FFFFFF; /* White for good contrast */
    /* Padding around the text */
    padding: 12px 25px;
    /* Remove default border */
    border: none;
    /* Rounded corners */
    border-radius: 5px;
    /* Change cursor on hover */
    cursor: pointer;
    /* Font size */
    font-size: 16px;
    /* Make it an inline-block element */
    display: inline-block;
    /* Optional: Add a top margin if it's too close to other elements */
    margin-top: 15px;
    /* Optional: Transition for smooth hover effects */
    transition: background-color 0.3s ease, color 0.3s ease; /* Add color transition for text if it changes */
}

/* Hover effect for the Login/Submit Button and Checkout Button */
#wp-submit:hover, #checkout-btn:hover {
    background-color: #A0522D; /* Sienna - a darker orange-brown */
    color: #F8F8F8; /* Slightly off-white for subtle contrast change */
}


/* Styling for the "Create an Account" link */
.wu-text-sm.wu-no-underline.button[href*="mycartly.store/register"] {
    /* Base orange-brown background color, perhaps a slightly different shade or the same */
    background-color: #B8860B; /* Dark Goldenrod - a complementary orange-brown, or use #CD853F for exact match */
    /* Text color */
    color: #FFFFFF; /* White for good contrast */
    /* Padding around the text */
    padding: 12px 25px;
    /* Remove default text decoration (underline) */
    text-decoration: none;
    /* Rounded corners */
    border-radius: 5px;
    /* Display as inline-block */
    display: inline-block;
    /* Optional: Margin to separate from other elements */
    margin-left: 15px; /* Or margin-top if it's on a new line */
    /* Font size */
    font-size: 16px;
    /* Optional: Transition for smooth hover effects */
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover effect for the "Create an Account" link */
.wu-text-sm.wu-no-underline.button[href*="mycartly.store/register"]:hover {
    background-color: #8B4513; /* SaddleBrown - a darker brown-orange for hover */
    color: #F8F8F8; /* Slightly off-white */
}/* End custom CSS */