/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1753794366
Updated: 2025-07-29 13:06:06

*/

.yt-thumb {
    position: relative;
    cursor: pointer;
}

.yt-thumb img {
    width: 100%;
    display: block;
}

.yt-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.yt-play-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 12px 0 12px 18px;
    border-color: transparent transparent transparent #fff;
}


/* search bar code start */

        .help-search-wrapper {
            max-width: 900px;
            margin: 40px auto;
            font-family: system-ui, sans-serif;
        }

        .search-box {
            display: flex;
            align-items: center;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 12px 16px;
        }

        .search-icon {
            margin-right: 10px;
            color: #888;
        }

        .search-box input {
            border: none;
            outline: none;
            font-size: 15px;
            width: 100%;
        }

        .quick-search {
            margin-top: 14px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .quick-search span {
            font-size: 13px;
            color: #666;
            margin-right: 6px;
        }

        .quick-search button {
            background: #f3f3f3;
            border: none;
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 13px;
            cursor: pointer;
        }

        .quick-search button:hover {
            background: #e6e6e6;
        }
 /* Search bar code end  */