/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("https://use.typekit.net/ylx5gtd.css");

/* @import url("../bridge/style.css"); */

@font-face {
    font-family: 'Bubble Bobble';
    src: url('fonts/BubbleBobble.woff2') format('woff2'),
        url('fonts/BubbleBobble.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* RESET */

.wrapper, .content, .content .container,
.section-subscribe .container,
.featured-content .container,
.product-categories .container,
.page-template .container {
    background-color: transparent;
}
input, hr {
    all: unset;
}
button {
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
.filled-button:hover, .tag-order:hover,
.form-order .checklist label:hover,
.form-order button[type=submit]:hover,
.form-order input[type=submit]:hover,
.product-box .info-button:hover, .product-box .close-button:hover {
    cursor: pointer;
}
/* ul, ul li {
   margin:0;
   padding: 0;
   text-indent: 0;
   list-style: none;
} */
chrome_annotation {
    border-bottom: none !important;
}

/* COLORS */

.page-template-single-category .form-order input::-webkit-input-placeholder, .page-template-services .form-order input::-webkit-input-placeholder, .single .form-order input::-webkit-input-placeholder { 
    color: #ec1c24 !important; 
}

.page-template-single-category .form-order input::-moz-placeholder, .page-template-services .form-order input::-moz-placeholder, .single .form-order input::-moz-placeholder { 
    color: #ec1c24 !important; 
}

.page-template-single-category .form-order input:-ms-input-placeholder, .page-template-services .form-order input:-ms-input-placeholder, .single .form-order input:-ms-input-placeholder { 
    color: #ec1c24 !important; 
}

.page-template-single-category .form-order input::-ms-input-placeholder, .page-template-services .form-order input::-ms-input-placeholder, .single .form-order input::-ms-input-placeholder { 
    color: #ec1c24 !important; 
}

.text-cardinal,
.filled-button > span, .tag-galaxy span, .tag-order span, nav.main_menu>ul>li a, .ribbon-bar ul li > span, 
.mobile_menu_button span, nav.mobile_menu ul li a, .mobile_menu__close, .highlight-bar > span,
.form-order button[type=submit], .form-order input[type=submit], .form-order .checklist .wpcf7-list-item.active label,
.form-subscribe p, .form-subscribe .title-th, .form-subscribe .title-en,
.featured-content .entry-post p, .featured-content .entry-post .title-en, .featured-content .entry-post-second .title-th,
.rounded-button, .read-more, .product-box .content-holder p, 
.product-box .content-holder h4, .product-box .content-holder h5, .product-box .content-holder h6, 
.fancy-button, nav.mobile_menu .social-links .profile h6,
.page-template-single-category .hero-pane h2, 
.page-template-single-category .hero-pane p, 
.page-template-single-category .hero-pane h3,
.page-template-single-category .more-bakes h3, 
.page-template-single-category .footer_top a:not(.qbutton),
.page-template-single-category .footer_top a:not(.qbutton) span,
.page-template-single-category .footer_top .column_inner > div h5,
.page-template-single-category .typemark, .page-template-single-category .social-links .profile h6,
.page-template-single-category .form-order .title-th, .page-template-single-category .form-order .title-en,
.page-template-single-category .form-order input, .page-template-single-category .form-order input::placeholder,
.page-template-single-category .form-order .checklist h5, .page-template-single-category .form-order .checklist label,
.page-template-single-category .form-order .wpcf7-checkbox .wpcf7-list-item,
.page-template-services .footer_top a:not(.qbutton), .page-template-services .footer_top a:not(.qbutton) span,
.page-template-services .footer_top .column_inner > div h5,
.page-template-services .typemark, .page-template-services .social-links .profile h6,
.page-template-services .form-order .title-th, .page-template-services .form-order .title-en,
.page-template-services .form-order input, .page-template-services .form-order input::placeholder,
.page-template-services .form-order .checklist h5, .page-template-services .form-order .checklist label,
.page-template-services .form-order .wpcf7-checkbox .wpcf7-list-item,
.single .footer_top a:not(.qbutton),
.single .footer_top a:not(.qbutton) span, 
.single .footer_top .column_inner > div h5,
.single .typemark, .single .social-links .profile h6,
.single .form-order .title-th, .single .form-order .title-en,
.single .form-order input, .single .form-order input::placeholder,
.single .form-order .checklist h5, .single .form-order .checklist label,
.single .form-order .wpcf7-checkbox .wpcf7-list-item,
.service-tab.active h3, .blog-title .title-en,
.blog-title .title-en, .blog-title .title-th,
.blog-feed .entry-post .post-title,
.blog-feed .entry-post .post-date, 
.blog_holder.blog_single article .entry_title,
.blog_holder.blog_single article .post_tag a, 
.related-posts .entry-post .post-title,
.related-posts .entry-post .post-date,
.page_not_found p { 
    color: #ec1c24 !important; 
}
.text-burgundy { 
    color: #c1272d;
}
.text-eggshell,
.form-order .message p { 
    color: #f4ead7 !important; 
}
.text-caramel,
nav.main_menu>ul>li.active>a, 
nav.main_menu>ul>li.current-menu-item>a, 
nav.main_menu>ul>li.current-page-ancestor>a,
.drop_down .second .inner ul li.current-menu-item a,
.single-post nav.main_menu>ul>li#nav-menu-item-3349>a, 
.single-event nav.main_menu>ul>li#nav-menu-item-4655>a, 
.tag nav.main_menu>ul>li#nav-menu-item-3349>a,
nav.mobile_menu ul li.active a,
nav.mobile_menu ul li.current-menu-item a,
nav.mobile_menu ul li.current-page-ancestor a,
.single-post nav.mobile_menu ul li#menu-item-3349 a,
.single-event nav.mobile_menu ul li#menu-item-4655 a,
.tag nav.mobile_menu ul li#menu-item-3349 a,
.featured-content .entry-post-second p, .featured-content .entry-post-third .title-th,
.featured-content .entry-post-third .title-en, .featured-content .entry-post-third p,
.service-tab p { 
    color: #ab4412 !important; 
}
.form-order input::-webkit-input-placeholder { 
    color: #fef9e9; 
}
.form-order input::-moz-placeholder { 
    color: #fef9e9; 
}
.form-order input:-ms-input-placeholder { 
    color: #fef9e9; 
}
.form-order input::-ms-input-placeholder { 
    color: #fef9e9; 
}
.text-offwhite,
.form-order .title-th, .form-order .title-en, 
.form-order p, .form-order input, .form-order input::placeholder, .form-order .checklist h5,
.form-order .checklist label, .social-links .profile h6, .featured-content .entry-post-second .title-en, 
.form-order .wpcf7-not-valid-tip, .service-tab h3 { 
    color: #fef9e9; 
}
.text-vanilla, .text-vanilla *,
.single .form-order button[type=submit] span,
.single .form-order input[type=submit],
.page-template-single-category .form-order button[type=submit] span,
.page-template-single-category .form-order input[type=submit],
.page-template-services .form-order button[type=submit] span,
.page-template-services .form-order input[type=submit] { 
    color: #f8deb1 !important;
}
.form-subscribe input::-webkit-input-placeholder  { 
    color: #e06331;
}
.form-subscribe input::-moz-placeholder  { 
    color: #e06331;
}
.form-subscribe input:-ms-input-placeholder  { 
    color: #e06331;
}
.form-subscribe input::-ms-input-placeholder  { 
    color: #e06331;
}
.text-vermilion, 
.form-subscribe input, .form-subscribe input::placeholder, .form-subscribe .validation,
.blog-feed .entry-post p,
.blog_holder.blog_single article,
.blog_holder.blog_single article h1, .blog_holder.blog_single article h2,
.blog_holder.blog_single article h3, .blog_holder.blog_single article h4,
.blog_holder.blog_single article h5, .blog_holder.blog_single article h6,
.blog_holder.blog_single article,
.single .form-order .wpcf7-not-valid-tip,
.page-template-single-category .form-order .wpcf7-not-valid-tip,
.page-template-single-category .form-order .message p,
.single .form-order .message p  { 
    color: #e06331 !important;
}

.bg-cardinal, 
.dough-bg, .form-order, .border-dough,
.page-template-single-category .form-order button[type=submit],
.page-template-single-category .form-order input[type=submit],
.page-template-single-category .form-order input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover,
.page-template-services .form-order button[type=submit],
.page-template-services .form-order input[type=submit],
.page-template-services .form-order input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover,
.single .form-order button[type=submit],
.single .form-order input[type=submit],
.single .form-order input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover { 
    background-color: #ec1c24;
}
.bg-burgundy { 
    background-color: #c1272d;
}
.bg-vermilion,
.form-order .message,
.form-order .wpcf7 form.invalid .wpcf7-response-output, 
.form-order .wpcf7 form.unaccepted .wpcf7-response-output, 
.form-order div.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #e06331;
}
.bg-offwhite, 
.page-id-159 nav.mobile_menu,
.page-id-168 nav.mobile_menu,
.blog-feed .entry-post, .product-box, .product-box .product-info,
.form-order .checklist label.active, .form-subscribe input,
.related-posts .entry-post .content-holder,
.page-template-single-category .more-bakes,
.error404,
.twin-dough, .bg-twin-dough-inner::after,
.drop_down .second .inner>ul, li.narrow .second .inner ul { 
    background-color: #fef9e9;
}
.bg-eggshell,
nav.mobile_menu, header.qode-animate-mobile-header, .mobile-menu-opened header, 
.top-brick::before, .border-dough-eggshell,
.page-template-single-category, 
.page-template-single-category .dough-bg,
.page-template-single-category .section-placeorder .form-order, 
.page-template-single-category .section-placeorder .border-dough,  
.page-template-single-category .footer_top_holder, 
.page-template-single-category .footer_bottom_holder,
.page-template-services, 
.page-template-services .dough-bg,
.page-template-services .footer_top_holder, 
.page-template-services .footer_bottom_holder,
.single, 
.single .dough-bg, 
.single .section-placeorder .form-order, 
.single .section-placeorder .border-dough,  
.single .footer_top_holder, 
.single .footer_bottom_holder,
.tag { 
    background-color: #f4ead7;
}
.bg-vanilla, .filled-button, .product-box .overlay, .form-order button[type=submit], .form-order input[type=submit], .form-order input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, .section-subscribe, .page-template-single-category .form-order .message, .single .form-order .message, .single-post .content .container.related-posts, .bg-twin-dough-vanilla .bg-twin-dough-inner::after, .highlight-bar {
    background-color: #f8deb1;
}
.bg-snow,
.border-dough-snow,
.single .blog-content, 
.single .border-dough, 
.blog-feed .entry-post, 
.related-posts .entry-post {
    background-color: #f9f9f4;
}

.fill-cardinal,
.form-order .checklist label svg, .social-links .profile svg, nav.mobile_menu nav.social-icons>a>svg,
.page-template-single-category .typemark > svg.c, .page-template-single-category .social-links nav.social-icons>a>svg,
.page-template-services .typemark > svg.c, .page-template-services .social-links nav.social-icons>a>svg,
.single .typemark > svg.c, .single .social-links nav.social-icons>a>svg,
.product-box .info-button svg, .product-box .close-button svg{ 
    fill: #ec1c24;
}
.fill-vermilion,
.typemark > svg.w, .filled-button > svg { 
    fill: #e06331;
}
.fill-offwhite,
.typemark > svg.c, nav.mobile_menu, nav.mobile_menu .social-links .profile svg,
nav.social-icons>a>svg, .page-template-single-category .typemark > svg.w, .page-template-services .typemark > svg.w,
.bg-twin-dough-inner > svg { 
    fill: #fef9e9;
}
.fill-eggshell, 
.ribbon-bar ul li svg, .twin-dough > svg,
.page-template-single-category .social-links .profile svg, .page-template-services .social-links .profile svg, .single .social-links .profile svg { 
    fill: #f4ead7;
}
.fill-vanilla,
.page-template-single-category .form-order button[type=submit] svg,
.page-template-services .form-order button[type=submit] svg,
.single .form-order button[type=submit] svg,
.bg-twin-dough-vanilla .bg-twin-dough-inner > svg,
.form-subscribe button[type=submit]:disabled svg { 
    fill: #f8deb1;
}
.fill-snow {
    fill: #f9f9f4;
}

.stroke-cardinal,
nav.mobile_menu .social-links .profile svg,
.page-template-single-category .typemark > svg.w, .page-template-single-category .social-links .profile svg,
.page-template-services .typemark > svg.w, .page-template-services .social-links .profile svg,
.single .typemark > svg.w, .single .social-links .profile svg,
.featured-content .entry-post-first .img-holder svg, .binocular-mask-image svg { 
    stroke: #ec1c24;
}
.stroke-burgundy { 
    stroke: #c1272d;
}
.stroke-offwhite,
.social-links .profile svg, .typemark > svg.w { 
    stroke: #fef9e9;
}

.border-cardinal,
.drop_down .second .inner>ul, li.narrow .second .inner ul,
.rounded-button, .fancy-button::before, .featured-content .entry-post-third .img-holder:after,
.page-template-single-category .form-order .checklist label,
.page-template-services .form-order .checklist label,
.single .form-order .checklist label,
.product-box, .product-box .product-info, .product-box .product-info hr { 
    border-color: #ec1c24;
}
.border-burgundy { 
    border-color: #c1272d;
}
.border-vanilla,
.form-order input[type=text], .form-order input[type=email], .form-order input[type=tel] { 
    border-color: #f8deb1;
}
.border-offwhite, .fancy-button::after,
.form-order .checklist label, .form-order .checklist label.active,
.form-order .wpcf7-checkbox .wpcf7-list-item.active { 
    border-color: #fef9e9;
}
.border-vermilion,
.blog-feed .entry-post, .blog_holder article .post_image,
.related-posts .entry-post {
    border-color: #e06331;
}
.product-box .content-holder h4 {  
    -webkit-text-stroke-color: #ec1c24;
}

/* BACKGROUND GRADIENT */

.bg-gradient-sweet, .bg-gradient-sour, .bg-gradient-dough {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bg-gradient-sweet {
    background-image: url('img/gradient-01.png');
}
.bg-gradient-sour {
    background-image: url('img/gradient-02.png');
}
.bg-gradient-dough {
    background-image: url('img/gradient-03.png');
}

/* TYPOGRAPHY */

.font-hwt, .font-hwt *:not(i),
.tag-galaxy span, .rounded-button span { 
    font-family: "hwt-american-inset", sans-serif !important; 
    letter-spacing: -0.075em;
}
.font-nazare, .font-nazare *:not(i),
.featured-content .entry-post .title-en { 
    font-family: "nazare-exuberant", sans-serif !important; 
    letter-spacing: -0.025em;
}
.font-greycliff, .font-greycliff *:not(i), .footer_top .widget_nav_menu li.menu-item a span, .rounded-button.is-thai-label > span,
.read-more, .tag-order span, .form-order .title-th, .form-subscribe .title-th,
.highlight-bar > span, .form-order input, .form-order .checklist h5, .form-order .checklist label, .form-order .message, 
.form-order .wpcf7-not-valid-tip, .form-order .wpcf7-response-output,
.form-subscribe input, .form-subscribe p, .form-subscribe .validation, .featured-content .entry-post p,
.featured-content .entry-post .title-th, .featured-content .entry-post .read-more,
.service-tab p, .page-template-single-category .hero-pane p, .blog-title .title-th, .page-template-single-category .hero-pane .column1 h3,
.blog-feed .entry-post .post-title, .blog-feed .entry-post p,
.blog_holder.blog_single article,
.blog_holder.blog_single article h1, .blog_holder.blog_single article h2
.blog_holder.blog_single article h3, .blog_holder.blog_single article h4,
.blog_holder.blog_single article h5, .blog_holder.blog_single article h6,
.blog_holder.blog_single article p,
.related-posts .entry-post .content-holder .post-title,
.product-box .content-holder p, .product-box .content-holder h5, .product-box .content-holder h6, 
.page_not_found p { 
    font-family: "greycliff-thai-cf", sans-serif !important; 
    letter-spacing: 0;
}
.font-gitan, .font-gitan *:not(i),
nav.main_menu>ul>li a, nav.mobile_menu ul li a, .footer_top li, .fancy-button span { 
    font-family: gitan-latin, sans-serif !important; 
    letter-spacing: 0;
}
.font-gabriella, .font-gabriella *:not(i),
.filled-button > span, .ribbon-bar ul, .mobile_menu_button span, .mobile_menu__close,
.typemark, .footer_top h5, .form-order .title-en, .form-subscribe .title-en,
.form-order button[type=submit], .form-order input[type=submit],
.page-template-single-category .more-bakes h3, .service-tab h3,
.blog-title .title-en,
.blog-feed .entry-post .post-date, .blog_holder.blog_single article .post_tag a,
.related-posts .entry-post .post-date { 
    font-family: "gabriella", sans-serif !important; 
    letter-spacing: 0;
}
.font-bubble, .font-bubble *:not(i),
.page-template-single-category .hero-pane h2,
.product-box .content-holder h4 {
    font-family: 'Bubble Bobble', sans-serif !important;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 0.9em;
}
.page-template-single-category .hero-pane .column1 h2 {
    font-size: 72px;
    line-height: 0.9em;
    text-transform: uppercase;
}
.form-order .title-en,
.form-subscribe .title-en {
    font-size: 48px;
    line-height: 0.9em;
}
.service-tab h3,
.blog-title .title-en {
    font-size: 36px;
    font-weight: 900;
    line-height: 32px;
}
.page-template-single-category .more-bakes h3 {
    font-size: 36px;
    line-height: 32px;
}
.blog-title .title-th {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
}
.fancy-button span {
    font-size: 28px;
    font-weight: 900;
    font-style: italic;
    line-height: 60px;
}
.blog-feed .entry-post .post-title,
.blog_holder.blog_single article h2,
.form-order .title-th, 
.form-subscribe .title-th {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1em;
}
nav.mobile_menu ul li a {
    font-size: 24px;
    font-weight: 800;
    font-style: italic;
    line-height: 24px;
    text-align: center;
}
.product-box .content-holder h4 {
    font-size: 24px;
    text-transform: uppercase;
}
.page-template-single-category .hero-pane .column1 h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}
nav.main_menu>ul>li>a {
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0;
}
.page_not_found p {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.read-more, 
.single .blog_single h5,
.related-posts .entry-post .content-holder .post-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
.ribbon-bar ul li > span  {
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
}
.product-box .content-holder h5,
.product-box .content-holder h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.product-box .content-holder h6 {
    font-weight: 600;
}
.drop_down .second .inner ul li a {
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0;
}
.mobile_menu_button span, .mobile_menu__close,
.entry-post .post-date,
.blog_holder.blog_single article .post_tag a {
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
}
.service-tab p, 
.featured-content .entry-post p,
.page-template-single-category .hero-pane p,
.form-subscribe p, .form-order p,
.blog-feed .entry-post p,
.single .blog_single {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.tag-galaxy span, .rounded-button span {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.product-box .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.form-subscribe .validation,
.product-box p, .service-tabs.mobile p {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.related-posts .entry-post .post-date {
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
}
.product-box .product-info .caution {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.rounded-button.is-thai-label > span {
    font-weight: 700;
}

.elementor-widget-text-editor p:not(:last-child) {
    margin-bottom: 10px;
}

/* LIST & BULLETS */

ul.spark-primary li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 7px;
    list-style: none;
}
ul.spark-primary li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 17px;
    height: 17px;
    background-image: url('img/bullet.svg');
    background-repeat: no-repeat;
    background-size: 17px 17px;
}
ul.spark-cardinal li {
    padding-left: 20px;
    position: relative;
    list-style: none;
}
ul.spark-cardinal li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 13px;
    height: 13px;
    background-image: url('img/spark-cardinal.svg');
    background-repeat: no-repeat;
    background-size: 13px 13px;
}

/* HEADER & FOOTER */

header {
    margin-top: 37px;
    z-index: 3000;
}
header.centered_logo nav.main_menu {
    vertical-align: top
}
.header_inner_left {
    position: relative;
    z-index: 99999;
}
.footer_top h5 {
    font-size: 16px;
    letter-spacing: 0px;
}
.footer_top li {
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
}
.footer_bottom {
    vertical-align: bottom;
}
.footer_top .widget.widget_nav_menu li.menu-item {
    line-height: 18px;
}
.footer_top .widget.widget_nav_menu li.menu-item a span {
    display: block;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
}

/* SUBMENU */

.submenu {
    position: absolute;
    width: 100%;
    z-index: 4000;
    display: none;
}
.submenu__close {
    position: absolute;
    top: 38px;
    right: 38px;
    display: none;
    z-index: 200;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

/* CORE ELEMENTS */

.filled-button, .form-order input.wpcf7-form-control.wpcf7-submit {
    height: auto;
    border: none;
    padding: 0 15px;
    border-radius: 12px;
    margin-top: 25px;
    min-width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}
.form-order input.wpcf7-form-control.wpcf7-submit {
    background-image: url('img/icon-arrow-submit-vermilion.svg');
    background-repeat: no-repeat;
    background-size: 32px 16px;
    background-position: calc(100% - 15px) center;
}
.single .form-order input.wpcf7-form-control.wpcf7-submit,
.page-template-single-category .form-order input.wpcf7-form-control.wpcf7-submit {
    background-image: url('img/icon-arrow-submit-vanilla.svg');
}
.filled-button > span,
.form-order input.wpcf7-form-control.wpcf7-submit {
    font-size: 18px;
    font-weight: 900;
    line-height: 54px;
    text-transform: uppercase;
}
.filled-button > svg {
    width: 32px;
    margin-left: 25px;
}
.pattern-stripe {
    height: 11px;
    width: 100%;
    overflow: hidden;
    background-image: url('img/stripe-pattern.svg');
    background-size: 45px auto;
}
.rounded-button,
.read-more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.rounded-button {
    display: inline-flex;
    min-height: 30px;
    gap: 15px;
    padding: 9px 17px;
    border-radius: 24px;
    border-width: 1.5px;
    border-style: solid;
}
.rounded-button:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 10px;
    background: url('img/icon-arrow.svg') 100% 100% no-repeat;
}
.rounded-button span {
    margin-top: 2px;
}
.rounded-button.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.rounded-button.reverse:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.fancy-button {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    margin: 0 auto;
}
.fancy-button::before,
.fancy-button::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    border-width: 3px;
}
.fancy-button::after {
    border-style: dashed;
}
.fancy-button::before {
    border-style: solid;
}
.fancy-button span {
    position: relative;
    top: -2.5px;
}
.read-more svg {
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 1.5px;
    width: 25px;
    margin-left: 7px;
}
.typemark {
    font-size: 16px;
    color: #f4ead7;
}
.typemark > svg {
    position: relative;
}
.typemark > svg.c {
    width: 26px;
    height: 12px;
    top: 1px;
    margin-right: 1px;
}
.typemark > svg.w {
    width: 24px;
    height: 19px;
    top: 4px;
    margin-left: 2px;
}
.footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom .typemark {
    display: none;
}
.tag-galaxy {
    position: absolute;
    top: 40px;
    left: 27px;
    z-index: 5000
}
.tag-galaxy::before {
    content: '';
    display: inline-block;
    width: 47px;
    height: 32px;
    background: url('img/saturn@2x.png') no-repeat;
    background-size: contain;
}
.tag-galaxy span {
    display: inline-block;
    position: relative;
    top: -10px;
}
.tag-order {
    position: absolute;
    top: 46px;
    right: 32px;
    z-index: 5000
}
.tag-order > span {
    display:inline-block;
    position: relative;
    top: -6px;
    margin-right: 4px;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
}
.tag-order > svg {
    width: 24px;
    height: 24px;
}
.social-links {
    padding-bottom: 24px;
    width: 147px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.social-links .profile svg {
    /* margin: 7px 0; */
}
.social-links .profile h6 {
    font-size: 18px;
    line-height: 1;
    letter-spacing: -1px;
}
.social-links nav.social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
/* .social-links nav.social-icons>a {
    margin-left: 12.5px;
} */
.social-links nav.social-icons>a>svg {
    width: 24px;
    height: 24px;
}
nav.mobile_menu .social-links {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-bottom: 50px;
}
nav.mobile_menu nav.social-icons>a>svg {
    width: 30px;
    height: 30px;
}
.ribbon-bar ul {
    /* height: 60px; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.ribbon-bar ul li {
    width: auto;
    display: inline-block;
    padding: 12px 0;
}
.ribbon-bar ul li svg {
    width: 15px;
    height: 13px;
    margin: 0 12px;
}
.dough-bg {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0px;
    -webkit-mask-image: url('img/mask-dough-bg.svg');
    mask-image: url('img/mask-dough-bg.svg');
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x; 
    /* background-image: url('img/bg-grain.png');
    background-size: 100% auto;
    background-position: 0 -82px; */
}
.top-brick {
    position: relative;
}
.top-brick::before {
    content: '';
    width: 100%;
    height: 16px;
    top: 0px;
    -webkit-mask-image: url('img/mask-brick.svg');
    mask-image: url('img/mask-brick.svg');
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-size: auto 16px;
            mask-size: auto 16px;
}
/* .ribbon-bar ul li:last-child svg {
    display: none;
} */
.highlight-bar {
    min-height: 56px;
    padding: 0 30px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.highlight-bar[data-icon]:before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.highlight-bar[data-icon="croissant"]:before { background-image: url('img/sticker-croissant.webp'); }
.highlight-bar[data-icon="basque-burnt-cheesecake"]:before { background-image: url('img/sticker-basque-burnt-cheesecake.webp'); }
.highlight-bar[data-icon="blueberry-cheesecake"]:before { background-image: url('img/sticker-blueberry-cheesecake.webp'); }
.highlight-bar[data-icon="crispy-croissant"]:before { background-image: url('img/sticker-crispy-croissant.webp'); }
.highlight-bar[data-icon="daisy-summer"]:before { background-image: url('img/sticker-daisy-summer.webp'); }
.highlight-bar[data-icon="golden-sausage-cheese-roll"]:before { background-image: url('img/sticker-golden-sausage-cheese-roll.webp'); }

.highlight-bar > span {
    font-size: 18px;
    font-weight: 700;   
    line-height: 1.4; 
} 
.binocular-mask-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-image: url('img/mask-01.svg');
    mask-image: url('img/mask-01.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; 
}
.binocular-mask-image svg {
    stroke-width: 3px;
    fill: none;
    position: absolute;
    top: 0px;
}

#load-more-posts, #load-more-events {
    display: flex;
    margin: 0px auto 50px auto;
}

/* MENU & NAVIGATION */

header.transparent:not(.sticky) .drop_down .second {
    top: auto;
}
.mobile_menu_button {
    float: right;
    margin-right: 0;
    height: 96px;
}
.mobile_menu_button span {
    display: inline-block;
    width: auto;
    height: 51px;
    margin-top: 22px;
}
.mobile_menu_button span::after, .mobile_menu__close::after, .submenu__close {
    width: 30px;
    height: 30px;
    background-image: url('img/mobile-menu-icon-sprite.svg');
    background-repeat: no-repeat;
    background-size: auto 30px;
}
.mobile_menu_button span::after, .mobile_menu__close::after {
    content: '';
    display: inline-block;
    position: relative;
    top: 9px;
}
.mobile_menu__close::after, .submenu__close {
    background-position: -30px 0;
}
.mobile_menu__close::after {
    left: 2px;
}
.mobile_menu__close {
    position: absolute;
    right: 20px;
    top: 20px;
}
.submenu__close {
    text-indent: -9999px;
}
nav.mobile_menu {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3500;
    background-position: -44% 29%;
    background-repeat: no-repeat;
    background-size: 116vw auto;
}
nav.mobile_menu::before {
    content: '';
    display: block;
    height: 96px;
}
nav.mobile_menu > .menu-main-menu-container {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
nav.mobile_menu ul {
    display: block;
}
nav.mobile_menu ul li {
    border-bottom: none;
}
nav.main_menu>ul>li.active>a::before,
nav.main_menu>ul>li.current-menu-item>a::before,
nav.main_menu>ul>li.current-page-ancestor>a::before,
.single-post nav.main_menu>ul>li#nav-menu-item-3349>a::before,
.single-event nav.main_menu>ul>li#nav-menu-item-4655>a::before,
.tag nav.main_menu>ul>li#nav-menu-item-3349>a::before,
nav.mobile_menu ul li.active a::before,
nav.mobile_menu ul li.current-menu-item a::before,
nav.mobile_menu ul li.current-page-ancestor a::before,
.single-post nav.mobile_menu ul li#menu-item-4650 a::before,
.single-event nav.mobile_menu ul li#menu-item-4655 a::before,
.tag nav.mobile_menu ul li#menu-item-4650 a::before { 
    content: "# "; 
}
nav.main_menu>ul>li.active>a:after,
nav.main_menu>ul>li.current-menu-item>a:after,
nav.main_menu>ul>li.current-page-ancestor>a:after,
nav.mobile_menu ul li.current-menu-item a:after,
.single-post nav.main_menu>ul>li#nav-menu-item-3349>a:after,
.single-event nav.main_menu>ul>li#nav-menu-item-4655>a:after,
.tag nav.main_menu>ul>li#nav-menu-item-3349>a:after,
nav.mobile_menu ul li.active a:after,
nav.mobile_menu ul li.current-menu-item a:after,
nav.mobile_menu ul li.current-page-ancestor a:after,
.single-post nav.mobile_menu ul li#menu-item-3349 a:after,
.single-event nav.mobile_menu ul li#menu-item-4655 a:after,
.tag nav.mobile_menu ul li#menu-item-3349 a:after { 
    content: " #";
}

/* SECTIONS */

.wrapper_inner {
    /* position: relative; */
    /* z-index: 2000; */
    /* overflow: visible */
}
.section-placeorder {
    position: relative;
    z-index: 1000;
    /* overflow: hidden; */
    margin-top: -17px;
}
.section-subscribe {
    padding: 125px 0;
}
.product-categories {
    padding: 50px 0;
}
.related-products {
    position: relative;
    /* background-image: url('img/bg-mountain.svg');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat; */
}
.twin-dough {
    position: absolute;
    left: 0;
    bottom: -20%;
    width: 100%;
    height: calc(100% + 180px);
}
.twin-dough > svg {
    width: 100%;
    height: auto;
    top: 0px;
}

/* FORMS */

.form-order .headline,
.form-order .input-fields,
.form-subscribe .headline {
    margin-bottom: 25px;
}
.form-order {
    padding: 75px 0 50px 0;
}
.form-order .checklist h5 {
    margin-bottom: 25px;
}
.form-order .checklist h5 > span {
    font-size: 14px;
} 
.form-order .checklist:not(.checklist-wpcf7) label,
.form-order .wpcf7-checkbox .wpcf7-list-item {
    display: inline-block;
    padding: 10px 12px;
    border-width: 1.5px;
    border-style: solid;
    border-radius: 12px;
    margin-right: 5px;
    margin-bottom: 7px;
}
.form-order .wpcf7-checkbox .wpcf7-list-item {
    margin-left: 0;
}
.form-order .wpcf7-checkbox .wpcf7-list-item::before {
    content: "";
    width: 17px;
    height: 14px;
    background-image: url('img/checkbox-icon-sprite.svg');
    background-size: auto 100%;
    display: none;
}
.form-order .wpcf7-checkbox .wpcf7-list-item.active {
    background-color: #fef9e9;
}
.form-order .wpcf7-checkbox .wpcf7-list-item.active::before {
    display: inline-block
}
/* .form-order .wpcf7-checkbox .wpcf7-list-item.active .wpcf7-list-item-label {
    color: #c1272d;
} */
.form-order .checklist span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type=checkbox] {
    margin-left: 0;
}
/* .form-order .checklist label::before {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    width: 17px;
    height: 14px;
    background-image: url('img/checkbox-icon-sprite.svg');
    background-size: auto 100%;
    background-position-x: 17px;
    margin-right: 5px;
} */
.form-order .checklist label svg {
    width: 16px;
    height: 14px;
    display: none;
}
.form-order .checklist label.active::before {
    background-position-x: 0px;
}
.form-order .checklist label.active svg {
    display: inline-block;
}
.form-order input[type=text], .form-order input[type=email], .form-order input[type=tel],
.form-subscribe input[type=email] {
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 48px;
}
.form-order input[type=text], .form-order input[type=email], .form-order input[type=tel] {
    border-bottom: 2px dotted;
    margin-bottom: 7px;
    padding: 0;
    background-color: transparent;
    color: #fef9e9;
}
.form-order input[name=selected] {
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: transparent;
}
.form-order button[type=submit]:disabled,
.form-order input[type=submit]:disabled {
    opacity: 0.8;
}
.form-order .message {
    margin-top: 25px;
    padding: 8px 13px;
    border-radius: 12px;
}
.single .form-order .wpcf7-not-valid-tip {
    color:rgb(28, 23, 9);
}
.form-order .wpcf7 form .wpcf7-response-output {
    margin: 0;
}
.form-order .wpcf7 form .wpcf7-response-output, 
.form-order div.wpcf7-response-output {
    font-size: 16px;
    border-radius: 12px;
    text-transform: none;
    letter-spacing: 0;
    padding: 12px 18px;
}
.form-order div.wpcf7-response-output:before,
.form-order .wpcf7-spinner {
    display: none;
}
.form-subscribe .field-group {
    position: relative;
}
.form-subscribe .desc {
    margin-top: 25px;
}
.form-subscribe .validation {
    margin-top: 3px;
}
.form-subscribe input[type=email] {
    padding: 0 12px;
    border-width: 1.5px;
    border-style: solid;
    border-radius: 12px;
}
.form-subscribe button[type=submit] {
    min-width: 51px;
    height: 51px;
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 12px 0 0;
}
.form-subscribe button[type=submit] svg {
    position: relative;
    top: 1px;
}

/* FEATURED CONTENT */

.featured-content .entry-post {
    /* margin: 0 auto; */
}
.featured-content .entry-post .title-en {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -1px;
}
.featured-content .entry-post .title-th {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0;
    margin-top: 7px;
}
.featured-content .entry-post .img-holder {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.featured-content .entry-post p {
    margin-top: 12px;
    margin-bottom: 30px;
}
.featured-content .entry-post-first .img-holder {
    width: 360px;
    height: 240px;
    background-color: white;
    -webkit-mask-image: url('img/mask-01.svg');
    mask-image: url('img/mask-01.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; 
    margin-left: -33px;
}
.featured-content .entry-post-first .img-holder svg {
    stroke-width: 3px;
    fill: none;
}
.featured-content .entry-post-first .content-holder {
    padding: 25px 50px 0 45px;
}
.featured-content .entry-post-second {
    margin-top: 45px;
}
.featured-content .entry-post-second .content-holder,
.featured-content .entry-post-third .content-holder {
    padding: 20px 20px 5px 20px;
    background-size: 600px 600px;
}
.featured-content .entry-post-second .content-holder {
    background: url('img/gradient-01.png') center center;
}
.featured-content .entry-post-second,
.featured-content .entry-post-third {
    width: 313px;
}
.featured-content .entry-post-second .img-holder {
    height: 247px;
    border-radius: 156px 156px 0 0;
    background-color: white;
}
.featured-content .entry-post-third .img-holder,
.featured-content .entry-post-third .content-holder {
    position: relative;
}
.featured-content .entry-post-third .img-holder {
    width: 100%;
    height: 221px;
    border-radius: 20px;
    background-color: white;
    z-index: 10
}
.featured-content .entry-post-third .img-holder:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border-style: solid;
    border-width: 1.5px;
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg)
}
.featured-content .entry-post-third .content-holder {
    margin-top: -20px;
    padding-top: 40px;
    background: url('img/gradient-02.png') center center;
    z-index: 0;
    border-radius: 0 0 20px 20px
}
.featured-content.desktop {
    padding-bottom: 50px;
}
.featured-content.mobile {
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-y: auto; /* หรือ scroll */

    /* Chrome, Safari */
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE / Edge เก่า */
}
.featured-content.mobile::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.featured-content.mobile .swiper {
    padding-top: 15px;
}
.featured-content.mobile .swiper-slide {
    width: 337px;
}

/* GRID */

.grid-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
}
.grid-category {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.grid-category .item {
    width: 27.5%;
    margin: 25px;
}
.grid-category .item-inner {
    text-align: center;
}
.grid-category .item-inner img {
    width: auto;
    max-height: 267px;
    margin: 0 auto;
}
.grid-product {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 16px; /* row-gap column-gap, adjust as needed */
    align-items: center;
    justify-items: stretch;
    padding-bottom: 90px;
}
.grid-product .col {
    position: relative;
}
.grid-product .col.active {
    z-index: 1000;
}

/* .grid-product .col-2 { transform: translateY(57px); }
.grid-product .col-3 { transform: translateY(93px); }
.grid-product .col-4 { transform: translateY(53px); } */

/* CAROUSEL */

.elementor-widget-image-carousel .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.elementor-widget-image-carousel .swiper .swiper-slide figure {
    width: 340px;
    height: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
.elementor-widget-image-carousel .swiper .swiper-slide figure img {
    max-width: 100%;
    max-height: 100%;
}

/* TEMPLATES */

.page_not_found {
    margin: 0;
    padding: 50px 0;
}
.page-template-full-screen-video {
    margin: 0;
    width: 100%;
    height: 100%;
}
.page-template-full-screen-video header,
.page-template-full-screen-video .wrapper,
.page-template-full-screen-video footer {
    display: none;
}
.page-template-single-category .hero-pane .column1 {
    padding: 50px 0;
}
.page-template-single-category .hero-pane .column1 h2 {
    margin-bottom: 5px;
}
.page-template-single-category .hero-pane .column1 p {
    max-width: 348px; 
    margin-top: 25px;
}
.page-template-single-category .cover-photo {
    /* width: 480px;
    height: 480px; */
    mask-size: cover;
    -webkit-mask-image: url('img/mask-02.svg');
    mask-image: url('img/mask-02.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    margin-left: 25px;
}
.page-template-single-category .mobile-cover-photo {
    display: none;
    position: relative;
    z-index: 3000;
    -webkit-mask-image: url('img/mask-cover-photo-mobile.svg');
    mask-image: url('img/mask-cover-photo-mobile.svg');
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; 
}
.page-template-single-category .cover-photo,
.page-template-single-category .mobile-cover-photo {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.page-template-single-category .mobile-cover-photo img {
    visibility: hidden;
}
.page-template-single-category .hero-pane .two_columns_50_50 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.page-template-single-category .content_inner,
.page-template-single-category .more-bakes {
    position: relative;
}
.page-template-single-category .content_inner {
    z-index: 5000;
}
.page-template-single-category .related-products {
    z-index: 3000;
}
.page-template-single-category .more-bakes {
    padding: 117px 0 50px 0;
    z-index: 0;
}
.page-template-single-category .more-bakes h3 {
    text-align: center;
}
.page-template-services .hero-pane {
    padding: 50px 0;
}
.page-template-single-category .dough-bg,
.page-template-services .dough-bg,
.single .dough-bg {
    background-image: none;
}
.error404 .content {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* PRODUCT BOX */

.product-box {
    position: relative;
    border-radius: 16px;
    /* overflow: hidden; */
}
.product-box, 
.product-box .product-info {
    border-width: 1.5px;
    border-style: solid;
}
.product-box .img-holder {
    background-color: #ffffff;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}
.product-box .content-holder {
    position: relative;
}
.product-box .product-content {
    padding: 15px;
}
.product-box .product-title {
    display: block;
    min-height: 48px;
    text-transform: uppercase;
}
.product-box .info-button {
    position: absolute;
    right: 12px;
    bottom: 6px;
    /* margin-top: -28px; */
}
.product-box .close-button {
    position: absolute;
    top: -32px;
    right: 15px;
}
.product-box .info-button > svg,
.product-box .close-button > svg {
    stroke: none;
}
.product-box .info-button > svg {
    width: 28px;
    height: 28px;
}
.product-box .close-button > svg {
    width: 21px;
    height: 21px;
}
.product-box .excerpt-trim {
    display: block;
    min-height: 60px;
    padding-right: 27px;
    margin-top: 12px;
}
.product-box .excerpt-full {
    display: none;
}
.product-box .product-info-wrapper {
    position: relative;
    padding: 0 15px 15px 15px;
}
.product-box .product-info {
    width: 100%;
    position: absolute;
    left: -1.5px;
    border-top: 0;
    display: none;
    border-radius: 0 0 16px 16px;
}
.product-box .product-info-inner {
    position: relative;
    padding: 0 15px 15px 15px;
}
.product-box .product-info hr {
    height: 0;
    display: block;
    border-bottom-width: 1.5px;
    border-bottom-style: dashed;
    margin: 7px 0;
}
.product-box .product-info .keeping-methods,
.product-box .product-info .caution {
    margin-top: 12px;
}
.product-box.active .excerpt-trim,
.product-box.active .info-button {
    visibility: hidden;
}
.product-box.active .product-info,
.product-box.active .excerpt-full {
    display: block;
}
.product-box.active .product-info {
    top: 0px;
}

/* SERVICE TABS */

.service-tab h3 {
    margin-bottom: 20px;
}
.service-tab p {
    display: none;
}
.service-tab .skeleton {
    width: 173px;
    height: 82px;
    margin: 0 auto;
    background-image: url('img/skeleton-01.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.service-tab.active p {
    display: block;
    max-width: 197px;
}
.service-tab.active .skeleton {
    display: none;
}
body:not(.elementor-editor-active) .service-content {
    display: none;
}
body:not(.elementor-editor-active) .service-content.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.service-tabs.desktop .service-tab.active p {
    margin: 0 auto;
}
.service-tabs.desktop .service-tab {
    text-align: center;
}
.service-tabs.mobile {
    display: none;
}
.service-tabs.mobile .swiper-slide {
    width: 213px !important;
}
.service-tabs.mobile .skeleton {
    margin: 0px;
    background-position: -26px 0;
}

/* BLOG */

.blog-title {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 50px;
}
.blog-title .title-en {
    margin-bottom: 12px;
}
.blog-feed-wrapper {
    padding-bottom: 50px;
}
.blog-feed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.blog-feed .entry-post {
    max-width: 957px;
    height: 303px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 20px;
}
.blog-feed .entry-post,
.related-posts .entry-post {
    overflow: hidden;
    border-radius: 22px 22px 0 0;
    border-width: 1.5px;
    border-style: solid;
}
.blog-feed .entry-post .img-holder {
    aspect-ratio: 1 / 1;
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.blog-feed .entry-post .content-holder {
    height: 100%;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.blog-feed .entry-post .post-text {
    padding: 25px 25px 0 25px;
}
.blog-feed .entry-post .post-title {
    margin-bottom: 25px;
}
.blog-feed .entry-post .post-date,
.blog-feed .entry-post .read-more {
    position: absolute;
}
.blog-feed .entry-post .read-more { bottom: 14px; right: 20px; }
.blog-feed .entry-post .post-date { bottom: 25px; left: 27px; }


.blog_holder.blog_single article ol li {
    padding-left: 10px;
    margin-left: 15px;
}
.blog_holder.blog_single article .post_content_holder {
    margin: 0 auto;
}
.blog_holder.blog_single article .post_info,
.blog_holder.blog_single article .post_text h2 .date {
    display: none;
}
.blog_holder.blog_single article {
    padding: 50px 0;
}
.blog_holder.blog_single article .entry_title {
    margin-bottom: 25px;
}
.blog_holder.blog_single article .post_image {
    border-radius: 30% 30% 0 0;
    border-width: 3px;
    border-style: solid;
    overflow: hidden;
}
.blog_holder.blog_single article .post_tag a {
    display: inline-block;
    margin-right: 12px;
}
.blog_holder.blog_single article .two_columns_50_50>.column1>.column_inner {
    padding: 0 50px;
}
.related-posts {
    padding: 50px 0;
}
.related-posts .entry-post .content-holder {
    position: relative;
    min-height: 160px;
    padding: 12px;
}
.related-posts .entry-post .post-date {
    margin-bottom: 25px;
}
.related-posts .entry-post .read-more {
    position: absolute;
    right: 12px;
    bottom: 10px;
}
.related-posts .entry-post .img-holder {
    aspect-ratio: 1 / 1;
}
.related-posts .column2, .related-posts .column4 {
    margin-top: 20px;
} 
.related-posts .back-to-blog {
    margin-top: 25px;
}
.blog-feed .entry-post .img-holder,
.related-posts .entry-post .img-holder {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.single .blog-content .post_tag {
    margin-top: 22px;
}
.single-post .blog-content {
    background-image: url('img/path-twin-dough-vanilla.svg');
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.single-event .blog_single p, .single-event .blog_single ul, .single-event .blog_single ol {
    margin-bottom: 22px;
}
.single-event .blog_holder.blog_single article .entry_title {
    text-align: center;
    font-size: 28px;
}
.event-gallery-container {
    aspect-ratio: 1 / 1;
}

/* DOUGH ELEMENTS */

.border-dough {
    height: 17px;
    -webkit-mask-image: url('img/mask-border-dough.svg');
    mask-image: url('img/mask-border-dough.svg');
    -webkit-mask-size: auto 16px;
    mask-size: auto 17px;
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
}
.bg-twin-dough {
    position: relative;
}
.bg-twin-dough-inner {
    position: absolute;
    width: 100%;
    height: 100%;
}
.bg-twin-dough-inner svg,
.bg-twin-dough-inner::before, 
.bg-twin-dough-inner::after {
    display: block;
}
.bg-twin-dough-inner::before, .bg-twin-dough-inner::after {
    content: '';
    width: 100%;
}
.bg-twin-dough-inner svg {
    /* top: -100% */
}
.bg-twin-dough-inner::before {
    height: 600px;
}
.bg-twin-dough-inner::after {
    height: 100%;
    /* -webkit-mask-image: url('img/mask-twin-dough-invert.svg');
    mask-image: url('img/mask-twin-dough-invert.svg');
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-composite: intersect; */
}

/* ANIMATIONS */

@-webkit-keyframes float {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-20px);
		        transform: translatey(-20px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

@keyframes float {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-20px);
		        transform: translatey(-20px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

#flying_animation_container {
    -webkit-animation: float 6s ease-in-out infinite;
            animation: float 6s ease-in-out infinite;
}
#seeking_animation_container {
    width: 158px;
    height: 194px;
    position: absolute;
    top: -203px;
    left: -140px;
    z-index: 1;
    overflow: hidden;
    background-image: url('img/seeking-sprite.svg');
    background-size: auto 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
/* ===== Hide reCAPTCHA badge ===== */
.grecaptcha-badge {
    visibility: hidden;
}