/* ================================= ROOT WIDTH FIX ================================= */ :root{ --wp--style--global--content-size:100%; --wp--style--global--wide-size:100%; } /* ================================= GLOBAL RESET ================================= */ *{ margin:0; padding:0; box-sizing:border-box; } /* ================================= HTML & BODY ================================= */ html, body{ width:100%; max-width:100%; overflow-x:hidden; background:#07111f; font-family:'Poppins',sans-serif; scroll-behavior:smooth; } /* ================================= WORDPRESS FULL WIDTH FIX ================================= */ .wp-site-blocks, .wp-block-post-content, .entry-content, .site-content, .content-area, .site-main, main, .is-layout-constrained, .wp-block-group, .wp-block-columns, .wp-block-column{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; background:transparent; } /* ================================= REMOVE INNER CONTAINER LIMIT ================================= */ .wp-block-group__inner-container, .editor-styles-wrapper{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; } /* ================================= REMOVE DEFAULT BLOCK WIDTH ================================= */ .wp-block{ max-width:100% !important; } /* ================================= REMOVE WORDPRESS TOP SPACING ================================= */ .wp-site-blocks{ padding-top:0 !important; } /* ================================= GLOBAL CONTAINER ================================= */ .container{ width:100%; max-width:1400px; margin:auto; padding-left:40px; padding-right:40px; } /* ================================= GLOBAL LINKS ================================= */ a{ text-decoration:none; color:inherit; } /* ================================= GLOBAL LISTS ================================= */ ul{ list-style:none; } /* ================================= IMAGE RESPONSIVE ================================= */ img{ max-width:100%; height:auto; display:block; } /* ================================= BUTTON RESET ================================= */ button{ font-family:inherit; } /* ================================= MOBILE RESPONSIVE ================================= */ @media(max-width:768px){ .container{ padding-left:20px; padding-right:20px; } } /* ================================= HIDE PAGE TITLES GLOBALLY ================================= */ .entry-title, .wp-block-post-title, .page-title, .post-title, h1.wp-block-post-title{ display:none !important; } /* REMOVE EXTRA SPACE AFTER TITLE */ .entry-header, .page-header{ margin:0 !important; padding:0 !important; display:none !important; } /* ===================================================== ISH LABS BLOG SYSTEM ====================================================== */ .ish-blog-details{ max-width:900px; margin:0 auto; padding:70px 20px 100px; color:#ffffff; font-family:Arial,sans-serif; } /* ========================= BLOG META ========================= */ .ish-blog-meta{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:24px; } .ish-blog-meta span{ padding:8px 14px; border-radius:999px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.75); font-size:13px; font-weight:500; } /* ========================= BLOG TITLE ========================= */ .ish-blog-title{ font-size:48px; line-height:1.2; margin-bottom:28px; font-weight:700; color:#ffffff; } /* ========================= BLOG INTRO ========================= */ .ish-blog-intro{ font-size:20px; line-height:1.9; color: rgba(255,255,255,0.78); margin-bottom:55px; } /* ========================= BLOG CONTENT ========================= */ .ish-blog-content{ color: rgba(255,255,255,0.82); } .ish-blog-content h2{ font-size:32px; margin-top:60px; margin-bottom:24px; line-height:1.3; color:#ffffff; } .ish-blog-content h3{ font-size:22px; margin-top:35px; margin-bottom:18px; color:#ffffff; } .ish-blog-content p{ font-size:17px; line-height:2; margin-bottom:28px; color: rgba(255,255,255,0.78); } /* ========================= BLOCKQUOTE ========================= */ .ish-blog-content blockquote{ margin:45px 0; padding:24px 28px; border-left: 4px solid #2d6cdf; background: rgba(255,255,255,0.03); border-radius:14px; color:#ffffff; font-size:20px; line-height:1.8; font-style:italic; } /* ========================= HIGHLIGHT BOX ========================= */ .ish-highlight-box{ margin:45px 0; padding:28px; border-radius:18px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); backdrop-filter:blur(12px); box-shadow: 0 20px 50px rgba(0,0,0,0.35); } .ish-highlight-box ul{ padding-left:18px; } .ish-highlight-box li{ margin-bottom:14px; line-height:1.8; color: rgba(255,255,255,0.8); } /* ========================= RESPONSIVE ========================= */ @media(max-width:768px){ .ish-blog-title{ font-size:36px; } .ish-blog-intro{ font-size:18px; } .ish-blog-content h2{ font-size:28px; } .ish-blog-content p{ font-size:16px; } } /* ===================================================== ISH LABS — BLOG COMMENT SECTION ====================================================== */ .comments-area{ max-width:900px; margin:60px auto 100px; padding:40px; border-radius:20px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); backdrop-filter:blur(12px); box-shadow: 0 20px 60px rgba(0,0,0,0.35); } /* ========================= TITLE ========================= */ .comments-title, .comment-reply-title{ color:#ffffff; font-size:34px; margin-bottom:30px; font-weight:700; } /* ========================= TEXTAREA ========================= */ .comment-form textarea{ width:100%; min-height:180px; padding:18px; border-radius:16px; background: rgba(0,0,0,0.28); border: 1px solid rgba(255,255,255,0.08); color:#ffffff; font-size:16px; outline:none; resize:vertical; transition:0.3s ease; box-sizing:border-box; } .comment-form textarea::placeholder{ color: rgba(255,255,255,0.45); } .comment-form textarea:focus{ border-color: rgba(90,140,255,0.8); box-shadow: 0 0 0 4px rgba(60,120,255,0.15); } /* ========================= INPUTS ========================= */ .comment-form input{ width:100%; padding:14px 16px; border-radius:12px; background: rgba(0,0,0,0.28); border: 1px solid rgba(255,255,255,0.08); color:#ffffff; outline:none; margin-bottom:18px; box-sizing:border-box; } .comment-form input:focus{ border-color: rgba(90,140,255,0.8); box-shadow: 0 0 0 4px rgba(60,120,255,0.15); } /* ========================= BUTTON ========================= */ .comments-area, .comment-respond, #comments{ display:none !important; }