/**
Theme Name: Birmusic
Version : 1
Description: Design And Development : Tarahnegaran.ir
**/

@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: 325;
	src: url('fonts/YekanBakhFaNum-Regular.ttf') format('woff'),   
	url('fonts/YekanBakhFaNum-Regular.ttf') format('woff2');		 
}
@font-face {
	font-family: Yekan Bakh FaNum;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/YekanBakhFaNum-Bold.ttf') format('woff'),   
	url('fonts/YekanBakhFaNum-Bold.ttf') format('woff2'); 
}
body {
    font-family: Yekan Bakh FaNum,Segoe UI,Tahoma;
    font-size:13px;
    font-weight: 325;
    background-color: #FDFDFD;
    color: #000;
}
a,a:hover {
    color:#0F1C18;
    text-decoration: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  outline: 0 none;
}
h1, h2, h3, h4, h5, h6,ul,p {
    margin: 0;
    padding:0;
}
.ltr {
    direction: ltr;
}

.z2 {
    z-index: 2;
}
.z3 {
    z-index: 3;
}
.z4 {
    z-index: 4;
}
.z5 {
    z-index: 5;
}
.z999 {
    z-index: 999;
}
.cursorp {
    cursor: pointer;
}
.cursordrop {
    cursor:no-drop;
}
.text-right {
    text-align: right;
}
.transition1 {
    transition:0.3s;
}
.dnone {
    display:none;
}
::-moz-selection { 
    color: white;
    background: #460aff;
}
::selection {
    color: white;
    background: #460aff;
}
/* Template statics styles */ 

.fw325 {
    font-weight: 325;
}
.fw600,b,strong {
    font-weight: 600;
}
.f11 {
    font-size: 11px;
}
.f12 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.f14 {
    font-size: 14px;
}
.f15 {
    font-size: 15px;
}
.f17 {
    font-size: 17px;
}
.f18 {
    font-size: 18px;
}
.f25 {
    font-size: 25px;
}
.w-90 {
    width: 90%!important;
}
.opacity10 {
    opacity: 10;
}

.primarybg {
    background-color: #7229EA;
}
.primarybg2 {
    background-color: #3200C0;
}
.primarybg3 {
    background-color: #1B045B;
}
.bodybg {
    background-color: #FDFDFD;
}
.graybg {
    background-color: #F6F6F6;
}
.bluebg {
    background-color: #1090BC;
}
.primarytxt {
    color:#3200C0;
}
.graytxt {
    color:#ECECEC;
}
.graytxt2 {
    color:#979797;
}
.graytxt3 {
    color:#565656;
}
.bluetxt {
    color: #1090BC;
}
.bshadow  {
    box-shadow: 0px 4px 50px -13px rgba(0, 0, 0, 0.12);
}
.bradius {
    border-radius: 10px;
}
.grayborder {
    border:1px solid #ECECEC;
}
.grayborderbottom {
    border-bottom:1px solid #ECECEC;
}
.graybordertop {
    border-top:1px solid #ECECEC;
}
.grayborderright {
    border-right:1px solid #ECECEC;
}
.purpleborder {
    border:1px solid #7229EA;
}
.bgshadow {
    background-color: rgb(0 0 0 / 60%);
    display: none;
}
.scrollbox {
    scrollbar-color: #979797 #f1f1f1;
    scrollbar-width: thin;
}
.scrollbox::-webkit-scrollbar {
    width: 3px;
    border-radius: 6px;
    overflow: hidden;
}
.scrollbox::-webkit-scrollbar-thumb {
    background: #979797;
}
.scrollbox::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.col2 {
    width: 20%;
    flex: 0 0 auto;
}
.hoveropacity:hover {
    opacity: 0.7;
}
.hoverbold:hover {
    font-weight: 600;
}
.hovercolor:hover,.activecolor {
    color: #7229EA;
}
/* Forms */
input[type=text],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=url],textarea {
    padding: 15px;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    box-shadow: inset 0px 2px 7px rgba(0, 0, 0, 0.03);
    margin-bottom: 10px;
    width: 100%;
    transition:0.1s;
}
input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus {
    border: 1px solid #979797;
    box-shadow: inset 0px 2px 7px rgba(0, 0, 0, 0.03);
}
button,input[type=submit],input[type=button] {
    background: #3200C0;
    border: 1px solid #ECECEC;
    box-shadow: inset 0px 2px 7px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    padding: 13px 25px;
    color: #FFF;
    font-size: 13px;
    transition:0.1s;
}
button,input[type=submit]:hover,input[type=button]:hover {
    color: #FFF;
    opacity: 0.9;
}
/* Header */
header {
    background-color: #FDFDFD;
}
header .searchform {
    top: 15%;
    opacity: 0;
    visibility: hidden;
}
header .searchform input[type=text] {
    border-radius: 0;
    box-shadow: none;
}
header .searchform input[type=text]:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 30px #f6f6f6 inset !important;
}
header .navcol {
    display: none;
}
.menusidebar {
    right: -1000%;
}
header ul li a::after {
    content: '';
    width: 78%;
    height: 2px;
    position: absolute;
    top: 157%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background:linear-gradient(45deg, transparent, #bf98ff, transparent);
    box-shadow: 0 -11px 26px 1px #9c27b045;
    transition:0.3s;
    opacity: 0;
    visibility: hidden;
}
header ul li a:hover::after {
    opacity: 1;
    visibility: visible;
}
header ul li a:hover {
    color: #7229EA;
}
header .callbtn:hover {
    background: #7229EA;
    color: #FFF;
}
/* Offers */
.offers .post:hover {
    box-shadow: 0 24px 17px -23px #673ab726;
}
.offers .cover {
    width: 91.4%!important;
    margin: 0 auto;
}
.offers .playbtn,.offers .dlbtn {
    width: 38px;
    height: 38px;
}
/* top posts */
.topposts .tabs .active {
    background: rgba(114, 41, 234, 0.07);
    font-weight: 600;
    color: #3200C0;
}
.topposts img {
    width:50px;
    height:50px;
}
.topposts li:last-child,.viewposts li:last-child {
    border-bottom: none;
}
.topposts ul li a:hover {
    background: #f9f9f9;
}

/* viewposts */
.viewposts li a:hover i {
    color: #FFF;
    background: #7229EA;
}
/* article */

.indexposts article .category {
    background: rgba(97, 192, 225, 0.1);
}
.indexposts article .playbtn {
    border-left:1px solid #ECECEC;
    margin-left: 5px;
    padding-left: 11px;
    display: flex;
}
.indexposts article .image {
	width: 170px;
}
/* pagination */
.pagination {
    position: relative;
    font-size: 12px;
    line-height: 13px;
    display: flex;
    justify-content: center;
    direction: ltr;
}
.pagination span, .pagination a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border-radius: 100px;
    margin-right: 8px;
    color: #424242;
    border: 1px solid #ebebeb;
    transition:0.1s;
}
.pagination a:hover{
    background: #f3f3f3;
}
.pagination .current {
    color: #858585;
    border: 1px solid #fff;
}
/* artistslist */
.artistslist .col2 {
    width: 10%;
}
.artistslist a img {
    border: 2px dashed transparent;
}
.artistslist .col2:hover img {
    border: 2px dashed #000000;
}
/* footer */
footer {
    border-radius: 10px;
    padding-top:40px;
    padding-bottom: 25px !important;
}

/* player */
.player {
    bottom: 1%;
    margin: 0 auto;;
}
.player .actions {
    background: rgba(255, 255, 255, 0.77);
    border: 1px solid #f2f2f2;
    backdrop-filter: blur(5px);
}
.player .actions .cover img {
    width: 45px;
}
.player .playbtn {
    padding: 12px;
}
.player .seekbar {
    height: 3px;
}
.player .seekbar .seek {
    background: rgba(50, 0, 192, 0.21);
    height: 3px;
    transition:0.3s;
}
.player .seekbarfull {
    z-index: -1;
    background:rgb(50 0 192 / 2%);
    transition:0.3s;
}
.player .playlist {
    display: none;
    opacity: 0;
    bottom:101%;
    transition:0.3s cubic-bezier(0.02, 1.08, 0.6, 0.22);
}
.player .playlist .list {
    max-height: 400px;
    overflow-y: scroll;
}
.player .playlist .track {
    padding: 9px 15px;
}
.player .playlist .track:last-child {
    border-bottom: none;
}
.player .playlist .track.active {
    background-color: #F6F6F6;
}
.player .playlist .track.active span {
    color: #000;
}
.player .playlist .track img {
    width: 50px;
}
.active_element {
    color: #7229EA;
}
/* single */
.like:hover i::before,.commentlike:hover i::before  {
    content:'\e906';
}
.like.active i ,.commentlike.active i {
    color:#e91e63;
}
.like.active i::before ,.commentlike.active i::before {
    content:'\e906';
}
.commentlikeNum {
    min-width: 5px;
}
.comments .children {
    margin-right: 20px;
}
.comments .children .msg {
    background-color: #3200C0;
    color: #FFF;
}
.comments .children .date {
    color: #ffffff8c;
}
.singleplaybtn {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -24px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    background: #FFF;
    padding-left: 0px !important;
}
.singleplaybtn:hover {
    box-shadow: 0 -8px 21px #00000069;
}
.telegrambox {
    background-color: #EEFBFF;
}
.telegrambox:hover {
    color: #1090BC;
}
.instagrambox i,.telegrambox i {
    left: 15px;
}
.instagrambox:hover i,.telegrambox:hover i {
    transform: scale(1.2);
}
.instagrambox {
    background-color: #FFF0F5;
    color: #F92A81;
    margin-right: 10px;
}
.instagrambox:hover {
    color: #F92A81;
}
article .dlbox a {
    background-image: linear-gradient(to right, #7229EA, #7229EA, #4C1ADC, #4C1ADC);
    background-size: 200% auto;
    transition: 0.5s cubic-bezier(0.13, 0.51, 0.65, 0.74);
}
article .dlbox a:hover {
    background-position: right center;
}
article .lyricsbox p,article .lyrics .scrollbox {
    height: 200px;
    white-space: pre-line;
    overflow-y: scroll;
}
.tracks .dllinks a:hover {
    color: #FFF;
    background-color: #000;
}
.videobox {
    max-height: 305px;
}
.videobox video {
	max-height:305px;
}
.videobox img {
    opacity: 9%;
}
.videobox .cont {
    top:40%;
}

.tags a {
    background: rgba(16, 144, 188, 0.1);
}
/* artist sidebar */
.artistsidebar ul {
    max-height: 600px;
    overflow-y: scroll;
	scrollbar-color: #979797 #f1f1f1;
    scrollbar-width: thin;
}
.artistsidebar ul::-webkit-scrollbar {
    width: 3px;
    border-radius: 6px;
    overflow: hidden;
}
.artistsidebar ul::-webkit-scrollbar-thumb {
    background: #fff;
}
.artistsidebar ul::-webkit-scrollbar-track {
    background: #015876;
}
/*artistpage */
.artistpage .profile {
    min-height:330px;
}
.artistpage .profile {
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: multiply;
    background-position: 10% 25%;
}
.artistpage .info {
    margin-right: 1rem;
}
.artistpage .lyrics {
    max-height: 100px;
    overflow-y: scroll;
    scrollbar-color: #ffffff21 #000;
    scrollbar-width: thin;
}
.artistpage .lyrics::-webkit-scrollbar {
    width: 3px;
    border-radius: 6px;
    overflow: hidden;
}
.artistpage .lyrics::-webkit-scrollbar-thumb {
    background: #ffffff33;
}
.artistpage .lyrics::-webkit-scrollbar-track {
    background: #000;
}
.artistpage .profile .content p {
    text-align: justify;
}
.artistpage .profile .stats {
    background: rgba(22, 5, 69, 0.26);
    backdrop-filter: blur(23.5px);
}
.artistpage .profile .numbers .number {
    border-left: 1px solid rgba(255, 255, 255, 0.13);
    padding:0 30px ;
}
.artistpage .profile .numbers .number:first-child {
    padding-right: 0;
}
.artistpage .profile .numbers .number:last-child {
    border-left: 0;
}
.simpleposts .post .playbtn {
    bottom: 56px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    width: 40px;
    height: 40px;
}
.simpleposts .post:hover {
    box-shadow: 0 24px 17px -23px #673ab726;
}
.sharebox,.lyricsbox {
    width: 435px;
    margin:0 auto;
    top:30%;
}

.lyricsbox .text {
    white-space: pre-line;
    height: 350px;
    overflow-x: hidden;
    text-align: center;
}
.sharebox img {
    width: 40px;
}
.relatedposts ul li a:hover {
    background-color: #F6F6F6;
}
.artist_archive .col2 {
	width: 25%;
	margin-bottom:10px;
}



/*
abdolahi40.ir
*/
            table.ab40-table {
                width: 100%;
                background-color: #fff;
                border-collapse: collapse;
                overflow: hidden;
                box-shadow: unset;
            }
            table.ab40-table td:last-child {
                text-align: center;
                width: 115px;
            }
            table.ab40-table td{
                border: 1px solid #ECECEC;
                padding: 6px 8px;
            }
    
table.ab40-table thead th:nth-child(2) {
  text-align: center;
  border-right: 1px solid #ffffff59;
}
            table.ab40-table thead th {
                color: #fff;
                padding: 8px;
            }
            table.ab40-table thead {
                background: linear-gradient(to right, #7229EA, #7229EA, #4C1ADC, #4C1ADC);
            }
.ab40-table tbody tr:nth-child(2n) {
  background: #fdfdfd;
}
/* end */


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}
@media (min-width: 1200px) {
    .offers .cover {
        width: 100%!important;
    }
}
@media (min-width: 870px) {
    .offers .cover {
        width: 100%!important;
    }
    
    
}
/* MAX */
@media (max-width: 1199px) {
    .container, .container-md, .container-sm {
        max-width: 1160px;
    }
    
}
@media (max-width: 991px) {
    .container, .container-md, .container-sm {
        max-width: 960px;
    }
    
}
@media (max-width: 870px) {
    .offers .row {
        --bs-gutter-x: 0.5rem;
    }
    .offers .col2 ,.simpleposts .col2{
        width: 25%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ipost .stats {
        position: absolute;
        right: 16px;
        background: #ffffff21;
        width: 170px!important;
        padding: 4px;
        justify-content: center;
        backdrop-filter: blur(6px);
    }
    .ipost .stats * {
        color:#FFF;
        text-shadow: 0 1px 14px #00000047;
        font-size: 11px;
    }
    .ipost .more {
        width: 100% !important;
    }
    .relatedposts ul li {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    header .navcol {
        display: block;
    }
    .menucol {
        display: none !important;
    }
    .logocol {
        display: flex;
        justify-content: center;
    }
    .artistslist .row {
        display: block;
        white-space: nowrap;
        overflow-y: scroll;
    }
    .artistslist .col2 {
        width: 15%;
        display: inline-block;
    }
    .sidebarcols {
        order:6;
    }
    .artistpage .profile .numbers .number {
        padding: 0 10px;
    }
    .artistpage .profile .playbtn {
        padding: 0 10px !important;
    }
	.artist_archive .col2 {
    width: 33%;
	}
    
}
@media (max-width:600px) { 
    .offers .col2,.simpleposts .col2 {
        width: 33%;
    }
    .callbtn .text {
        display: none;
    }
    .offers .cover {
        padding-top: 6px;
    }
    .artistpage .profile .stats {
        flex-flow: column;
    }
    .artistpage .profile .stats .numbers {
        justify-content: space-between;
    }
    .artistpage .profile .numbers .number {
        border-left: 0;
    }
    .artistpage .profile .playbtn {
        padding: 10px !important;
        margin-top: 11px;
        justify-content: center;
    }
    .sharebox,.lyricsbox {
        width: 90%;
    }
}
@media (max-width:425px) { 
    .dllinks {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .dllinks span {
        margin-bottom: 20px;
    }
	
}
@media (max-width:425px) { 
    .profile .content {
        flex-flow: column;
        justify-content: center;
        text-align: center;
    }
    .offers .col2,.simpleposts .col2 {
        width: 50%;
    }
    .artistslist .col2 {
        width: 20%;
    }
    .indexposts {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
    }
    .indexposts .ipost {
        flex-flow: column;
        margin: 0 5px;
        width: 46%;
        padding: 10px !important;
    }
    .indexposts .ipost .image img {
        width: 100%;
    }
    .indexposts .ipost .content {
        padding-top: 10px;
        width: 100% !important;
        margin:0 !important
    }
    .indexposts .ipost .content * {
        font-size: 11.5px;
    }
    .indexposts .ipost .content a .icon-arrowleft {
        display: none;
    }
    .indexposts .ipost .content .title {
        margin-top: 1rem!important;
		min-height: 65px;
    }
    .indexposts .ipost .content .statsmore {
        margin-top: 0.5rem!important;
    }
    .indexposts .ipost .content .stats {
        top: 37%;
        right: 5%;
        display: none !important;
    }
    .indexposts .ipost .content .more {
        justify-content: center !important;
    }
    .player .cover h3 {
        font-size: 12px;
    }
    .dlbox a *,.dlbox a {
        font-size: 12px;
    }
    .trackrow  {
        font-size: 11px;
    }
    .artistpage .info {
		margin-right: 0;
		margin-top: 15px;
	}
	.socialbox {
		flex-flow: column;
	}
	.socialbox .instagrambox {
		margin-right: 0;
   		margin-top: 7px;
	}
	.socialbox a {
		width: 100% !important;
	}
	.indexposts .ipost .content p {
		height: 35px;
		overflow: hidden;
	}
	.indexposts .ipost .content h2 {
		height: 35px;
		overflow: hidden;
	}
	.indexposts article .category {
		font-size: 10px !important;
		max-width: 90px;
		overflow: hidden;
		white-space: pre;
	}
	.indexposts article .image {
		width: 100%;
	}
}
@media (max-width:375px) {
	
    .indexposts .ipost {
        width: 100%;
    }
    .indexposts .ipost .content * {
        font-size: 12px;
    }
    .artistslist .col2 {
        width: 25%;
    }
    .player .cover h3 {
        display: none;
    }
    .tracktitles {
        display: none;
    }
    .trackrow {
        display: block !important;
    }
    .trackrow span {
        display: inline-flex;
        margin: 3px 0;
    }
	.artist_archive .col2 {
    width: 50%;
	}
	.trackrow .text-end {
		text-align: center !important;
		width: 100% !important;
	}
	.indexposts .ipost .content p {
		height: auto;
	}
	.indexposts .ipost .content h2 {
		height: auto;
		overflow: hidden;
	}
	.indexposts .ipost .content .statsmore {
		margin-top: 0rem!important;
	}
	.indexposts article .category {
    	font-size: 11px !important;
	}
}
@media (max-width:320px) { 
    .offers .col2,.simpleposts .col2 {
        width: 100%;
    }
}