/*
 Theme Name:   Twenty Twenty-Child
 Author:       Agency09
 Template:     twentytwenty
 Version:      1.0.0
*/

/* Blog09 */
html {margin-top:0!important}
h2 b, h3 b, h4 b{font-weight:600}
.al-tags_wrap {display:flex; justify-content:space-between}
.meta-wrapper{display: flex; font-size: 15px;text-align: right;gap:20px;margin:0}
.blog-content p {margin:20px 0;font-size: 18px;}
.siyaramhd h1{font-size: 40px; text-align: left;font-weight:400}
.blog-content img {width:100%; height:100%}
.post-nav a {position: relative;color: var(--b_c);text-decoration: none;font-size: 14px;padding-bottom: 4px;margin: 40px 0;width: fit-content;text-transform: uppercase;transition: color 0.3s ease, transform 0.3s ease;}
.post-nav a::before {content: "";position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;background: linear-gradient(120deg, transparent 0%, var(--r_c) 50%, transparent 100%);background-size: 200% 100%;background-repeat: no-repeat;transform: scaleX(0);transform-origin: left;transition: transform 0.4s ease;z-index: 1;pointer-events: none;}
.post-nav a::after {content: "";position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background-color: var(--r_c);opacity: 1;pointer-events: none;}
.post-nav a:hover {color: var(--r_c);}
.post-nav a:hover::before {transform: scaleX(1);}
.post-nav {display: flex; justify-content: space-between; align-items: center;}
.blog-content ul li{position:relative; margin:13px 0; list-style-type:none!important}
.blog-content ol li {list-style-type:decimal; margin-bottom:20px}
.blog-content ol li::marker {color:#E21E25; font-weight:bold}
.blog-content ul li::before{content:''; width:10px; height:10px; position:absolute; left:-20px; background:#E21E25;top:8px;border-radius:50%; margin:auto}
.siyaramhd, .tags{text-align: left; margin: 0px 0px;}
.label {font-size:14px; color:#9E9E9E}
.image-showcase {position: relative;width: 100%;height: 80vh;overflow: hidden;margin: 0 auto 30px;}
.main-image {width: 100%;height: 100%;background-size: cover;background-position: center;transition: background-image 0.4s ease-in-out;}
.story-thumbs {position: absolute;bottom: 0;width: 100%;padding: 16px;background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);}
.story-thumbs .swiper-wrapper{display: grid; grid-template-columns: repeat(3, 1fr);}
.thumb-slide {padding-right: 20px;cursor: pointer;}
.thumb-slide p {font-size: 18px;margin-bottom: 6px;line-height: 1.4;white-space: normal;font-family: var(--font-pd);min-height: 80px;color:var(--w_c)}
.thumb-slide p a {color:var(--w_c)}
.progress-bar {position: relative;width: 100%;height: 2px;background: var(--w_c);overflow: hidden;}
.progress-fill {position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: var(--r_c);transition: width 5s linear;}
.blog-filters {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 15px;margin-bottom: 30px;}
.filter-tabs {display: flex;flex-wrap: wrap;gap: 10px;margin: 0;}
.brand-dropdown {margin: 0;}
.filter-tabs button {padding: 8px 16px;border: 1px solid var(--g_c2);background: var(--w_c);font-size: 14px;cursor: pointer;transition: all 0.3s ease;color:var(--b_c); font-family: var(--font-of);}
.filter-tabs button.active,
.filter-tabs button:hover {background: var(--r_c);color: var(--w_c);border-color: var(--r_c);}
.brand-dropdown select {padding: 11px 13px; border: 1px solid #F1F1F1;font-size: 14px; background: #eae2e2de; color: #aaa;}
.blog-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.blog-card {background: var(--g_c);overflow: hidden;display: flex; text-decoration:none;margin:0}
.blog-img img {width: 100%;height: 100%;object-fit: cover;}
.blog-info {padding: 28px;width:100%}
.tag {display: inline-block;border: 1px solid var(--r_c);padding: 5px 10px;font-size: 12px;border-radius: 20px;margin-right: 6px;}
.tag:nth-child(odd){background: var(--r_c);color:var(--w_c)}
.blog-title {font-size: 16px;font-weight: 400;margin: 20px auto;color: #000;text-decoration: none;font-family:var(--font-pd);}
.blog-meta {font-size: 12px;color: #aaa;}
.blog-img{width:100%;margin: 0;height:230px}
.filter-tabs a{background: var(--g_c);color: #333;padding: 8px 16px;font-size: 14px; text-decoration:none;}
.filter-tabs a.active {background: var(--r_c); color:#fff}
.pagination { margin:20px 0}
.page-numbers {display:flex; align-items:center; justify-content:center; gap:10px;padding:10px;line-height: 12px;}
.page-numbers li {margin:0; background:var(--g_c)}
.page-numbers li .current {background:var(--r_c); color:#fff}
.page-numbers li a {color:#333}
.results {align-items: center;justify-content: center;display: flex;margin: 80px 0;}
.results p {font-size:24px}
.results .blog-grid {grid-template-columns:repeat(1,1fr)}
/* Blog Detail */
.blog-detail-section {padding: 50px 20px;background: #fff; color: #000;line-height: 1.6;}
.blog-heading h1 {font-size: 28px;font-weight: bold; margin-bottom: 10px;}
.blog-heading .meta {font-size: 14px;color: #000;margin-bottom: 30px;}
.blog-featured-img img {width: 100%;height: auto;margin-bottom: 30px;}
.blog-content {font-size: 16px;}
.blog-content h3, .bloghd h2{font-size: 30px; margin: 30px 0 10px; font-family:var(--font-pd); font-weight:600}
.bloghd h2 {font-weight:400; text-align:center; margin-bottom:20px}
.blog-inline-img {width: 100%;height: auto;margin: 20px 0;}
.blog-content ul, .blog-content ol {padding-left: 20px;margin-bottom: 20px;}
.share-section {border-top: 1px solid #fff;margin-top: 40px;padding-top: 20px;display: flex;justify-content: space-between;
align-items: center;}
.social-icons a {background-color:transparent!important}
.social-icons img {width: 32px;height: 32px; margin: 0px 4px;}
.share-label {margin-right:10px}
.social-icons {margin:0}
/* .heading_s1.siyaramhd{border-bottom: 1px solid #eee;margin-bottom: 30px;} */
.single-post .container_min{margin-top:60px}
.single-post .container_min h1, .single-post .container_min h2 {font-size: 27px;font-weight: 400!important;font-family: var(--font-pd)!important; margin:20px 0 10px;line-height:normal}
.single-post .container_min h3, .single-post .container_min h4{font-size: 20px;font-weight: 400!important;font-family: var(--font-pd)!important; margin:20px 0 10px;line-height:normal; color:#000; font-weight: 300 !important;}
.single-post .container_min h5, .single-post .container_min h6{font-size: 19px;font-family: var(--font-pd)!important;}
.single-post .container_min h1 strong, .single-post .container_min h2 strong, .single-post .container_min h3 strong, .single-post .container_min h4 strong, .single-post .container_min h5 strong, .single-post .container_min h6 strong,.single-post .container_min h1 b, .single-post .container_min h2 b, .single-post .container_min h3 b, .single-post .container_min h4 b, .single-post .container_min h5 b, .single-post .container_min h6 b{font-weight: 400!important;}
.single-post .container_min p,.single-post .container_min li{color: #494949cc;}
.single-post .container_min p{margin:0 0 15px;}
.single-post .container_min ul, .single-post .container_min ol{ margin-left: 15px}
.author {margin:8px 0}
@media (max-width: 768px) {
.blog-img img{width: 100%;}
.blog-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px;}
.blog-card{display: block;}
.blog-info{padding: 20px;}
.blog-title {margin: 10px auto 20px;}
.thumb-slide p{font-size: 14px;}
/* .meta-wrapper{display: flex;font-size: 14px;margin: -32px 200px;width: 48%;text-align: left;} */
.siyaramhd h1{font-size: 26px; text-align: left;}
.blog-content h2{font-size:23px;}
.blog-content p, .custom-bullets li{font-size:14px}
.container_min {width: 90%;}