/*
Theme Name: Lambert Child
Theme URI: https://demowp.cththemes.com/lambert/
Author: Cththemes
Author URI: http://themeforest.net/user/cththemes
Description: A "Lambert – Responsive Restaurant / Pub / Cafe Wordpress Theme" is perfect if you like a clean and modern design. Lambert is a clean and professional theme, perfect for Restaurant, Bakery, any food business and personal chef web sites. More features with 6 Homepages (Video , Carousel , Slideshow) – one and multi page version for versions for each option.
Version: 2.5.0
Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Template: lambert
Text Domain: lambert-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* =Theme customization starts here
------------------------------------------------------- */
/* import font for japanese text and change defaults */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');

.section-title h3,
.link,
.carousel-link-holder h3,
.hero-title h3,
.big-number a,
.chefname,
.team-modal h5,
.team-details,
.hot-desc,
.products .product-price,
.woocommerce ul.products li.product .button
, .products .product-price a,
.product-item h2,
.product_title,
.product-item-price,
.product-item-price .price,
.quantity a,
.quantity button,
.cart_totals h4,
.to-top span,
.to-top-holder p,
.footer-widgets:nth-child(2) h3.widget-title,
.footer-social h3,
.twitter-feed-id li,
.post-link,
.widget h3,
.testi-item h4 a,
.testimonials-holder h4 a,
#submit, #submit-res,
#success_page p,
.lambert-tweet ul li {
	font-family: "Noto Serif JP", serif;
}

/* Change loader size */

.loader {
    position: fixed;
    top: 50% !important;
    left: 50%;

    width: clamp(180px, 35vw, 320px);
    height: auto;

    margin: 0;
    transform: translate(-50%, -50%);

    z-index: 100;
    line-height: normal;
}

.loader img {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;

    -webkit-animation: k3d 2s infinite linear;
    animation: k3d 2s infinite linear;

    will-change: transform, opacity;
}

@-webkit-keyframes k3d {
    from {
        -webkit-transform: rotateY(0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: rotateY(360deg);
        opacity: 1;
    }
}

@keyframes k3d {
    from {
        transform: rotateY(0deg);
        opacity: 1;
    }

    to {
        transform: rotateY(360deg);
        opacity: 1;
    }
}