/*
Theme Name: 2025
Theme URI: https://gbeduhq.com.ng/
Description: A modern and responsive wordpress theme for music blog, news and magazine.
Version: 3.0
Author: Festus Allasseh 
Author URI: https://gbeduhq.com.ng/about-us/
Tags: Navy Blue, white, one-column, flexible-width, right sidebar
*/
  :root {
    --body-bg: #0B0C10;
    --accent-color: #e64946;
    --body-text: #fff;
    --header-bg: #181818;
    --menu-bg: #106ecc;
    --border-color-d: #717171;
    --rartist-name: #e1e4e6;
    --deep-blue-hover: #04568c;
    --fartist-name: #dfdfdf;
    --solid: #000;
    --mobile-header-bg: #181818;
    --nav-link-color: #fff;
    --nav-link-underline: #fff;
    --search-btn-bg: #0d7dc6;
    --search-btn-bg-hover: #1a6fb3;
    --music-info-bg: #000;
    --meta-a: #fff;
    --font1: Benton sans;
    --font2: Chillax;
    --header: #0B0C10;
    --tborder: #fff;
    --bbbb: #717171;
    --video-bg: #1e1e2f;
}
  
  :root[data-theme="light"] {
    --body-bg: #fff;
    --accent-color: #e64946;
    --body-text: #000;
    --header-bg: #f9f9f9;
    --menu-bg: #e64946;
    --def-text-color: #353536;
    --border-color-d: #fff;
    --rartist-name: #545454;
    --deep-blue-hover: #04568c;
    --fartist-name: #0D47A1;
    --solid: #fff;    
    --mobile-header-bg: #f5f9fc;
    --nav-link-color: #fff;
    --nav-link-underline: #fff;
    --search-btn-bg: #0d7dc6;
    --search-btn-bg-hover: #1a6fb3;
    --music-info-bg: #000;
    --meta-a: #000;
    --header: #0D47A1;
    --tborder: #1F2833
    --bbbb: #000;
    --video-bg: #f3f3f3;
  }
  :root[data-theme="dark"] .btn-img{width:25px;height:18px;background-image:url("/wp-content/themes/2025/img/button-arrow-light.svg");background-size:25px 18px;margin-left:10px}
  :root[data-theme="light"] .btn-img{width:25px;height:18px;background-image:url("/wp-content/themes/2025/img/button-arrow.svg");background-size:25px 18px;margin-left:10px}
a{text-decoration:none;}  
@font-face{font-family:"Chillax";font-weight:700;src:url("/wp-content/themes/2025/fonts/chillax/chillax-bold.woff2");font-display: swap;}*{box-sizing:border-box;margin:0;padding:0;}@media (max-width:1199px){.desktop{display:none}}@media (min-width:1200px){.mobile{display:none}}body{line-height:1.5em;font:16px "Epilogue",sans-serif;margin:0 auto;background: var(--body-bg);color:var(--body-text);text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:auto;padding:0;width:100%;height:100%;}body.menu-open{overflow:hidden}@media (max-width:1199px){body{font-size:14px}}.dark-mode-menu.change-mode-trigger i{cursor:pointer}
.bi-save-fill,.bi-share-fill,.bi-toggle-on,.bi-toggle-off{font-size: 1.4em;text-shadow: 0 0 1px currentColor;}.btn:hover, .btn-group a:hover{box-shadow:1px 1px 0 1px var(--bbbb)}
.clever-core-ads{margin:20px 0}@media (min-width:1200px){.clever-core-ads{display:none}}.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);z-index:10;align-items:center}.modal-content{background-color:#fefefe;margin:0 auto;padding:20px;width:800px;height:760px;background-size:cover;display:flex;align-items:flex-end;position:relative;justify-content:center;border:3px solid #fff;border-radius:10px}.modal-content a{color:#000;margin-bottom:30px;text-align:center}@media (max-width:1199px){.modal-content{width:calc(100% - 40px);height:400px}}#formModal .modal-content{height:auto}@media (max-width:1199px){#formModal .modal-content iframe form{flex-direction:column}}#formModal .close{color:#000}.close{color:#fff;float:right;font-size:35px;font-weight:700;position:absolute;top:10px;right:10px}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.grid{display:grid}.grid-header{grid-template-columns:max-content 190px auto max-content;grid-gap:40px;align-items:center}@media (max-width:1199px){.grid-header{grid-template-columns:max-content auto max-content;justify-content:space-between;grid-gap:revert}}.grid-featured{grid-template-columns:415px 395px 300px;grid-gap:25px;align-items:start}@media (max-width:1199px){.grid-featured{display:block}}.grid-promo{grid-template-columns:repeat(2,calc(50% - 25px));grid-gap:50px;align-items:center}.grid-promo-item{grid-template-columns:70px calc(100% - 40px - 70px);grid-gap:40px}@media (max-width:1199px){.grid-promo-item{grid-template-columns:40px calc(100% - 40px - 20px);grid-gap:20px}}@media (max-width:1199px){.grid-promo{display:block}.grid-promo div:first-of-type{margin-bottom:3em}}.grid-carousel,.grid-new-music{display:grid;grid-template-columns:repeat(10,250px);overflow:scroll;grid-gap:30px;align-items:start;-ms-overflow-style:none;scrollbar-width:none}@media (max-width:1199px){.grid-carousel,.grid-new-music{grid-template-columns:repeat(10,220px);grid-gap:20px}}.grid-carousel::-webkit-scrollbar,.grid-new-music::-webkit-scrollbar{display:none}.grid-new-music{grid-template-columns:repeat(10,180px);grid-gap:50px;text-align:center}.grid-new-music.promo-img-list{grid-template-columns:repeat(3,280px);grid-gap:50px;margin-top:60px}@media (max-width:1199px){.grid-new-music.promo-img-list{grid-template-columns:repeat(2,1fr);grid-gap:20px;margin-top:30px}}@media (min-width:1200px){.grid-new-music.promo-img-list .image-box{height:280px}}.grid-video{display:grid;padding-top:0;grid-template-columns:calc(100% - 280px - 30px) 280px;grid-gap:30px;height:620px}@media (max-width:1199px){.grid-video{display:block;height:auto}}.grid-footer{grid-template-columns:calc(30% - 20px) calc(70% - 20px);grid-gap:40px}@media (max-width:1199px){.grid-footer{display:block}}.grid-single-article{grid-template-columns:calc(100% - 300px - 40px) 300px;grid-gap:40px}@media (max-width:1199px){.grid-single-article{display:block}}.grid-meta{grid-template-columns:max-content max-content;justify-content:space-between;align-items:center}.grid-content{grid-template-columns:200px calc(100% - 200px - 20px);grid-gap:20px}@media (max-width:1199px){.grid-content{display:block}}.grid-latest{grid-template-columns:calc(100% - 300px - 50px) 300px;grid-gap:50px}@media (max-width:1199px){.grid-latest{display:block}}.grid-tag{grid-template-columns:calc(100% - 300px - 50px) 300px;grid-gap:50px}@media (max-width:1199px){.grid-tag{display:block}}.grid-tag-content{grid-template-columns:calc(60% - 50px) 40%;grid-gap:50px}@media (max-width:1199px){.grid-tag-content{display:block}}.grid-latest-group{grid-template-columns:repeat(2,calc(50% - 15px));grid-gap:30px}@media (max-width:1199px){.grid-latest-group{display:block;grid-gap:0}}.grid-latest-list{grid-template-columns:160px calc(100% - 160px - 20px);grid-gap:20px;padding-bottom:30px;border-bottom:.5px solid var(--bbbb)}@media (min-width:1200px){.grid-latest-list:last-of-type,.grid-latest-list:nth-last-child(2){margin-bottom:30px}}@media (max-width:1199px){.grid-latest-list{border-bottom:.5px solid var(--bbbb);padding:20px 0;grid-template-columns:140px calc(100% - 140px - 20px);grid-gap:20px;align-items:flex-start}.grid-latest-list:last-of-type{margin-bottom:20px}.grid-latest-list:nth-last-child(2){margin-bottom:0}.grid-latest-list:first-of-type{padding-top:0}}.grid-advertise{grid-template-columns:500px calc(100% - 500px - 50px);grid-gap:50px;align-items:flex-start}@media (max-width:1199px){.grid-advertise{display:block}}.grid-products{grid-template-columns:repeat(5,calc(20% - 16px));grid-gap:20px}@media (max-width:1199px){.grid-products{display:block}}.grid-full-meta{grid-template-columns:250px auto 200px;grid-gap:50px;align-items:flex-start}.container{width:100%;padding:0 20px;max-width:1200px;margin:0 auto}@media (max-width:1199px){.container{max-width:760px;padding:0 10px}}.container-wide{max-width:100%}.container-wide .grid-single-article{display:block}.container-wide .grid-content{grid-template-columns:340px calc(100% - 340px - 40px);grid-gap:40px}@media (max-width:1199px){.container-wide .grid-content{display:block}}.container-wide .content-cover{margin-top:40px;display:grid;grid-template-columns:calc(100% - 340px - 40px) 340px;grid-gap:40px}@media (max-width:1199px){.container-wide .content-cover{display:block}}.header-main{border-top:.5px solid var(--bbbb);border-bottom:.5px solid var(--bbbb);background-color:var(--header);position:sticky;top:0;z-index:9999;padding:10px 0}@media (max-width:1199px){.header-main .grid-header .social-links li{display:none}}.header-full{position:relative;width:100%;background-color:transparent;height:70vh;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between}@media (max-width:1199px){.header-full{background-position:center}}.header-full:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5)}.header-full .grid-header,.header-full .grid-full-meta{z-index:2}.header-full .grid-full-meta{color:var(--meta-a);margin-bottom:20px}@media (max-width:1199px){.header-full .grid-full-meta{display:block}}.header-full .grid-full-meta .grid-meta{border:none;display:flex;flex-direction:column;margin-top:0;padding-top:5px;align-items:flex-start;font-size:1.05em}.header-full .grid-full-meta .grid-meta a{padding:0;color:var(--meta-a);border:none}.header-full .grid-full-meta .grid-meta .single-article-author{margin-bottom:10px}.header-full .grid-full-meta .single-article-share{padding-top:5px}.header-full .grid-full-meta .single-article-share .social-links{margin-top:10px}.header-full .grid-full-meta h1{margin-top:0;line-height:1.4}.trigger-hamburger{display:flex;align-items:center;font-family:"Chillax",sans-serif;font-weight:700;text-transform:uppercase;cursor:pointer;color:#fff}.trigger-hamburger svg{width:40px;height:40px;fill:#fff}.logo a{display:block}.logo a img{width:170px}@media (max-width:1199px){.logo img{width:150px}}.main-menu ul{margin:0;padding:0;list-style:none;display:flex}.main-menu li{padding:10px}.main-menu li:before,.main-menu li:after{display:none}.main-menu a{font-family:"Chillax",sans-serif;text-decoration:none;font-weight:700;color:#fff;text-transform:uppercase;font-size:1em}.main-menu a:hover{color:#FF9800}.current-menu-item > a {border-bottom: 3px solid #FF9800;color: #FF9800;}@media (max-width:1199px){.main-menu{display:none}}.section{padding:60px 0;border-bottom:.5px solid var(--bbbb)}@media (max-width:1199px){.section{padding:40px 0}}.section-footer{background-color:#000;padding:60px 0 0}.section-tag{border-bottom:none}.section-new-music,.section-video{background-color:#0B0C10}.section-new-music img,.section-video img{width:100%}.section-new-music h2,.section-new-music h3,.section-new-music h4,.section-video h2,.section-video h3,.section-video h4{color:#fff}.section-new-music h3,.section-video h3{font-size:1.4em}.section-new-music .article-list-heading,.section-video .article-list-heading{border-color:var(--bbbb)}.section-new-music .article-list-category,.section-video .article-list-category{margin:5px 0 0}.section-new-music .btn,.section-video .btn{border-color:var(--bbbb);background-color:var(--meta-a);color:var(--meta-a);cursor:pointer}.section-new-music .btn:hover,.section-video .btn:hover{box-shadow:2px 2px 0 1px var(--meta-a)}.section-new-music li,.section-video li{margin-bottom:30px}.section-new-music li img,.section-video li img{margin-bottom:10px}.section-video h3{font-size:2.3em !important}@media (max-width:1199px){.section-video h3{font-size:1.6em !important}}.section-video h4{font-size:1.2em}.section-video .article-video-main h3{margin-top:20px}@media (max-width:1199px){.section-video .article-video-main{margin-bottom:30px}.section-video .article-video-main iframe{height:auto !important}.section-video .article-video-main h3{margin-top:10px}}@media (max-width:1199px){.section-video .article-video-thumbnails ul{display:grid;grid-template-columns:repeat(5,180px);grid-gap:20px}.section-video .article-video-thumbnails h4{font-size:1.15em}}.section-category.for-home-page:nth-of-type(odd){background-color:transparent}.section-category.for-home-page:nth-of-type(odd) .grid-featured{grid-template-columns:300px 415px 395px}.section-category.for-home-page:nth-of-type(odd) .grid-featured .article-list-featured{order:2}.section-category.for-home-page:nth-of-type(odd) .grid-featured .article-list-hot{order:3}.section-footer{border-top:1px solid #4e4e4e;background-color:#0B0C10;padding:0;color:#fff}.section-footer p{font-size:1.1em;line-height:1.55em}@media (max-width:1199px){.section-footer p{font-size:.95em}}.section-footer .site-info .footer-logo{width:170px}.section-footer .site-info .social-links{margin-top:40px}@media (max-width:1199px){.section-footer .site-info{margin-bottom:40px;padding-bottom:20px;border-bottom:.5px solid var(--bbbb)}}.section-footer h3{margin-top:0;font-size:1.1em;font-weight:700;text-transform:uppercase;font-family:"Chillax",sans-serif}.section-footer .footer-menu ul{margin:0;padding:0;list-style:none}.section-footer .footer-menu ul#menu-footer-items{display:grid;grid-template-columns:2fr 3fr 4fr 3fr}@media (max-width:1199px){.section-footer .footer-menu ul#menu-footer-items{display:block}}.section-footer .footer-menu ul .menu-item-has-children>a{margin-bottom:1.2em;font-size:1.1em;display:inline-block;font-weight:700}@media (max-width:1199px){.section-footer .footer-menu ul .menu-item-has-children{margin-bottom:1em}}.section-footer .footer-menu ul .menu-item-has-children>a{margin-bottom:1.2em;font-size:1.1em;display:inline-block;font-weight:700}.section-footer .footer-menu li{margin-bottom:15px}.section-footer .footer-menu li a{color:inherit;text-decoration:none;font-size:.9em}.section-footer .top{padding:50px 0}@media (max-width:1199px){.section-footer .top{padding:50px 0 20px}}.section-footer .bottom{border-top:1px solid #4e4e4e}.section-footer .bottom p{padding:20px 0;margin:0;font-size:1em;text-align:center}.article-list img,.article-list a{display:block}.article-list img{width:100%;display:block;border-radius:8px}.article-list a{color:inherit;text-decoration:none}.article-list .list-title{font-size:1em}.article-list .list-title:hover{color:#1E90FF}.article-list ul{list-style:none;padding:0;margin:0}.article-list-category{padding:0 0 10px}@media (max-width:1199px){.article-list-category{padding:0 0 5px}}.article-list-category a{font-family:"Epilogue",sans-serif;font-weight:800;margin:0 0 4px;padding:3px 8px;display:inline-block !important;text-transform:capitalize;font-size:.75em;color:inherit;border:.5px solid var(--bbbb);border-radius:5px}.article-list-category a.artist-tag-link{color:#1E90FF;font-size:1em;border:none;padding:4px 0;line-height:1.3em}.article-list h2{font-size:1.4em}.article-list .trending-text{font-size:1.2em}@media (max-width:1199px){.article-list h3,.article-list .trending-text{font-size:1em}}.article-list h1,.article-list h2,.article-list h3,.article-list h4,.article-list .trending-text{margin:0;font-family:"Epilogue",sans-serif;font-weight:600;line-height:1.35em}.article-list-featured h2{font-size:2em;margin-bottom:20px;line-height:1.2em}@media (max-width:1199px){.article-list-featured h2{font-size:1.3em}}.article-list-featured img{margin-bottom:20px}@media (max-width:1199px){.article-list-featured{margin-bottom:40px}}.article-list-hot h2,.article-list-hot .trending-heading{font-family:"Chillax",sans-serif;font-weight:700;font-size:2.4em;text-transform:uppercase;border-bottom:2px solid var(--bbbb);padding-bottom:10px;margin-bottom:20px}.article-list-hot li{display:grid;grid-template-columns:160px calc(100% - 160px - 20px);grid-gap:20px;align-items:flex-start;padding:20px 0;border-bottom:.5px solid var(--bbbb)}@media (max-width:1199px){.article-list-hot li{grid-template-columns:140px calc(100% - 140px - 20px)}}.article-list-hot li a{display:block}.article-list-hot li:first-of-type{padding-top:0}.article-list-hot li:last-of-type{border:none}.article-list-cover{border:.5px solid var(--bbbb);border-radius:8px}.article-list-cover{margin-bottom:30px;color:#fff}.article-list-cover img{border-radius:8px 8px 0 0}@media (max-width:1199px){.article-list-cover{margin:30px 0}}.article-list-cover .article-list-category{margin:0}.article-list-cover .article-list-category a{border-color:var(--bbbb);color:#fff;}.article-list-cover h2{line-height:1.3em}.article-list-cover .cover-content{background-color:#0B0C10;padding:20px;border-radius:0 0 8px 8px;}.article-list-btn img{width:25px;margin-left:10px}.article-list-heading{display:flex;padding-bottom:10px;margin-bottom:30px;border-bottom:3px solid var(--bbbb);align-items:center;justify-content:space-between}.article-list-heading h1,.article-list-heading h2{font-family:"Chillax",sans-serif;text-transform:uppercase;font-size:2.4em;margin:0}.article-list-heading h1 a,.article-list-heading h2 a{text-decoration:none;color:inherit}@media (max-width:1199px){.article-list-heading h1,.article-list-heading h2{font-size:2em}}.article-list-heading.new-music-heading .section-date{margin:0;color:#fff;font-size:1.4em;font-weight:600;font-style:italic}@media (max-width:1199px){.article-list-heading.new-music-heading .section-date{font-size:1em}}@media (max-width:1199px){.article-list-heading.new-music-heading{display:block}}.article-list-carousel,.article-list-new-music{padding:0 0 20px}@media (max-width:1199px){.article-list-carousel,.article-list-new-music{padding:0}}.article-list-carousel h3,.article-list-new-music h3{line-height:1.3em}.article-list-carousel .image-box,.article-list-new-music .image-box{display:block;height:160px;width:100%;position:relative;margin-bottom:15px}.article-list-carousel .image-box img,.article-list-new-music .image-box img{position:absolute;bottom:0;display:block;height:100%;left:0;object-fit:cover;right:0;top:0;width:100%}.article-list-new-music .image-box{border-radius:100%}.article-list-new-music .image-box img{border-radius:100%}.article-list-position{font-size:3em;font-family:"Chillax",sans-serif;color:#fff;display:block;margin:10px 0 0}.article-list-latest ul{list-style:none;margin:0;padding:0}.article-list-latest li img{width:100%;height:auto}.article-list-latest a{text-decoration:none;color:inherit}.article-list-latest h3{font-size:1.2em;font-weight:600;line-height:1.35em;margin:0}@media (max-width:1199px){.article-list-latest h3{font-size:1em}}.article-list-tagIMG img{width:100%;height:auto}@media (max-width:1199px){.article-list-tagIMG{margin-bottom:30px}}.article-list-excerpt p{margin:0;font-size:1.15em;line-height:1.4em}@media (max-width:1199px){.article-list-excerpt{display:none}}.article-list-faq ul{list-style:none;margin:0;padding:0;border:1px solid var(--bbbb)}.article-list-faq .faq-heading,.article-list-faq .faq-answer{margin:0;padding:15px}.article-list-faq .faq-heading{border-top:1px solid var(--bbbb);border-bottom:1px solid var(--bbbb);font-weight:800;font-size:1.1em;line-height:1.3em;cursor:pointer}.article-list-faq .faq-answer{min-height:80px;display:none;line-height:1.4}.article-list-faq .faq-answer p{margin:0}.article-list-faq .faq-item.opened .faq-answer{display:block}.article-list-meta h3{font-size:1.6em;font-weight:700;margin-bottom:5px}.article-list-meta p{font-size:1.1em;margin-top:10px;line-height:1.5em}.article-list-description{margin:0 0 40px}.article-list-dob{margin-top:0}.article-video-thumbnails{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.article-video-thumbnails::-webkit-scrollbar{display:none}body.single article .article-list-hot ul{display:grid;grid-gap:20px;align-items:baseline;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;margin-top:20px}body.single article .article-list-hot ul::-webkit-scrollbar{display:none}body.single article .article-list-hot ul li{display:block;border:none !important}body.single article .article-list-hot ul li .img{margin-bottom:15px}body.single article .article-list-hot ul li img:not(.emoji){margin:0 !important}body.single article .article-list-hot ul li a{color:inherit;line-height:1}body.single article .article-list-hot ul li a h3,body.single article .article-list-hot ul li a .trending-text{font-size:.95em}body.single article .article-list-hot ul li a .trending-text{margin-top:0}body.single article .article-list-hot ul li .article-list-category{font-size:.85em}.small .img{border-radius:8px;display:block;height:120px !important;overflow:hidden;position:relative;width:100%}@media (max-width:1199px){.small .img{height:100px !important}}.small img{bottom:0;height:100% !important;left:0;object-fit:cover;position:absolute;right:0;top:0}.single-article{font-size:1.1em}.single-article article .article-list-hot.sticky{position:static;margin:30px 0}.single-article article .article-list-hot.sticky h2,.single-article article .article-list-hot.sticky .trending-heading{margin-bottom:0;font-family:"Chillax",sans-serif !important;text-transform:uppercase !important;font-size:1.5em !important}.single-article article .article-list-hot.sticky .trending-heading{font-weight:600;line-height:1.45em;border-bottom:2px solid var(--bbbb);padding-bottom:10px}.single-article h1{font-weight:600;line-height:1.3em;font-size:2em;margin:0 0 40px}@media (max-width:1199px){.single-article h1{margin:20px 0 30px}}.single-article article{line-height:1.65em}.single-article article h2,.single-article article h3,.single-article article h4,.single-article article b,.single-article article strong,.single-article article .trending-text{font-family:"Epilogue",sans-serif;font-weight:600;line-height:1.45em}.single-article article a{color:#1E90FF;text-decoration:none}.single-article article img:not(.emoji),.single-article article iframe,.single-article article .twitter-tweet{max-width:100%;margin:30px auto !important;display:block}.single-article article .notju-within-content iframe,.single-article article .notju-within-content-2 iframe{margin:0 auto !important}.single-article article .notju-within-content .notju-adlabel,.single-article article .notju-within-content-2 .notju-adlabel{font-size:.75em;letter-spacing:1px;color:#777}.single-article article .wp-block-image img{margin:0 !important}.single-article article .wp-block-image figure{margin:30px auto !important}.single-article article .wp-caption{max-width:100%}.single-article article figure{text-align:center}.single-article article .wp-caption-text,.single-article article figcaption{margin-top:10px;text-align:center;font-family:"Epilogue",sans-serif;font-size:.75em;color:#727272;line-height:1.4}.single-article article>p:first-of-type:first-letter {float:left;font-size:75px;line-height:60px;padding-top:10px;padding-right:8px;padding-left:3px}.single-article article p {margin-bottom: 1em;}.single-article-img{padding:0;margin:0}.single-article-img img{width:100%;margin:0 auto}.single-article-tags{padding:30px 0;margin:40px 0;border-top:.5px solid var(--bbbb);border-bottom:.5px solid var(--bbbb)}.single-article-tags h4{font-family:"Chillax",sans-serif;margin:0 0 10px;font-size:1em;letter-spacing:1px;font-weight:800}.single-article-tags a{border-radius:8px;padding:5px 10px;border:.5px solid var(--bbbb);color:inherit;text-decoration:none;font-size:.75em;font-weight:600;margin:5px;display:inline-block}.single-article-heading{position:sticky;top:90px;height:max-content}@media (max-width:1199px){.single-article-heading{position:static;margin-bottom:30px}}.single-article-meta{padding:15px 0;margin-bottom:20px;border-top:3px solid var(--bbbb);font-size:.85em;font-weight:600}.single-article-meta a{color:var(--meta-a);border-radius:8px;text-decoration:none;border:.5px solid var(--bbbb);padding:5px 10px;display:inline-block;margin-left:5px}.single-article-share{font-family:"Chillax",sans-serif;font-size:1em;letter-spacing:1px;font-weight:800}.single-article-share .social-links{margin-top:15px}.btn{display:flex;border:.5px solid var(--bbbb);padding:10px 20px;font-family:"Chillax",sans-serif;font-weight:700;text-transform:uppercase;font-size:1.1em;align-items:center;background-color:var(--solid);width:max-content;text-decoration:none;color:inherit;cursor:pointer;border-radius:5px;transition:all .25s ease-in}@media (max-width:1199px){.btn{padding:7px 14px;font-size:.9em}}.btn:hover{box-shadow:2px 2px 0 1px var(--bbbb)}.btn-img.previous{transform:rotate(180deg);margin-right:10px;margin-left:0}.btn-group{display:flex;grid-gap:10px;width:max-content;margin:30px auto}.btn-group a{display:flex;border:.5px solid var(--bbbb);padding:8px 20px;font-family:"Chillax",sans-serif;font-weight:700;text-transform:uppercase;font-size:1em;align-items:center;background-color:var(--solid);width:max-content;text-decoration:none;color:inherit;cursor:pointer;border-radius:5px;transition:all .25s ease-in;position:relative}.sticky{position:sticky;top:95px}@media (max-width:1199px){.sticky{position:static}}.social-links ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.social-links ul li{margin-right:20px}@media (max-width:1199px){.social-links ul li.search{display:block !important}.social-links ul li.dark-mode-menu{margin-right:10px !important;display:block !important}.social-links ul li.dark-mode-menu span{width:20px;height:20px}}.social-links ul li a img{display:block}@media (max-width:1199px){.social-links ul li a img{height:20px;width:auto}}.social-links ul li:last-of-type{margin:0}.social-links ul span{width:20px;height:20px;background-size:20px 20px;display:block}.social-links ul li i{height:20px;width:auto;color:white}.ad{text-align:center}.ad>div{padding:20px 0}.newsletter{padding:0 10px;border-radius:8px;border:.5px solid #b5b5b5;background-color:beige}.newsletter iframe{font-size:1.2em !important;border-radius:0 !important;border:none !important;background-color:transparent}@media (max-width:1199px){.newsletter{margin:30px 0}}.newsletter h2{font-family:"Chillax",sans-serif;text-transform:uppercase;padding-bottom:10px;border-bottom:3px solid var(--bbbb);margin:0 0 15px}.newsletter p{font-size:1.15em;line-height:1.4em}.newsletter input{border:.5px solid #595959;padding:12px 10px;font-size:1em;color:inherit;margin-bottom:15px;border-radius:5px;font-family:inherit;transition:all .25s ease-in}.newsletter .btn,.newsletter input{width:100%;outline:none}.newsletter .btn:focus,.newsletter input:focus{outline:none;border-color:#000}.newsletter .btn{display:block;text-align:center}#overlay{background:rgba(0,0,0,.5);pointer-events:auto;position:absolute;height:100vh;top:65px;z-index:999;display:none;width:100vw;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;border-top:.5px solid #444}#overlay .menu{animation-duration:.5s;-webkit-animation-name:slideIn;animation-name:slideIn;background-color:var(--header);height:100%;max-width:300px;padding:0 calc((100vw - 1340px)/2);position:relative;left:0;width:100%;z-index:9999;color:#fff}#overlay .menu .social-links{border-top:.5px solid #6a6a6a;padding:20px 0;width:100%}#overlay .menu .social-links li{padding:10px 0;width:25%}#overlay .menu .social-links li img{height:20px;width:100%}@media (max-width:1199px){#overlay .menu{padding:10px}}#overlay .menu ul{margin:0;padding:0;list-style:none}#overlay .menu ul li{padding:10px 0}#overlay .menu ul li.menu-item-has-children{border-top:.5px solid #6a6a6a;margin-top:10px;padding-top:20px}#overlay .menu ul li .sub-menu{margin-top:10px}#overlay .menu ul li .sub-menu li:last-of-type{padding-bottom:0}#overlay .menu ul a{font-size:1.05em;font-weight:600;text-decoration:none;color:inherit}#overlay .menu ul a:hover{color:#FF9800}#overlay .menu-content{padding:40px 0}@media (max-width:1199px){#overlay .menu-content{padding:0 0 20px}}#overlay .menu-copyright{border-top:.5px solid #6a6a6a;padding-top:15px;line-height:1.4em;font-size:.85em}#overlay.show{display:block}.not-found-section{text-align:right;max-width:600px;width:100%;margin:40px auto}.not-found-section h1{font-size:14em;font-family:"Chillax",sans-serif;margin:40px 0 auto;text-align:left;line-height:1.2em}@media (max-width:1199px){.not-found-section h1{font-size:8em}}.not-found-section p{font-size:1.2em;line-height:1.5em;margin:10px 0 30px;text-align:left}@media (max-width:1199px){.not-found-section p{font-size:1em}}.not-found-section .btn{display:flex}#search{display:flex;align-items:center}#search input{padding:10px 15px;border-radius:8px;border:.5px solid #939393;background-color:var(--body-bg);font-family:inherit;color:var(--body-text);display:none;margin-left:10px}#search input:focus{outline:none;border-color:#bbb}#search .show-search+input{display:block}@media (max-width:1199px){#search .show-search+input{position:absolute;top:100%;left:-10px;width:100%;padding:15px 10px;border-radius:0;font-size:1em}}.other-advertise{padding:60px 0 40px}#catfish{display:none;background-color:#fff;text-align:center;border:1px solid var(--bbbb);position:fixed;bottom:0;z-index:6;width:730px;left:calc(50% - 365px);height:115px}@media (max-width:1199px){#catfish{height:80px}}.comments-wrapper{background:var(--mobile-header-bg);padding:20px;border-radius:10px;max-width:450px;margin:auto}.comments-top{display:flex;justify-content:space-between;align-items:center;color:var(--body-text)}
.comment-count-badge{background:#0D47A1;color:#fff;padding:5px 10px;border-radius:50%;font-size:14px;font-weight:bold}
.close-comments{background:none;border:none;font-size:20px;cursor:pointer}
.comments-list{margin-top:20px}
.commentx{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:16px;margin-bottom:20px;display:flex;gap:16px;transition:box-shadow 0.3s ease}
.commentx:hover{box-shadow:0 6px 16px rgba(0,0,0,0.12)}
.comment-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #ddd}
.comment-content{flex:1;display:flex;flex-direction:column}
.comment-author-time{font-weight:600;font-size:15px;color:#111827;margin-bottom:5px}
.comment-author-time .time{font-weight:400;font-size:13px;color:#6b7280}
.comment-text{font-size:15px;color:#374151;margin-bottom:12px}
.comment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.left-actions button,.love-btn{background:#f1f5f9;border:none;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;color:#374151;transition:background 0.3s,color 0.3s}
.left-actions button:hover,.love-btn:hover{background:#e2e8f0;color:#111827}
.love-btn.loved,.you-liked{background:#fee2e2;color:#b91c1c}
.right-actions{display:flex;align-items:center;gap:5px;color:#6b7280;font-size:14px}
.right-actions i{color:#f87171}
.replies{margin-top:16px;padding-left:20px;border-left:2px solid #e5e7eb}
.comment-card-wrapper{margin-bottom:24px}
.comment-form{display:flex;flex-direction:column;gap:10px;background:#f7f7f7;padding:20px;border-radius:12px;max-width:700px}
.comment-form input,.comment-form textarea{width:100%;border:1px solid #ddd;background:#f7f7f7;padding:12px 15px;font-size:14px;border-radius:8px}
.comment-form textarea{resize:none;min-height:100px}
.comment-input-area{position:relative;display:flex;flex-direction:column;gap:10px}
.comment-tools{display:flex;gap:8px;margin-top:5px}
.comment-tools button{background:none;border:none;font-size:16px;cursor:pointer;padding:5px;color:#666}
.comment-tools button:hover{color:#333}
.send-btn{align-self:flex-end;background:#0D47A1;color:#fff;padding:8px 16px;border:none;border-radius:20px;font-size:14px;cursor:pointer;margin-top:10px}
.send-btn:hover{background:#9333ea}
.comments-list .comment{opacity:1;transform:translateY(0);transition:all 0.3s ease}
.commentx .fade-in{opacity:0;transform:translateY(20px);animation:fadeIn 0.4s forwards}
@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}
.load-more-comments{display:block;margin:20px auto;padding:10px 20px;background:#0073aa;color:#fff;border:none;border-radius:5px;font-weight:bold;cursor:pointer;transition:background 0.3s}
.load-more-comments:hover{background:#005177}.reply-btn{margin-right:10px}
.fade-out{opacity:0;transition:opacity 0.5s}
.right-actions i{margin-right:5px;color:#888;transition:all 0.3s ease}
@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1.2)}}
.right-actions.loved i{color:#e74c3c;animation:pop 0.3s ease}
.right-actions:hover i{color:#e74c3c}
.comment-response,.reply-response{margin-top:10px;color:#155724;background:#d4edda;padding:8px;border-radius:4px;font-size:13px;display:none}
.error-message{color:red;font-size:13px;margin-top:5px;font-weight:500}
.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-20px);background:#4ade80;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;z-index:9999;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:opacity 0.4s ease,transform 0.4s ease}
.toast.error{background:#f87171}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.info{background:#38bdf8}
.toast.warning{background:#facc15}
.postx-header{padding:1px;}
.postx-subtitle{font-size:14px;color:#555}
.postx-title{font-family:"Epilogue",sans-serif;font-weight:600;line-height:1.35em;margin:.3em 0}
.postx-author{display:flex;align-items:center;gap:10px;margin:10px 0}
.postx-author-icon{width:40px;height:40px;border-radius:50%}
.postx-meta{font-size:14px;color:#555}
.postx-header-share,.postx-footer-share{display:flex;align-items:center;justify-content:space-between;margin:20px 0}
.postx-share-icons{display:flex;gap:10px;align-items:center}
.postx-icon{background:none;border:none;font-size:20px;cursor:pointer;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.4,0,.2,1)}
.postx-icon:hover{transform:scale(.9)}
.postx-icon.whatsapp{color:var(--meta-a)}
.postx-icon.twitter{color:var(--meta-a)}
.postx-icon.link{color:var(--meta-a)}
.postx-icon.facebook{color:var(--meta-a)}
.postx-icon.share{color:var(--meta-a)}
.postx-comment-btn{background:var(--meta-a);color:var(--solid);border:none;padding:8px 16px;border-radius:9999px;font-family: 'Fira Sans', sans-serif;font-weight:400;font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;text-decoration:none}
.icon-wrap{position:relative;display:inline-flex}
.icon-wrap i::after{content:"";position:absolute;top:0;right:.1rem;width:8px;height:8px;background:red;border-radius:50%;transform:translate(50%, -50%)}
.has-notification .icon-wrap i::after{content:"";position:absolute;top:0;right:.1rem;width:8px;height:8px;background:red;border-radius:50%;transform:translate(50%,-50%);animation:pulse 1.5s infinite ease-in-out;}
@keyframes pulse{0%{box-shadow: 0 0 0 0 rgba(255,0,0,0.7);}70%{box-shadow:0 0 0 8px rgba(255, 0, 0, 0);}100%{box-shadow: 0 0 0 0 rgba(255,0, 0, 0);}}
#search-open,#search-open svg,#search-open i{color:#fff;cursor:pointer;}
#home-highlights-wrap:after,#home-highlights-wrap:before{clear:both;display:table;content:" "}
.article-list-description a{color:#1E90FF !important}
.article-list-description ol li,.article-list-description ul li{margin-bottom:1em !important}
.sp-song-featured {
display: flex;
gap: 20px;
margin: 20px 0 30px 20px;
align-items: flex-start;
}

.sp-song-image img {
width: 310px;
height: 320px;
border-radius: 8px;
}

.sp-song-info {
flex: 1;
}

.sp-song-category {
font-size: 14px;
font-weight: bold;
color: var(--body-text);
margin-bottom: 30px;
letter-spacing: 1px;
padding-top: 10px;
}

.sp-song-details {
list-style: none;
margin: 0 0 20px 0;
padding-bottom: 10px;
border-bottom: 1px solid var(--border-color-d);
}

.sp-song-details li {
margin-bottom: 5px;
font-size: 15px;
line-height: 1.5;
color: var(--body-text);
padding-bottom: 5px;
}

.sp-song-details li strong {
color: var(--text-color);
margin-right: 5px;
}

.sp-song-controls {
display: flex;
align-items: center;
gap: 15px;
}

.sp-song-controls button {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
font-size: 18px;
color: var(--menu-bg);
transition: color 0.3s ease;
}

.sp-song-controls button .bi-play-circle-fill, .sp-song-controls button .bi-pause-circle-fill {
font-size: 35px;
}


.sp-share-btn {
background-color: var(--menu-bg) !important;
color: var(--nav-link-color) !important;
padding: 8px 15px;
border-radius: 5px;
border: none;
transition: background-color 0.3s ease;
font-size: 14px !important;
display: flex;
align-items: center;
}

.sp-share-btn:hover {
background-color: #0D47A1 !important;
}

.sp-share-btn span {
margin-left: 5px;
}
.sp-song-controls button:hover {
color: #0D47A1;
}

.sp-save-audio {
background-color: var(--menu-bg) !important;
color: var(--nav-link-color) !important;
padding: 8px 15px;
border-radius: 5px;
border: none;
transition: background-color 0.3s ease;
font-size: 14px !important;
display: flex;
align-items: center;
}

.sp-save-audio svg {
margin-right: 5px;
fill: var(--nav-link-color);
width: 18px;
height: 18px;
}

.mixtape-download-link .sp-save-audio {
display: inline-block;
margin-top: 10px;
font-weight: 600;
}
@media (max-width: 768px) {
.sp-song-featured {
flex-direction: column;
align-items: center;
padding: 10px;
margin: 20px 0 30px 0;
}

.sp-song-image {
  width: 100%;
  text-align: center;
}

.sp-song-image img {
  width: 100%;
  max-width: 400px;
  display: block;
  margin: 0 auto 10px auto;
}

.sp-song-info {
  width: 100%;
  align-self: flex-start;
  text-align: left;
  margin-left: 10px;
}

.sp-song-details li {
  font-size: 15px;
  padding-bottom: 10px;
}

.sp-song-controls {
  justify-content: flex-start;
}

}

.sp-post-title {
font-size: 23px;
font-weight: bold;
color: var(--body-text);
margin-top: 5px;
margin-bottom: 15px;
text-align: left;
line-height: 1.3;
margin-left: 20px;
}

@media (max-width: 768px) {
.sp-post-title {
font-size: 20px;
margin-left: 10px;
}
}

.sp-tabs {
margin: 20px;
font-family: Inter;
}

.sp-tab-headers {
display: flex;
border-bottom: 1px solid var(--border-color-d);
margin-bottom: 15px;
}

.sp-tab-btn {
background: none;
border: none;
padding: 10px 15px;
font-size: 16px;
color: var(--body-text);
border-bottom: 2px solid transparent;
cursor: pointer;
transition: border-color 0.3s ease;
}

.sp-tab-btn.active {
border-bottom: 4px solid var(--menu-bg);
}

.sp-tab-panel {
display: none;
}

.sp-tab-panel.active {
display: block;
}

.sp-tab-text p {
margin-bottom: 20px;
line-height: 2.6;
font-size: 19px;
color: var(--body-text);
font-family: Lora;
}

.sp-toggle-btn {
background: none;
border: 1px solid var(--border-color-d);
padding: 8px 12px;
border-radius: 5px;
font-size: 14px;
color: var(--menu-bg);
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}

.sp-toggle-btn:hover {
background-color: #0D47A1;
color: var(--nav-link-color);
}
@media (max-width: 768px) {
.sp-tab-headers {
justify-content: flex-start;
}
.sp-tab-btn {
font-size: 15px;
}
.sp-tab-text p {
font-size: 14px;
}
.sp-tabs {
margin: 10px;
}
}

.sp-audio-player {
position: fixed;
bottom: 0;
left: 0;
width: 70%;
background: var(--header-bg);
color: var(--body-text);
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
z-index: 1000;
}

.sp-player-play-btn {
background: none;
border: none;
font-size: 24px;
color: var(--menu-bg);
cursor: pointer;
}

.sp-player-track-info {
display: flex;
align-items: center;
flex: 1;
margin: 0 15px;
}

.sp-player-cover {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 4px;
margin-right: 10px;
}

.sp-player-details {
display: flex;
flex-direction: column;
}

.sp-player-title {
font-size: 16px;
font-weight: bold;
color: var(--body-text);
}

.sp-player-artist {
font-size: 13px;
color: var(--body-text);
}

.sp-player-timing {
display: flex;
align-items: center;
gap: 10px;
}

.sp-current-time,
.sp-total-time {
font-size: 12px;
}

.sp-progress-bar {
width: 150px;
height: 4px;
background: var(--border-color-d);
border-radius: 2px;
overflow: hidden;
position: relative;
}

.sp-progress {
width: 0%;
height: 100%;
background: #0D47A1;
border-radius: 2px;
}
.sp-player-close {
background: none;
border: none;
font-size: 15px;
color: var(--body-text);
cursor: pointer;
display: inline-flex;
margin-top: -40px;
}

@media (max-width: 768px) {
.sp-audio-player {
align-items: stretch;
padding: 10px;
width: 100%;
border-top: 2px solid var(--menu-bg);
}

.sp-player-play-btn {
background: none;
border: none;
font-size: 25px;
color: var(--menu-bg);
cursor: pointer;
  z-index: 999;
  text-shadow: 0 0 6px #000000;
  margin-right: -3px;

}

.sp-player-cover {
width: 35px;
height: 35px;
object-fit: cover;
border-radius: 4px;
margin-right: 10px;
position: absolute;
margin-left: -27px;
}

.sp-player-details {
display: flex;
flex-direction: column;
margin-left: 15px;
}

.sp-player-title {
font-size: 13px;
font-weight: bold;
color: var(--body-text);

}

.sp-player-artist {
font-size: 11px;
color: var(--body-text);
}

.sp-player-track-info {
  margin: 10px 0;
}

.sp-player-timing {
  justify-content: space-between;
  width: 45%;
}

.sp-player-close {
background: none;
border: none;
font-size: 12px;
color: var(--body-text);
cursor: pointer;
 display: inline-flex;
  margin-top: -10px;


}
}
.sidebar-trending {
  background: var(--mobile-header-bg);
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  max-width: 100%;
}

.sidebar-title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--body-text);
}

.trending-songs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.song-item {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border-color-d);
}.song-item:hover {background: rgba(0, 0, 0, 0.05);}

.song-cover img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}

.song-meta {
  flex-grow: 1;
  margin-left: 0.75rem;
}

.song-title {
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--body-text);
  text-decoration: none;
  margin-bottom: 0.2rem;
  transition: color 0.2s;
}

.song-title:hover,.song-artist:hover {
  color: #FF9800;
}

.song-artist {
  font-size: 0.8rem;
  color: var(--body-text);
}
.song-artist a { color: var(--body-text);
}

.song-download {
  margin-left: auto;
  font-size: 1.2rem;
  color: #FF9800;
  transition: color 0.2s;
}

.song-download:hover {
  color: #0D47A1;
}
.song-top-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.song-title {
  font-size: 1rem;
  padding: 4px 0;
  display: inline-block;
}

.artist-link {
  display: inline-block;
  padding: 4px 0;
}

@media (max-width: 600px) {
  .song-title, .artist-link {
    font-size: 1rem;
    padding: 4px 0;
  }

  .song-download {
    width: 48px;
    height: 48px;
    font-size: 1.5rem;
  }
}

.tag-scroll-container {
position: relative;
display: flex;
align-items: center;
padding-left: 5px;
padding-right: 15px;
overflow: hidden;
background-color:transparent;
}

.tag-fixed-button {position: sticky;left: 0;z-index: 10;display: inline-block;color: var(--solid);padding: 5px 20px;font-size: 12px;margin: 20px 5px;background: var(--meta-a);border: 1px solid var(--solid);border-radius: 30px;white-space: nowrap;height: fit-content;box-sizing: border-box;}

.tag-divider {height: 30px;width: 1px;background-color: var(--bbbb) !important;margin: 0 5px;}

.tag-scroll-button {display: inline-block;color: var(--body-text);padding: 5px 20px;font-size: 12px;margin: 20px 5px;background: var(--mobile-header-bg);border: 1px solid #F1F1F1;border-radius: 30px;}

.tag-scroll {overflow: auto;white-space: nowrap;padding: 0px 15px 0px 15px;width: 100%;-ms-overflow-style: none;scrollbar-width: none;}

@-moz-keyframes blink {from { opacity: 1;}to { opacity: 0;}}
@-webkit-keyframes blink {from { opacity: 1;}to { opacity: 0;}}
@keyframes blink {from { opacity: 1;}to { opacity: 0;}}
.video-container {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  background: var(--video-bg, #1e1e2f);
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    8px 8px 15px rgba(0, 0, 0, 0.6),
    -8px -8px 15px rgba(60, 60, 80, 0.3);
  margin: 30px auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-container iframe {
  position:absolute;top:-10;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 20px;
  display: block;
  transition: transform 0.3s ease-in-out;
}
.video-container:hover {
  transform: translateY(-6px);
  box-shadow:
    4px 4px 10px rgba(0, 0, 0, 0.7),
    -4px -4px 10px rgba(80, 80, 110, 0.2);
}

.video-container:hover iframe {
  transform: scale(1.015);
}
.video-container.floating {
  position: fixed !important;
  bottom: 20px;
  right: 20px;
  width: 300px;
  height: 169px;
  z-index: 9999;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  background: var(--body-bg);
  transition: all 0.3s ease;
  overflow: hidden;
}

.video-container.floating iframe {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  pointer-events: auto;
}

.floating-close-btn {
  position: absolute;
  top: 5px;
  right: 8px;
  background: var(--accent-color);
  color: var(--body-text);
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  z-index: 10000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}


.download-ad {display: block;background-color: #0D47A1;color: white;border-radius: 5px;padding: 10px 10px;font-size: 15px;text-align: center;margin: 7px auto;max-width: 190px;position: relative;}

.download-ad a {color: white;text-decoration: none;font-weight: bold;}

.download-ad .close-btn {position: absolute;top: 5px;right: 10px;cursor: pointer;font-size: 20px;color: white;font-weight: bold;}

@media only screen and (max-width: 991px) {.download-ad {display: block;}}

@media only screen and (max-width: 991px) {.mobile-ad-text {display: block;}}

@media only screen and (min-width: 992px) {.mobile-ad-text {display: block;}}
.album-post {margin: 5px auto;padding: 15px;background: var(--mobile-header-bg);border-radius: 8px;}

.album-post {margin-bottom: 15px;line-height: 1.5 !important;background: var(--mobile-header-bg);border-radius: 8px;font-size: 15px !important;}

@media (max-width: 991px) {.album-post {margin: 5px auto;padding: 5px;background: var(--mobile-header-bg);border-radius: 8px;}}


.album-header {display: flex;gap: 20px;margin-bottom: 30px;align-items: flex-start;}

.album-artwork img {width: 300px;height: 300px;object-fit: cover;border-radius: 5px;}

.album-details-wrapper {display: flex;flex-direction: column;flex: 1;}

.album-details-wrapper .album-info {flex: 1;background: var(--music-info-bg);padding: 10px;}
.album-title {font-size: 20px;font-weight: bold;color: var(--nav-link-underline);margin-bottom: 10px;}
.album-artist {font-size: 14px;color: var(--nav-link-underline);margin-bottom: 8px;}
.album-details {font-size: 12px;color: var(--nav-link-underline);}

.album-controls {display: flex;gap: 15px;margin-top: 20px;flex-wrap: nowrap;}
.album-controls button {background: var(--menu-bg);color: var(--nav-link-color);border: none;padding: 10px 15px;border-radius: 4px;font-size: 14px;cursor: pointer;transition: background 0.3s ease;display: inline-flex;align-items: center;gap: 5px;}
.album-controls button:hover {background: var(--search-btn-bg-hover);}

@media (max-width: 991px) {.album-header {flex-direction: column;align-items: center;text-align: center;}
.album-details-wrapper {width: 100%;}
.album-controls {justify-content: left;flex-direction: row;align-items: left;}}

.album-overview {margin-bottom: 30px;}
.album-overview h2 {font-size: 22px;font-weight: bold;margin-bottom: 10px;color: var(--body-text);border-bottom: 2px solid var(--menu-bg);padding-bottom: 5px;}
.album-overview p {font-size: 16px;line-height: 1.6;color: var(--body-text);margin-bottom: 15px;font-family: Lora;}

.album-tracklist {margin-bottom: 10px;}
.tracklist-header {font-size: 22px;font-weight: bold;color: var(--body-text);margin-bottom: 15px;border-bottom: 2px solid var(--menu-bg);padding-bottom: 5px;}
.track-list {list-style: none;padding: 0;margin: 0;}
.track {display: flex;align-items: center;justify-content: space-between;padding: 12px 10px;border-bottom: 1px solid var(--border-color-d);transition: background 0.3s ease;}
.track:hover {background: rgba(0, 0, 0, 0.05);}
.track-number {font-size: 13px;width: 30px;text-align: center;color: var(--body-text);}
.track-title {flex: 1;margin-left: 10px;font-size: 16px;color: var(--body-text);font-weight: 600;}

.track-title a {font-size: 13px;color: var(--accent-color);}

.track-duration {font-size: 14px;color: var(--rartist-name);width: 50px;text-align: right;margin-right: 15px;font-size: 13px;}
.track-play-btn {background: none;border: none;cursor: pointer;color: var(--menu-bg);font-size: 15px;transition: color 0.3s ease;width: 20px;height: 20px;margin-top: -1px !important;}
.track-play-btn:hover {color: #0D47A1;}
@media (max-width: 991px) {.album-header {flex-direction: column;text-align: center;}
.album-artwork img {width: 100%;max-width: 100%;height: auto;}
.track {flex-wrap: wrap;}
.track-duration {margin-right: 10px;}
.track-play-btn {margin-top: 5px;}}
.xp-album-player {position: fixed;bottom: 0;left: 0;width: 60%;background: var(--header-bg);color: var(--body-text);padding: 10px 20px;display: flex;flex-direction:column;box-shadow: 0 -2px 8px rgba(0,0,0,0.3);z-index: 1000;height: 65px;border-top: 2px solid var(--menu-bg);}
.xp-player-track-info {display: flex;
align-items: center;flex: 1;margin: 10px 0;margin-top: -5px;}

.xp-player-cover {width: 40px;height: 40px;object-fit: cover;border-radius: 4px;margin-right: 10px;}

.xp-player-details {display: flex;
flex-direction: column;}
.xp-player-title {font-size: 15px;font-weight: bold;color: var(--body-text);}

.xp-player-artist {font-size: 12px;color: var(--body-text);}
@media (min-width: 992px) {.xp-player-timing {width: 1000px;display: flex;position:absolute;align-items: center;gap: 10px;margin-top: 2px;margin-left: 300px;}
.xp-current-time,.xp-total-time {font-size: 12px;}
.xp-progress-bar {width: 40%;height: 4px;background: var(--border-color-d);border-radius: 2px;overflow: hidden;}
.xp-progress {width: 0%;height: 100%;background: var(--menu-bg);border-radius: 2px;}
.xp-player-nav {display: flex;justify-content: center;gap: 30px;margin-bottom: 5px;margin-left: 250px;margin-top: -20px;}
.xp-player-prev,.xp-player-next,.xp-player-play {background: none;border: none;cursor: pointer;font-size: 15px;color: var(--menu-bg);transition: color 0.3s ease;}

.xp-player-play {font-size: 20px !important;}
.xp-player-prev:hover,.xp-player-next:hover {color: #0D47A1;}.xp-player-close {background: none;border: none;font-size: 15px;color: var(--body-text);cursor: pointer;align-self: flex-end;margin-top: -12px;margin-right: -15px;position: absolute;font-size: 12px;}}

@media (max-width: 991px) {
.xp-album-player {width: 100%;padding: 10px;height: 60px;}

.xp-player-title {font-size: 14px;}
.xp-player-artist {font-size: 12px;}

.xp-player-track-info {margin: 10px 0;margin-top: -5px;display: flex;align-items: center;flex: 1;}
.xp-player-timing {justify-content: center;gap: 5px;margin-top: -45px;padding-left: 75px;margin-right: -70px;display: flex;}
.xp-progress-bar {width: 30%;height: 4px;background: var(--border-color-d);border-radius: 2px;overflow: hidden;margin-top: 5px;}

.xp-progress {width: 0%;height: 100%;background: var(--menu-bg);border-radius: 2px;}
.xp-current-time,.xp-total-time {font-size: 12px;}

.xp-player-nav {gap: 20px !important;margin-top: 2px !important;padding-left: 75px !important;margin-right: -70px !important;display: flex !important;justify-content: center;}

.xp-player-prev,.xp-player-next,
.xp-player-play {background: none;border: none;cursor: pointer;font-size: 15px;color: var(--menu-bg);transition: color 0.3s ease;}

.xp-player-play {font-size: 20px;}

.xp-player-close {background: none;border: none;color: var(--body-text);cursor: pointer;align-self: flex-end;position: absolute;font-size: 13px;margin-right: -5px;margin-top: -10px;}}

.xp-post-title {font-size: 23px;font-weight: bold;color:var(--body-text);margin-bottom: 15px;text-align: left;line-height: 1.3;border-bottom: 2px solid var(--menu-bg);padding-bottom: 10px;}
@media (max-width: 768px) { .xp-post-title {font-size: 20px} }
.fab-container{position:fixed;bottom:20px;right:20px;z-index:9999;cursor:grab;touch-action:none}.fab-main{background-color:#0D47A1;color:#fff;border:none;border-radius:50%;width:60px;height:60px;font-size:24px;box-shadow:0 4px 8px rgba(0,0,0,.3);position:relative;transition:background-color .3s,color .3s;animation:pulse 2s infinite;display:flex;align-items:center;justify-content:center}.fab-main.white-bg{background-color:#fff;color:#0D47A1}.fab-options{position:absolute;bottom:0;right:0;transform:scale(0);transition:transform .3s ease;pointer-events:none}.fab-options.show{transform:scale(1);pointer-events:auto}.fab-child{position:absolute;width:50px;height:50px;background:#fff;color:#0D47A1;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:all .3s ease}.fab-child.whatsapp{bottom:70px;right:0;background:#25D366;color:#fff}.fab-child.messenger{bottom:50px;right:50px;background:#0084FF;color:#fff}.fab-child.x{bottom:0;right:70px;background:#000;color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(13,71,161,.6)}70%{box-shadow:0 0 0 20px rgba(13,71,161,0)}100%{box-shadow:0 0 0 0 rgba(13,71,161,0)}}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:20px 0;padding:0 10px}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:transform 0.2s ease}.product-card:hover{transform:translateY(-5px)}.product-card img{width:100%;height:180px;object-fit:cover}.product-card .info{padding:15px}.product-card h4{font-size:1.1rem;margin:0 0 10px}.product-card .price{font-weight:700;color:#0D47A1}.product-card button{background:#0D47A1;color:#fff;border:none;padding:10px 12px;margin-top:10px;border-radius:5px;width:100%;cursor:pointer;font-size:.95rem}.product-card button:hover{background:#093170}