/*
Theme Name: Spexo Child
Theme URI: https://spexoaddons.com/spexo-elementor-theme/
Description:  Child Theme For Spexo Theme 
Author:       Spexo
Author URI:   https://spexoaddons.com
Template:     spexo
Version:      1.0.0
Text Domain:  spexo
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




/*======== Documentation image popup style [START] ========*/

.betterdocs-content img {
	cursor: zoom-in;
}

.img-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 9999999 !important;
    padding: 50px 0px 50px 0px;
    text-align: center;
}

.img-popup img {
    max-width: 90%;
    /*width: 100%;*/
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    display: inline-block;
}

.close-btn {
    width: 35px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*position: absolute;*/
    position: fixed;
    top: 20px;
    right: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.close-btn .bar {
    height: 4px;
    background: #fff;
}

.close-btn .bar:nth-child(1) {
    transform: rotate(45deg);
}

.close-btn .bar:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
}

.opened {
    /*display: flex;*/
    display: inline-block;
    overflow: auto;
}

.opened img {
    animation: animatepopup 1s ease-in-out .8s;
    -webkit-animation: animatepopup .3s ease-in-out forwards;
}

body.img-popup-opened {
	overflow: hidden;
}

@keyframes animatepopup {
    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@media screen and (max-width: 880px) {
    .container .container__img-holder:nth-child(3n+1) {
        margin-left: 16px;
    }
}

/*======== Documentation image popup style [END] ========*/

@font-face {
  font-family: Apercu-Bold, sans-serif;
  src: url(https://webtoprint.mbdev.mbstaging.net/wp-content/uploads/2025/01/Apercu-Bold.otf);
}

@font-face {
  font-family: Apercu-Regular, sans-serif;
  src: url(https://webtoprint.mbdev.mbstaging.net/wp-content/uploads/2025/01/Apercu-Regular.otf);
}

body {
	font-family: var(--theme-font-family) !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Apercu-Bold, sans-serif !important;
}
ul.products.columns-4 {
    display: flex
;
    flex-wrap: wrap;
    margin: 0 -15px;
}
ul.products.columns-4 li.product-category {
    margin: 0;
    width: 25%;
    padding: 0 15px;
}
ul.products li.product-category img {
    border-radius: 10px;
}
ul.products li.product-category .woocommerce-loop-category__title {
    font-size: 16px !important;
    line-height: 30px;
    margin: 0 !important;
    padding: 0 !important;
	text-align: center;
}
ul.products li.product-category .woocommerce-loop-category__title .count {
    display: none;
}
.type-product .tmpcoder-grid-image-wrap {
    position: relative;
    padding-top: 60%;
}
.type-product .tmpcoder-grid-image-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body .tmpcoder-site-header .site-branding img {
    max-width: 160px;
}
.footer-inner nav.site-navigation {
    display: none;
}
.footer-inner .footer-copyright-text {
    width: 100% !important;
    text-align: center;
}
.type-product .tmpcoder-grid-item-title a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.type-product .tmpcoder-grid-item-title .inner-block {
    border-bottom: 1px solid #F8F8F8;
	padding-bottom: 25px;
}
.tmpcoder-grid-item-add-to-cart .inner-block a.button:hover {
    background: var(--theme-button-background-hover) !important;
}
/*----- 25-01-2025 start -----*/
body.single-product .woocommerce-product-gallery .flex-viewport, body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    border-radius: 15px;
	overflow: hidden;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
    border-radius: 10px;
}
body.single-product .summary .product_title {
    font-size: var(--heading3-font-size) !important;
    line-height: var(--heading3-line-height) !important;
	margin-bottom: 0;
}
body.single-product .summary .nbd-field-header {
    padding-left: 0;
    padding-right: 0;
    color: var(--theme-global-color-1);
}
body.single-product .summary .nbd-option-field {
    background-color: transparent;
}
body.single-product .summary .nbd-field-content {
    background: #ffffff;
    border-radius: 5px;
}
body.single-product .summary .nbd-field-content .nbd-label-wrap input[type="radio"]:checked + label, .summary .nbd-field-content .nbo-sub-attr-l input[type="radio"]:checked + label {
    background: #222222;
}
body.single-product .summary .quantity input {
    padding: 9px 0;
}
body.single-product .related.products {
    width: 100%;
}
body.single-product .related.products ul.products {
    margin: 0px -15px;
	padding-bottom: 0;
    margin-bottom: -35px;
}
body.single-product .related.products ul.products li.product {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px !important;
    margin-right: 15px !important;
    width: calc(100% / 3 - 30px) !important;
    border-radius: 10px;
	margin-bottom: 35px !important;
}
body.single-product .related.products ul.products li.product img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	margin-bottom: 0;
}
body.single-product .related.products ul.products li.product .woocommerce-loop-product__title {
    margin: 32px 32px 32px 32px;
    padding: 0;
    line-height: 1.3;
    border-bottom: 1px solid #F8F8F8;
    padding-bottom: 25px;
}
body.single-product .related.products ul.products li.product span.price {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 0px 0px 32px;
    margin-bottom: 0;
}
body.single-product .related.products ul.products li.product a.button {
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    transition-duration: 0.4s;
    padding: 7px 20px 7px 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--button-text-color);
    background: var(--theme-button-background);
    border-color: var(--button-border-color);
    border-width: var(--button-border-top);
    line-height: var(--theme-line-height);
	float: right;
    margin-top: -34px;
    margin-right: 32px;
}
body.single-product main.site-main {
    max-width: 1430px;
}
body.single-product .related.products ul.products li.product a.button:hover {
    color: var(--button-text-hover-color);
    background: var(--theme-button-background-hover);
    border-color: var(--button-border-hover-color);
}
/*----- 25-01-2025 end -----*/

@media (max-width: 1199px) {
	.type-product .tmpcoder-grid-item-title .inner-block {
		padding-bottom: 12px;
	}
}

@media (max-width: 1024px) {
	ul.products li.product-category .woocommerce-loop-category__title {
		font-size: 14px !important;
    	line-height: 20px;
	}
	body.single-product .summary .product_title {
		font-size: var(--heading3-font-size-tablet) !important;
		line-height: var(--heading3-line-height-tablet) !important;
	}
	body.single-product .related.products ul.products li.product {
		width: calc(100% / 2 - 30px) !important;align-content
	}
}

@media (max-width: 767px) {
	ul.products li.product-category {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	ul.products li.product-category:last-child {
		margin-bottom: 0 !important;
	}
	body.single-product .summary .product_title {
		font-size: var(--heading3-font-size-mobile) !important;
		line-height: var(--heading3-line-height-mobile) !important;
	}
	body.single-product .related.products ul.products li.product {
		width: calc(100% / 1 - 30px) !important;align-content
	}
}