/*
theme name: uncode child
author: childthemewp.com
author uri: https://childthemewp.com/uncode/
description: uncode wordpress child theme.
template: uncode
text domain: uncode-child
*/

.woo-variation-swatches .variations_form>.variations ul.variable-items-wrapper {
   
    display: flex !important;
   
    align-items: center !important;
}
@media all and (min-width:1000px) {
    .woocommerce-account .vc_custom_1662724167262 {
    width: 66%;
        margin: 0 0 0 auto;
    }
}
.woocommerce-MyAccount-navigation-link--backinstock{
    display: none !important;
}
.mono-content a:hover,
.style-light a:not(.btn-text-skin):hover {
    
    line-height: inherit !important;
}
.woocommerce-cart td.actions {
    display: flex;
}
/* .thank-you{
    
    font-size: 77px !important;
} */
.woocommerce-bacs-bank-details .h2 {
    letter-spacing: 0 !important;
    word-spacing: unset !important;
}

/* Additional CSS for Storys */

.story-heading-text {
    text-align: center;
    max-width: 1280px;
    margin: 0 auto;

    h1, h2, h3, h4, h5, h6 {
        font-size: 48px !important;

        @media (min-width: 768px) {
            font-size: 4vw !important;
        }
    }
}

.story-heading-image {
    max-width: 800px;
    margin: 0 auto;
}

.single-post {
    .main-wrapper {
        background-color: rgb(242,242,242) !important;
    }

    .main-container,
    .page-body {
        background-color: transparent !important;
    }
    .post-content {
        max-width: 1280px !important;
        margin: 0 auto;

        h3 {
            font-size: 24px !important;
        }
    }

    .t-entry-text-tc {
        padding-top: 18px !important;
    }

    .story-image-container {
        .wpb_column {
            padding-left: 3px !important;
        }
    }


    #page-header {
        .t-entry-visual-tc {
            .uncode-single-media-wrapper {
                position: relative;
                aspect-ratio: 5/4;

                img {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }


    .uncode_text_column {
        max-width: 800px;
        margin: 0 auto;

        p {
            font-size: 20px !important;
            line-height: 30px !important;
        }
    }

    .comments-area {
        max-width: 800px;
        margin: 0 auto;
    }

    .post-tag-share-container {
        justify-content: center !important;
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
}

.storys {
    .main-wrapper {
        background-color: rgb(242,242,242) !important;
    }

    .main-container,
    .page-body {
        background-color: transparent !important;
    }
}

.page-template-default {
    .t-entry-text-tc {
        padding-top: 18px !important;
    }
}

.t-entry {
    .t-entry-readmore {
        .btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container), .btn-link:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container) {
            font-size: 14px !important;
            font-weight: bold !important;
            letter-spacing: 0 !important;
            border: none;
            display: flex;
            align-items: center;

            &::before {
                content: "\e87a";
                margin-right: 5px;
                font-family: 'uncodeicon' !important;
            }
        }
    }
}

.story-newsletter {
    max-width: 800px !important;
    margin: 0 auto !important;

    #mc_embed_signup {
        width: 100%;
        background: transparent;

        label {
            display: none !important;
        }

        form {
            margin: 0;

            input.email {
                border: 1px solid black !important;
                border-radius: 0 !important;
                background-color: transparent !important;
                padding-top: 15px;
                padding-bottom: 15px;
            }
        }

        h2 {
            display: none;
        }

        .indicates-required {
            display: none;
        }
    }

    .story-newsletter__text {
        flex-basis: 50%;

        p {
            margin-top: 0;
        }
    }

    .story-newsletter__form {
        flex-basis: 50%;

        #mc-embedded-subscribe {
            margin: 0;
        }

    }

    @media (min-width: 768px) {
        display: flex;
        align-items: start;
        flex-flow: row-reverse;
    }
}