/*
 Theme Name:   ForPets Child
 Theme URI:    http://beetheme.7uptheme.com
 Description:  ForPets Child Theme
 Author:       The 7up WordPress Team
 Author URI:   http://themeforest.net/user/7-up
 Template:     forpets
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         full-width-template, theme-options, rtl-language-support, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments
 Text Domain:  forpets-child
*/

/**
 * @license
 *
 * Font Family: Chillax
 * Designed by: Manushi Parikh
 * URL: https://www.fontshare.com/fonts/chillax
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Chillax Variable(Variable font)
 * Chillax Extralight
 * Chillax Light
 * Chillax Regular
 * Chillax Medium
 * Chillax Semibold
 * Chillax Bold
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

*/




@font-face {
    font-family: 'Chillax Variable';
    src: url('assets/fonts/Chillax-Extralight.woff2') format('woff2'),
    url('assets/fonts/Chillax-Extralight.woff') format('woff'),
    url('assets/fonts/Chillax-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Chillax Variable';
    src: url('assets/fonts/Chillax-Light.woff2') format('woff2'),
    url('assets/fonts/Chillax-Light.woff') format('woff'),
    url('assets/fonts/Chillax-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Chillax Variable';
    src: url('assets/fonts/Chillax-Regular.woff2') format('woff2'),
    url('assets/fonts/Chillax-Regular.woff') format('woff'),
    url('assets/fonts/Chillax-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Chillax Variable';
    src: url('assets/fonts/Chillax-Medium.woff2') format('woff2'),
    url('assets/fonts/Chillax-Medium.woff') format('woff'),
    url('assets/fonts/Chillax-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Chillax Variable';
    src: url('assets/fonts/Chillax-Semibold.woff2') format('woff2'),
    url('assets/fonts/Chillax-Semibold.woff') format('woff'),
    url('assets/fonts/Chillax-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Chillax Variable';
    src: url('assets/fonts/Chillax-Bold.woff2') format('woff2'),
    url('assets/fonts/Chillax-Bold.woff') format('woff'),
    url('assets/fonts/Chillax-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

/* reset */
* {
    font-family: "Chillax Variable", sans-serif;
}

/* header */
.main-logo.main-logo1 {
    padding: 0 45px;
}
.menu-sticky-on .main-logo.main-logo1 a {
    background-color: white;
}
.menu-sticky-on .main-logo.main-logo1 a img {
    padding: 10px;
}

.main-nav > ul > li > a {
    color: #000;
    font-family: "Chillax Variable", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 78px;
    letter-spacing: -0.9px;
}

.group-actions .la {
    font-size: 30px;
    color: #000;
}

.mini-cart-link .mini-cart-number {
    color: #000;
}

/* hero */
.banner-slider .banner-info .title48 {
    font-family: "Chillax Variable", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.26px;
    text-transform: none;
    margin-bottom: 20px;
}

.banner-slider .banner-info .title48 em {
    font-style: normal;
    color: #F79B6F;
}

.banner-slider .banner-info .desc {
    color: #000;
    font-family: "Chillax Variable", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 40px;
}

.banner-slider.bg-slider .banner-thumb img {
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
}

.banner-slider .banner-info .desc b,
.banner-slider .banner-info .desc strong {
    font-weight: 500;
}


.slider-button > a,
.item-product-detail .shop-button {
    margin-top: 0;
    color: #000;
    height: 54px;
    line-height: 54px;
    font-family: "Chillax Variable", sans-serif ;
    font-size: 18px;
    font-style: normal;
    font-weight: 600 !important;
    letter-spacing: -0.54px;
    border-radius: 27px;
    text-transform: none;
}


.item-product-detail .shop-button {
    margin-top: 24px;
    background: #63CBE4;
}

.title36 {
    color: #000;
    text-align: center;
    font-family: "Chillax Variable", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.2px;
    margin-bottom: 100px !important;
}

.title36 em {
    font-style: normal;
    color: #F79B6F;
}

.title-box .title36:before {
    bottom: -40px;
}
.title-box .title36:after {
    bottom: -64px;
}

.about-services-box .content-icon .title24 {
    color: #000;
    font-family: "Chillax Variable", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.78px;
    margin-bottom: 4px !important;
    text-transform: none !important;
}

.about-services-box .content-icon .desc {
    color: #000;
    font-family: "Chillax Variable", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.about-services-box .icon-box {
    background-color: #63CBE4;
    font-size: 32px;
}

.fearured-product-h1 {
    background-color: #000000;
}
.fearured-product-h1 .title36 {
    color: #fff;
}


.fearured-product-h1 .product-tab-el.tab-style2 .product-thumb img {
    mix-blend-mode: unset;
}

.fearured-product-h1 .product-tab-el.tab-style2 .product-info {
    position: relative;
    z-index: 3;
}

@media (max-width: 768px) {
    .fearured-product-h1 .product-tab-el.tab-style2 .tab-header .title-tab {
        display: flex;
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .tab-space-bottom {
        height: 350px !important;
    }
}

.info-list .info-list-box .title24 {
    color: #FFF;
    text-align: right;
    font-family: "Chillax Variable", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.6px;
}

.item-product-detail .product-info .title30,
.item-product-detail .product-info .title30 a {
    color: #fff;
    font-family: "Chillax Variable", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.96px;
    text-transform: none;
    margin-bottom: 16px;
}


.product-info .desc {
    color: #FFF;
    font-family: "Chillax Variable", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 28px;
}

.item-product-detail .product-price > span {
    color: #FFF !important;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "Chillax Variable", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.96px;
}

.bg-smoke .title-box .title36:before,
.bg-smoke .title-box .title36:after {
    display: none;
}

.fearured-product-h1 .product-tab-el.tab-style2 .tab-header li img {
    width: 125px;
    border-radius: 0;
}

.fearured-product-h1 .product-tab-el.tab-style2 .product-thumb {
    margin-top: -50px;
}

.tab-style2 .title-tab > li {
    margin-top: 0 !important;
}

.item-post .post-info .post-title a,
.readmore-text {
    text-transform: none;
    font-style: normal;
    font-weight: 600;
}

.footer-box-bottom img {
    height: 20px;
    width: auto;
}

@media (max-width: 1200px) {
    .main-logo.main-logo1 {
        padding: 0 20px;
    }

    .menu-sticky-on .main-logo.main-logo1 a img {
        padding: 5px 15px;
        height: 80px;
        width: auto;
    }

    .main-nav .toggle-mobile-menu span,
    .main-nav .toggle-mobile-menu::before, .main-nav .toggle-mobile-menu::after {
        background: #000;
    }

    .banner-slider .banner-info .title48 {
        font-size: calc(24px + (48 - 24) * ((100vw - 720px) / (1920 - 720)));
        line-height: calc(30px + (56 - 30) * ((100vw - 720px) / (1920 - 720)));
    }

    .banner-slider .banner-info .desc {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .banner-slider .item-slider {
        background: none !important;
    }

    .banner-slider .banner-info .title48,
    .banner-slider .banner-info .desc {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .banner-slider .banner-info .title48 {
        font-size: calc(24px + (48 - 24) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
    }

    .banner-slider .banner-info .desc {
        font-size: 14px;
    }

    .banner-slider {
        padding: 0;
    }

    .banner-slider .banner-info .slider-button {
        margin-top: -5px;
    }

    .footer-box-bottom img {
        margin: 1.6em auto 1.6em;
        float: none;
    }
}

.about-text-box {
	h2 {
		color: #000;
		font-family: "Chillax Variable";
		font-size: 42px;
		font-style: normal;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: -1.26px;
		margin: 0 0 8px 0;

        em {
            font-style: normal;
            color: #F79B6F;
        }
	}

	h2 span {
		color: #F79B6F;
		font-family: "Chillax Variable";
		font-size: 42px;
		font-style: normal;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: -1.26px;
	}
	
	p {
		color: #000;
		font-family: "Chillax Variable";
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		margin: 20px 0 0 0;
	}
	
	strong {
		color: #000;
		font-family: "Chillax Variable";
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
		margin: 0;
	}

}

.paw-h2 {
    text-align: center;
    margin: 0 auto 0 auto;
    max-width: 900px;
	
	color: #000;
	text-align: center;
	font-family: "Chillax Variable";
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: -1.2px;
	
	span {
		color: #F79B6F;
	}

    em {
        font-style: normal;
        color: #F79B6F;
    }
}

.paw-p,
.title-box-about p {
    text-align: center;
    margin: 0 auto 0 auto;
    max-width: 664px;
	
	color: #000;
	text-align: center;
	font-family: "Chillax Variable";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.paw-img {
    display: flex;
	justify-content: center;
	margin: 27px auto 27px auto;
}

.link-h2 {
	color: #000;
	text-align: center;
	font-family: "Chillax Variable";
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: -1.2px;
	max-width: 892px;
	margin: 0 auto;
	
	span {
		color: #F79B6F;
	}

    em {
        font-style: normal;
        color: #F79B6F;
    }
}

.link-btn {
	margin-top: 40px;
	border: 0;
}

.link-btn a {
    display: inline-flex !important;
    padding: 16px 20px !important;
    justify-content: center !important;
    align-items: center!important;
    border-radius: 100px !important;
    background: #F79B6F !important;
    color: #000 !important;
    font-family: "Chillax Variable" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    letter-spacing: -0.54px !important;
    text-transform: none !important;
}

.wrap-bread-crumb.brc_banner {
    margin-top: -55px !important;
	height: 470px !important;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
    padding: 10px 0 10px 24px;
    background: #f5f5f5;
}

.vc_toggle_content {
    margin-top: 0 !important;
}

.aside-box.hidden-sidebar,
.list-inline-block.post-meta-data.silver li:last-child {
    display: none;
}

.detail-content-wrap {
    font-size: 16px;

    b, strong {
        font-weight: 600;
    }
}

.search-form .dropdown-box {
    width: 200px;
}

/* product */
body.single-product .detail-tab-desc {
    p {
        color: #000;
        margin: 0 0 30px;
        font-size: 16px;
        line-height: 1.5em;
    }

    h2, h3 {
        color: #000;
        font-size: 32px;
        line-height: 1.5em;
        margin: 80px 0 30px;
    }

    h4 {
        color: #000;
        font-size: 24px;
        line-height: 1.5em;
        margin: 0 0 20px;

        + h3,
        + h2 {
            margin-top: 30px;
        }
    }

    b, strong {
        font-weight: 600;
    }

    ul, ol {
        margin: -10px 0 20px;

        li {
            color: #000;
            margin: 0 0 10px;
            font-size: 16px;
            line-height: 1.5em;
        }
    }
}

body.single-product .detail-info {
    p strong {
        font-weight: 600;
    }

    .stock {
        display: none;
    }
}

.about-services-box .content-icon .icon-box {
    display: none;
}

.footer-inner p {
    color: #fff;
    opacity: .8;
}

.select2-container {
    width: 300px;
}

.woocommerce table.shop_table tfoot td {
    width: 60%;
}

body.woocommerce-checkout .shop_table {
    thead, tbody {
        display: none;
    }

    #shipping_method {
        display: flex;
        flex-direction: column;
        gap: 10px;

        li {
            display: grid;
            grid-template-columns: 25px 1fr 50px;
            gap: 10px;
            margin: 0 !important;
        }
    }
}

@media (max-width: 768px) {
    body.woocommerce-checkout .shop_table tfoot {
        th, td {
            display: block;
            width: 100%;
        }
    }
}

#shipping_method li {
    label {
        text-align: left;
        font-weight: 500;
        margin: 0;
    }
}

.cart_totals tr {
    display: block;

    th {
        display: none;
    }

    td {
        display: flex !important;
        row-gap: 15px;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;

        &[data-title]::before {
            content: attr(data-title) ": ";
            font-weight: 500;
            float: left;
        }

        ul {
            display: flex;
            flex-direction: column;
            gap: 10px;

            li {
                display: grid;
                grid-template-columns: 25px 1fr 50px;
                gap: 10px;
                margin: 0 !important;

                .inpost_pl-shipping-method-meta-wrap {
                    margin: 0;

                    .easypack-shipping-method-logo {
                        margin: 0;

                        img {
                            margin: 0;
                        }
                    }
                }
            }
        }
    }
}

td.free-delivery {
    background: rgb(48, 48, 48);

    &::before {
        content: "" !important;
    }

    p {
        margin: 0;
        text-align: center;
        color: white;
    }
}

.item-product .product-title {
    white-space: unset;
}

.slider-mobile-home {
    aspect-ratio: 824 / 1379;
}

.slider-mobile-home .item-slider {
    max-height: 100% !important;
}

.slider-desktop-home {
    display: none;
}

@media (min-width: 767px) {
    .slider-desktop-home {
        display: block !important;
    }

    .slider-mobile-home {
        display: none !important;
    }
}

.product-label span.sale {
    background-color: red !important;
}
.product-label span.sale::after {
    border-top-color: red !important;
}

.product-label span.new {
    display: none;
}