/* *
 * Theme Name:     happiness
 * Theme URI:      happiness
 * Author:         happiness
 * Author URI:     happiness
 * Tested up to:   6.8.2
 * Requires PHP:   5.6.0
 * Description:    happiness
 * Version:        1.0
 * License:        GNU General Public License v2 or later
 * License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:    happiness
 * Tags: blog, custom-logo, portfolio, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, editor-style, footer-widgets, left-sidebar, right-sidebar, wide-blocks
 *
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 *
 * Nito is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
 * Underscores is distributed under the terms of the GNU GPL v2 or later.
**/
.wpcf7-not-valid-tip,
.wpcf7-spinner {
	display: none !important;
}
/* ==========================================
   Instagram
   ========================================== */

.instagram-slider-wrap {
    position: relative;
}

.instagram-slider {
    width: 100%;
}


/* ==========================================
   SP <= 768px
   ========================================== */

@media screen and (max-width: 768px) {

    .instagram-slider {
        width: 100%;
        overflow: hidden;
    }

    /*
     * Smash Balloon container
     */
    .instagram-slider #sb_instagram {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden;
    }

    /*
     * Swiper wrapper
     */
    .instagram-slider #sb_instagram #sbi_images {
        display: flex !important;

        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * IMPORTANT
     *
     * Every Instagram item = 1 full slide
     */
    .instagram-slider #sb_instagram #sbi_images .sbi_item {
        flex: 0 0 100% !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /*
     * Smash Balloon photo
     */
    .instagram-slider #sb_instagram #sbi_images .sbi_photo {
        width: 100% !important;
    }

    /*
     * Navigation buttons
     */
    .instagram-btn {
        position: absolute;

        top: 50%;
        z-index: 20;

        display: flex;

        align-items: center;
        justify-content: center;

        width: 48px;
        height: 48px;

        padding: 0;
        border: 0;

        background: transparent;

        transform: translateY(-50%);

        cursor: pointer;
    }

    .instagram-btn img {
        display: block;

        width: 100%;
        height: auto;
    }

    .instagram-btn-prev {
        left: -16px;
    }

    .instagram-btn-next {
        right: -16px;
    }
}


/* ==========================================
   PC > 768px
   ========================================== */

@media screen and (min-width: 769px) {
	/*
	* Hide items from 4 onward
	*/
    .instagram-slider #sb_instagram #sbi_images .sbi_item:nth-child(n + 4) {
        display: none !important;
    }

    .instagram-btn {
        display: none !important;
    }

}

@media screen and (max-width: 768px) {

    .instagram-slider #sb_instagram {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Swiper wrapper */
    .instagram-slider #sb_instagram #sbi_images.swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /* Mỗi Instagram post là một slide */
    .instagram-slider #sb_instagram #sbi_images.swiper-wrapper > .sbi_item.swiper-slide {
        display: block !important;

        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
        float: none !important;
    }

    /* Ảnh trong từng slide */
    .instagram-slider #sb_instagram .sbi_item .sbi_photo {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;

        box-sizing: border-box !important;
    }
}

/* PC: giữ nguyên layout list của Smash Balloon */
@media screen and (min-width: 769px) {
    .instagram-slider #sb_instagram #sbi_images {
        gap: 20px !important;
        transform: none !important;
    }

    .instagram-slider #sb_instagram #sbi_images .sbi_item {
        flex: initial !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        transform: none !important;
    }
}

/* SP: Swiper carousel */
@media screen and (max-width: 768px) {
	.instagram-slider #sb_instagram #sbi_images {
		gap: 0 !important;
	}
    .instagram-slider #sb_instagram {
        overflow: hidden !important;
    }

    .instagram-slider #sb_instagram #sbi_images.swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .instagram-slider #sb_instagram #sbi_images.swiper-wrapper > .sbi_item.swiper-slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
}

.pagination_detail li.btn_next.disabled,
.pagination_detail li.btn_prev.disabled {
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
  .instagram-slider {
    width: 100%;
    overflow: hidden;
  }

  .instagram-list {
    width: 100%;
  }

  .instagram-item {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .instagram-item .instagram-media {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box;
  }

  .news-itm .news-itm_link {
    padding-right: 12rem;
  }
  .news-itm .news-itm_link::after {
    top: 55%;
  }
  .p-remake .p-remake-story .p-remake-story-head .p-remake-story-head_right {
    white-space: nowrap;
  }
}


.wp-block-heading strong {
    font-weight: 400;
}