/*
Theme Name: Di Blog
Theme URI: https://dithemes.com/di-blog-free-wordpress-theme/
Author: dithemes
Author URI: https://dithemes.com
Description: Ultimate WordPress theme for businesses, bloggers and creators. Di Blog theme is a responsive, modern and powerful WordPress Theme for businesses, bloggers and creators. It is a perfect WordPress theme for building a business or blog website. Here, you can attract your viewers and readers to land on your website. Di Blog is the best WordPress theme to start with beautiful text, images and amazing fonts. This theme comes with ready to use demo templates with one click import feature. This theme is also fully compatible with WooCommerce plugin and has customization options, so it can be used for displaying and selling products online. Di Blog WordPress theme is fully compatible with all popular page builder plugins like Elementor, SiteOrigin, Visual Composer and also have page builder templates. This blog theme is 100% responsive and can be use for many type of websites such as personal, blog, portfolio, photography, apps page, fitness, law firm, travel, tourism, vacation, moving service, consult, hotel, restaurant, creative business, wedding planner, sport, medical, startup, corporate website, online selling, one page, landing page, construction, real estate, industrial, gym, education, affiliate, job board and portal, jewelry, local business, agency and firm, e-commerce (WooCommerce ), architecture, event, gallery, lifestyle, lens, listing, yoga, university, school, quotes etc. Let's checkout Di Blog Theme features: One Click Demo Import, Front Page Slider, Typography Options, Social Profile and Icons, Three Level Responsive Main Menu, Sticky Main Menu, Sidebar Menu, Custom Logo, Page Layouts (Full Width, Left Sidebar, Right Sidebar), Advance Footer Widgets with Layouts, Footer Copyright Section, Fully Compatible with popular plugin like Page Builder, WooCommerce, Contact Form 7, WordPress SEO etc. Details: https://dithemes.com/di-blog-free-wordpress-theme/ and DEMO: http://demo.dithemes.com/di-blog/
Version: 2.0
Requires at least: 5.2
Tested up to: 6.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, custom-logo, featured-images, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, blog, portfolio, e-commerce
Text Domain: di-blog
*/

/*
*
*	Please do not write your css code here instead use: Appearance > Customize > Additional CSS option OR Child Theme. Because all changes remove on theme update.
*
*/

/* Alapértelmezett hozzászólások lista stílus */
.comment-list {
    list-style: none;
    padding: 0;
}

/* Hozzászólás blokk stílusa */
.comment-list li {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Szerző neve és meta adatok */
.comment-author {
    font-weight: bold;
    font-size: 1.1em;
    color: #333;
}

.comment-meta {
    font-size: 0.85em;
    color: #777;
    margin-bottom: 10px;
}

/* A hozzászólás szövege */
.comment-body {
    font-size: 1em;
    line-height: 1.6;
    color: #444;
}

/* Válasz gomb stílusa */
.comment-reply-link {
    display: inline-block;
    margin-top: 10px;
    background-color: #0073aa;
    color: #fff;
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 4px;
}
.comment-reply-link:hover {
    background-color: #005177;
}

/* Hozzászólás űrlap stílusa */
#respond {
    background: #f4f4f4;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 30px;
}
#respond label {
    font-weight: bold;
}

/* Input mezők és textarea alapstílusa */
#respond input[type="text"],
#respond input[type="email"],
#respond textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Submit gomb stílusa */
#respond button.submit {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}
#respond button.submit:hover {
    background-color: #005177;
}

/* Konténer, ami egymás mellé rendezi a labelt és az inputot */
.comment-form-author,
.comment-form-email {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

/* A címke 25% szélességgel */
.comment-form-author label,
.comment-form-email label {
    flex: 0 0 110px;
    margin-right: 10px;
}

/* Az input mező kitölti a maradék 75%-ot */
.comment-form-author input,
.comment-form-email input {
    flex: 0 0 25%;
	min-width: 150px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    /* Ha szükséges, kikapcsolhatod a fix szélességet */
    width: auto;
}

/* Hozzászólás szövegmező, már 100% szélességű */
#respond textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.gglcptch.gglcptch_v3 {
    display: none !important;
}