/**
 * Theme Name:     Flatsome Child
 * Author:         UX-Themes
 * Template:       flatsome
 * Text Domain:	   flatsome-child
 * Description:    Flatsome child theme
 * Version: 0.0.2
 */

:root {
    --primary-color: ;
    --h3-font-size: 1.4em;
    --h3-line-height: 1.3;
    --h4-font-weight: 700;
}

/*Global*/
h1 {
    font-size: 40px !important;
    font-family: Lexend, sans-serif !important;
}

/*Section titles*/
h2 {
    font-size: 32px;
    font-weight: 600 !important;
}

/*Names of people, some section names check home page*/
h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height) !important;
    font-weight: bold !important;
}

/* Footer title */
h4 {
    font-weight: var(--h4-font-weight) !important;
}

/*iconbox title*/
h5 {
}

p {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
}

.text-blue {
    color: #06baec !important;
    font-size: 1.2em !important;
}

.text-white {
    color: white !important;
    .amount {
        color: var(--primary-color) !important;
        font-size: 1.3em !important;
        font-weight: 500 !important;
    }
}

p.small {
    font-size: 0.6em !important;
}

p.bold {
    font-weight: 700 !important;
}

p.bold.bold-large {
    font-size: 18px !important;
}

.why-emast-row .icon-box {
    display: flex !important;
    flex-direction: column-reverse;
}

.btn-gradient,
.single-product .cart .request-product {
    background: linear-gradient(90deg, #302f2f 0%, #999999af 99%) !important;
    color: white !important;
    border: 1px solid white !important;
    padding: 0 1.75em !important;
    font-size: 0.95em !important;
}

a.button {
    font-size: 0.95em !important;
    padding: 0 2.75em !important;
    border: 1px solid !important;
    padding-top: 2px !important;
    margin-right: 5px;
    margin-bottom: 5px !important;
}

a.button.blue {
    border: 1px solid #215395 !important;
    color: #215395 !important;
    span {
        color: #215395 !important;
    }
}

.shop-categories .category-button {
    font-size: 12px !important;
}

.shop-categories .category-button.active {
    background-color: var(--fs-color-secondary) !important;
    color: white !important;
}

.metrics-switcher.selected {
    box-shadow: 0px 0px 0px 2px var(--primary-color) !important;
}

.image-variable-item-868-mhz-eu,
.image-variable-item-915-mhz-usa-and-can {
    width: 60px !important;
    height: auto !important;
}

.variable-item.selected {
    box-shadow: 0px 0px 0px 2px var(--primary-color) !important;
}

section {
    padding: 50px 0px !important;
}

section.section.section-0 {
    padding: 0px !important;
}

.product-title a {
    text-transform: uppercase;
    font-weight: 700;
}

ins .woocommerce-Price-amount bdi {
    color: var(--primary-color);
    font-weight: 500;
}

.focused-checkout-logo {
    background-color: var(--fs-color-secondary) !important;
}

.variations {
    margin-bottom: 0px;
    tbody tr th {
        padding-bottom: 0px;
    }
}
.variations_form label {
    font-size: 1.1rem;
}

.details-for-selected-size {
    font-size: 1.1rem !important;
}

.header-wrapper.stuck,
.single-product,
.woocommerce-dashboard,
.page-id-37,
.page-id-3,
.page-id-393,
.page-id-395 {
    #masthead {
        background-color: var(--fs-color-secondary);
    }
}

.woocommerce-message.message-wrapper {
    display: none;
}

.icon-box-img {
    margin-bottom: 0px !important;
}

.faq-tabs {
    ul {
        gap: 10px !important;
        li {
            border: 1px solid gray !important;
            a {
                border-radius: inherit !important;
            }
        }
    }
}

.wysiwyg-content {
    color: white !important;
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: white !important;
    }
}

.product-small {
    .box-image img {
        object-fit: contain !important;
    }
}

.text-before::before {
    content: "";
    display: inline-block;
    background-image: url("https://openfoil.com/wp-content/uploads/2025/04/checkmark.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px; /* Adjust width as needed */
    height: 16px; /* Adjust height as needed */
    margin-right: 8px; /* Space between the image and the text */
    vertical-align: middle; /* Align the image with the text */
}

.align-center.icon-box {
    align-items: center !important;
    @media (max-width: 600px) {
        display: flex;
        flex-direction: column !important;
        text-align: center;
    }
}

#footer .back-to-top {
    padding: 12px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.woocommerce-Price-amount bdi {
    color: var(--primary-color) !important;
}

.simple-product-price .woocommerce-Price-amount bdi {
    color: inherit !important; /* Or whatever the original/default is */
}

.price-wrapper .price {
    color: var(--primary-color) !important;
}

@media (max-width: 768px) {
    .column-reverse {
        flex-direction: column-reverse !important;
    }
    .mobile-sidebar .nav-sidebar {
        #header-contact li a {
            padding-left: 10px;
            padding-bottom: 3px;
            color: white;
			font-size: 1em;
			filter: drop-shadow(0px 0px 7px rgba(0, 128, 128, 1));
        }
        .menu-item a {
            padding-top: 7px;
            padding-bottom: 7px;
            font-size: 1.2em;
            color: white;
			filter: drop-shadow(0px 0px 7px rgba(0, 128, 128, 1));
        }
        .icon-instagram,
        .icon-facebook {
            color: white;
        }
    }
    .shop-categories {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

/*Header*/
.header-wrapper {
    /*TOP-HEADER*/
    #top-bar {
        .nav-left {
            a {
                padding: 0px !important;
                padding-top: 0px !important;
                font-size: 0.75rem;
            }
            .icon-phone,
            .icon-envelop {
                padding-left: 5px;
            }
        }
        .nav-center {
            @media (max-width: 700px) {
                .html_topbar_left {
                    text-align: center !important;
                }
                a {
                    font-size: 0.85em;
                    text-decoration: underline;
                }
                .icon-phone,
                .icon-envelop {
                    padding-left: 5px;
                }
            }
        }
        .nav-right li a {
            text-decoration: underline;
            font-size: 0.75em;
        }
    }

    .icon-facebook:before {
        content: "";
        background-image: url(/wp-content/uploads/2025/04/facebook.png);
        display: inline-block;
        background-size: contain;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        margin-top: 5px;
    }
    .nav-top-not-logged-in {
        margin-top: 0px;
    }
    .nav-top-not-logged-in::after {
        content: "";
        background-image: url(/wp-content/uploads/2025/04/profile.png);
        display: inline-block;
        background-size: contain;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
    }
    .icon-instagram:before {
        content: "";
        background-image: url(/wp-content/uploads/2025/04/instagram.png);
        display: inline-block;
        background-size: contain;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        margin-top: 5px;
    }

    .icon-shopping-cart:before {
        content: "";
        background-image: url(/wp-content/uploads/2025/04/cart.png);
        display: inline-block;
        background-size: contain;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
    }

    .icon-user:before {
        content: "";
        background-image: url(/wp-content/uploads/2025/04/profile.png);
        display: inline-block;
        background-size: contain;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
    }

    /*HEADER*/
    #masthead {
        .header-nav-main li a {
            color: white;
            padding-bottom: 0px !important;
        }
        .header-nav.header-nav-main.nav.nav-left {
            justify-content: center !important;
            gap: 20px;
        }

        .nav-dropdown {
            .woocommerce-MyAccount-navigation-link a {
                color: var(--secondary-color);
            }
        }
    }
}

/*Footer*/
#footer {
    .ux-menu .ux-menu-link__link {
        min-height: unset !important;
        padding: 3px 0px !important;
        font-size: 0.9em !important;
    }

    .absolute-footer {
        padding: 15px 0px !important;
    }

    .footer-primary {
        float: unset;
        .copyright-footer {
            text-align: center !important;
        }
    }
}

/* Testimonials */
.testimonial-img {
    width: 100px;
    height: 100px;
    border: 5px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: var(--primary-color);
    margin: 0 auto;
    margin-bottom: 20px;
    font-style: normal;
}

/*Shop*/
.shop-page-title {
    padding-top: 16.25% !important;
    .page-title-bg .title-bg {
        background-position: bottom !important;
    }
    .woocommerce-breadcrumb {
        text-transform: uppercase;
        @media (max-width: 600px) {
            padding-top: 8%;
            font-size: 20px;
        }
    }
    .orderby {
        text-transform: uppercase;
        border-radius: 2px !important;
        @media (max-width: 600px) {
            font-size: 13px;
        }
    }
}

.featured-title .page-title-inner {
	margin-top: 170px !important;
}

.emast {
    min-height: 500px;
    img {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        object-fit: unset !important;
    }
}

.shop-container {
    .shop-banner-100dvw {
        width: 100dvw;
        left: 50%;
        transform: translate(-50%);
    }
    .emast-shop-100dvw {
        width: 100dvw;
        left: 50%;
        transform: translate(-50%);
        .push-to-center {
            margin: 0 auto;
        }
    }
    .before-shop-block {
        width: 40%;
        min-width: 450px;
        @media (max-width: 768px) {
            width: 100%;
            min-width: unset;
        }
    }
}

.show-products-dropdown {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/*Single product*/
.single-product {
    .variations {
        tr {
            display: flex;
            flex-direction: column !important;
        }
    }
    .additional-information {
        columns: 2;
        column-gap: 10%;
        @media (max-width: 768px) {
            columns: 1;
        }

        .info-item {
            break-inside: avoid;
        }
    }
    .single_variation_wrap {
        display: flex;
        flex-direction: column;
        .woocommerce-variation.single_variation {
            order: 3 !important;
            .woocommerce-variation-price {
                border-top: 0px;
                .price bdi {
                    color: var(--fs-color-secondary) !important;
                }
                .price del bdi {
                    color: var(--fs-color-secondary) !important;
                }
                .price ins bdi {
                    color: var(--fs-color-secondary) !important;
                }
            }
        }
    }
}

.single-product {
    .woocommerce-variation-price,
    .simple-product-price {
        font-size: 20px;
    }
    .tabbed-content {
        ul {
            gap: 30px !important;
            li a span {
                font-size: 1em;
                color: white !important;
            }
            .active a span {
                color: var(--primary-color) !important;
            }
        }
    }
}

.single-product.postid-307 {
    .product-title {
        color: white !important;
    }
    .cart {
        width: 45%;
        @media (max-width: 768px) {
            width: 100%;
        }
    }
}

.attribute-value {
    display: block;
}

.us-metric {
    display: none;
}

.attribute-value.active {
    display: none !important;
}

.us-metric.active {
    display: block !important;
}

.shop_table {
    .actions .button.primary.mt-0.pull-left.small {
        display: none;
    }
}

@media (max-width: 600px){
	.mobile-text-box{
		margin: 10px 0px 10px 0px !important;
	}
}

@media (max-width: 849px) {
    .mfp-container {
		background: linear-gradient(to top right, #cccccc, var(--primary-color)) !important;
	}
}