/* 
Theme Name: Tian Leng
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Orfeostory Theme
Author: Elementor Team
Author URI: https://www.orfeostory.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.elementor-kit-7 .scf-slider-container button:focus,
.elementor-kit-7 .scf-slider-container button:focus-visible {
    outline: none;
    background: radial-gradient(
        66.69% 133.75% at 50% 50%,
        rgba(255, 255, 255, 0.24) 0%,
        rgba(44, 43, 41, 0.24) 100%
    ) !important;
    box-shadow: 0 4px 4px rgba(0,0,0,.15);
}


.single_slider .elementor-swiper-button-next,
.single_slider .elementor-swiper-button-prev{
    background: #ffffffa8;
    padding: 12px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
}

/* Gallery Item */
/* Parent */


.swiper-slide,
.swiper-slide a,
.gallery-item {
    overflow: hidden;
    border-radius: 0px; 
}


.swiper-slide img,
.gallery-item img {
    display: block;
    width: 100%;
    transition: transform .5s ease;
}

.swiper-slide:hover img,
.gallery-item:hover img {
    transform: scale(1);
}

.single_slider .pp-image-slider-image-wrap img {
    height: 520px;
	object-fit:cover;
}




.pp-image-slider-thumb-pagination.elementor-grid.pp-normal{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px !important;
}

.pp-image-slider-thumb-pagination.elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 220px) !important; 
    justify-content: center !important;
    margin: 0 auto !important;
}

.pp-image-slider-thumb-pagination.elementor-grid .elementor-grid-item {
    width: 220px !important; 
    height: auto !important;
}

.pp-image-slider-thumb-pagination.elementor-grid .elementor-grid-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}