/* Old CSS from functions.php - START */
#product-371 .product-gallery.large-6.col,
#product-sidebar,
.custom-tattoo .quantity.buttons_added,
.custom-tattoo .single_add_to_cart_button.button.alt.wp-element-button,
.show {
    display: none;
}

#size12 {
    display: block;
}

.price-wrapper.result_pages_price {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-price.original_amount_append {
    color: #ecaa7f !important;
}

.custom-price.product-page-price span.amount {
    color: #ecaa7f !important;
}

.quantity-and-btn {
    align-items: left !important;
}

.quantity-and-btn > div {
    align-items: left !important;
}

/* Old CSS from functions.php - END */

/* LikeInk CSS - START */
@page {
    margin: 0;
}

.d-none {
    display: none !important;
}

#product-371 .product-main {
    padding-top: 0;
}

#product-371 .product-main .product-info {
    padding: 0;
}

#product-371 .product-main .product-info > .price-wrapper {
    display: none;
}

#product-371 .product-main > .row {
    max-width: 100%;
}

.pdp {
    background-color: #fff;
    padding: 225px 2rem 200px;
}

.sheet-section {
    position: relative;
}

.sheet-section .image-upload-button {
    position: absolute;
    top: 50%;
    left: calc(50% - 115px);
    display: inline-block;
}

.sheet-section .image-upload-button .file-upload-button {
    margin-bottom: 0;
    margin-right: 0;
    width: auto;
    background-color: #2D6947;
    padding: 14px 32px 12px 64px !important;
    font-size: 16px;
    font-weight: 400 !important;
    text-transform: capitalize;
    line-height: 1;
    background-image: url('../images/icons/upload_file_white.png');
    background-position: 32px center;
    background-repeat: no-repeat;
    background-size: 20px;
    color: #fff;
}
.size-buttons button.decrease-size, .size-buttons button.increase-size {
    color: #fff;
}
 

.sheet-section .image-upload-button .file-up {
    opacity: 0;
    width: 100%;
    max-width: 230px;
    display: block;
    position: absolute;
    top: 0;
    margin-bottom: 0;
    padding: 7px 0;
    cursor: pointer;
}

.a5-sheet {
    width: 100%;
    max-width: 826px;
    outline: 1px dashed #ff0000;
    /* outline: 1px solid #707070; */
    background-color: #fff;
    text-align: left;
    overflow: hidden;
    margin: 0 auto;
}

.a5-sheet-before {
    margin: 0 auto;
    width: 100%;
    max-width: 838px;
    background-color: #fff;
    border: 1px solid #000;
    position: relative;
    padding: 5px;
}

.a5-sheet-before:before {
    content: '13.33cm';
    color: grey;
    position: absolute;
    font-size: 14px;
    left: -70px;
    transform: rotate(-90deg);
    top: calc(50% - 20px);
    background-image: url(../images/icons/arrow_left_grey.svg),
        url(../images/icons/arrow_right_grey.svg);
    background-position: 0, 88px;
    background-repeat: no-repeat;
    width: 107px;
    padding-left: 25px;
    background-size: 18px;
}

.a5-sheet-second {
    width: 100%;
    max-width: 420px;
    outline: 1px solid #707070;
    background-color: #fff;
    overflow: hidden;
}

.product-quantity-section {
    width: 100%;
    max-width: 600px;
}

.product-quantity-section > h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.product-quantity-section .order_slider_page {
    border-color: #ecaa7f !important;
    border-width: 0 1px 0 1px;
    background-color: #fbc199 !important;
    border-radius: 0 !important;
    margin: 0;
    max-width: 100px !important;
    text-align: center;
    padding: 24px 12px 25px 12px;
}

.quantity-and-btn {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.quantity-and-btn > div {
    display: flex;
}

.quantity-and-btn button.increase-quantity,
.quantity-and-btn button.decrease-quantity {
    color: #fff;
    font-weight: normal;
    background-color: #fbc199;
    border-radius: 0;
    padding: 8px 14px 7px 14px;
    border: 0;
    margin: 0;
}

.tattoo-size-slider-div {
    max-width: 700px;
    padding: 26px 0;
    margin: 0 auto;
    text-align: center;
}

.tattoo-size-slider-div .tattoo-count-and-size {
    font-weight: 600;
    margin-bottom: 2rem;
}

.tattoo-size-slider-div .tattoo-count-and-size > #order_cm,
.tattoo-size-slider-div .tattoo-count-and-size > #number_of_images {
    color: #00526b !important;
    background-color: transparent !important;
    box-shadow: none;
    padding: 1rem 0;
    margin: 0;
    width: 40px !important;
    font-size: 16px;
    margin-top: 1px;
    text-align: center;
    font-style: normal;
    border: 0;
}

input[type='range'],
.tattoo-size-slider-div .order_slider {
    background: #00526b3e none repeat scroll 0 0;
    background: #00526b3e !important;
    border-radius: 100px;
    height: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.tattoo-size-slider-div .order_slider::-webkit-slider-thumb,
input[type='range']::-webkit-slider-thumb,
.tattoo-size-slider-div .order_slider::-moz-range-thumb,
input[type='range']::-moz-range-thumb,
.tattoo-size-slider-div .order_slider::-ms-thumb,
input[type='range']::-ms-thumb {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 0;
    background-color: #00526b !important;
    background: #00526b !important;
    cursor: pointer;
}

.pdp .actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: absolute;
    top: 48px;
    left: 48px;
    right: 48px;
}

.next.action-button {
    margin: 0;
    background-color: #2e6947 !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400 !important;
    padding: 22px 30px 21px 60px;
    line-height: 0;
    background-image: url(../images/icons/arrow_circle_right_white.svg);
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.side-actions {
    font-size: 16px;
    text-align: left;
}

.side-actions > div {
    cursor: pointer;
    padding-left: 20px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-left: 10px;
}

.side-actions .go-back {
    background-image: url('../images/icons/arrow_circle_left_black.svg');
}

.side-actions .new-upload {
    background-image: url('../images/icons/upload_file_black.svg');
}

.side-actions .help {
    background-image: url('../images/icons/info_circle_black.svg');
}

.side-actions .rotate-button {
    background-image: url('../images/icons/rotate_arrow.svg');
}

.actions-second .design-heading {
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}

.product-quantity-section .single_add_to_cart_button.wp-element-button {
    display: none;
}

.product-quantity-section .single_add_to_cart_button.button {
    margin: 0;
    display: block;
    border-radius: 0;
    background-color: #2d6947 !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    padding: 24px 35px !important;
    line-height: 0;
    border: 0;
}

.actions-third .previous.action-button.return_to_prev {
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    padding-left: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url('../images/icons/arrow_circle_left_black.svg');
    margin: 0;
    background-color: transparent;
    text-transform: capitalize;
    line-height: 1;
    border: 0;
}

.final-screen {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
}

.general-information {
    background-color: #2d6947;
    padding: 90px 140px;
    color: #fff;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
}

.general-information .design-heading {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}

.size-warning {
    padding: 1rem;
    border: 1px solid #ff0000;
    text-align: center;
    transition: display 0.5s;
    display: none;
    border-radius: 4px;
    margin-bottom: 1rem;
    font-size: 13px;
}

.help-popup {
    display: none;
    transition: display 0.5s;
    position: fixed;
    top: 5rem;
    left: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
    max-width: 775px;
    margin: 0 auto;
    background-color: #fff;
    z-index: 9999999;
    padding: 1rem 2rem 2rem 2rem;
    border-radius: 4px;
    box-shadow: 0 0 5px 3px #00000022;
}

.help-popup div {
    text-align: right;
    margin-bottom: 2rem;
}

.help-popup div button {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    background-color: transparent;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0 1rem 0 0;
}

.size-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

button.increase-size,
button.decrease-size {
    color: #2e6947;
    background-color: transparent;
    padding: 0 10px;
    border: 0;
    margin: 0;
}

.mid-text {
    text-align: center;
}

.mid-text h3 {
    text-transform: uppercase;
    font-weight: normal;
}

.mid-text > p {
    font-size: 14px;
}

.mid-text > p:first-of-type {
    margin-bottom: 0;
}

.stage-counter {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.a5-sheet-width {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: grey;
}

.a5-sheet-width span:first-of-type {
    background-image: url('../images/icons/arrow_left_grey.svg');
    background-size: 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.a5-sheet-width span:last-of-type {
    background-image: url('../images/icons/arrow_right_grey.svg');
    background-size: 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.c-green {
    color: #2d6947;
}

.c-blue {
    color: #00526b;
}

/* LikeInk CSS - END */

/* CSS for Staging Env - START */
.custom-tattoo .cart > .single_add_to_cart_button,
.custom-tattoo .product-price-container,
.custom-tattoo .likeink-product > .product-breadcrumb-container,
.custom-tattoo .likeink-product > .product-title-container,
.custom-tattoo .custom-product-page > .row > .related,
.custom-tattoo .product-wrapper > div:first-of-type {
    display: none;
}

.custom-tattoo .product-wrapper > div:last-of-type {
    max-width: 100%;
    flex-basis: 100%;
    padding: 0;
}

.custom-tattoo .custom-product-page {
    background-color: #fff;
    margin-top: 0;
}

.custom-tattoo footer {
    margin-top: -39px;
}
/* CSS for Staging Env - END */

@media screen and (min-width: 768px) {
    .quantity-and-btn {
        align-items: center !important;
    }

    .quantity-and-btn > div {
        align-items: center !important;
    }
}

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
    .pdp {
        padding: 275px 2rem 200px;
    }

    .product-quantity-section .order_slider_page {
        padding: 24px 12px 25p 12px !important;
    }

    .product-quantity-section {
        padding-left: 1rem;
    }

    .pdp .actions {
        flex-direction: column-reverse;
        align-items: center;
        gap: 1rem;
        left: 1rem;
        right: 1rem;
    }

    .side-actions {
        order: 2;
        flex-direction: row;
        display: flex;
        justify-content: stretch;
    }

    .mid-text {
        order: 1;
    }

    .stage-counter {
        order: 3;
    }

    .quantity-and-btn {
        flex-direction: column;
    }
}

@media screen and (max-width: 575px) {
    .pdp {
        padding: 355px 2rem 250px;
    }

    .final-screen {
        margin-top: -100px;
        flex-direction: column;
        gap: 2rem;
    }

    .product-quantity-section {
        padding-left: 0;
    }

    .general-information {
        padding: 2rem;
    }
}

/* CSS Spinner */
.spinner-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #00000099;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.elementor-element.elementor-element-51a850e4.elementor-widget.elementor-widget-heading {
    display: none;
}
.elementor-element.elementor-element-1155fb53.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    display: none;
}