/*
Theme Name: AVASong
Theme URI: https://wintheme.ir/?p=2323
Description: Music Theme Wp
Author: Wintheme.ir
Author URI: https://wintheme.ir
Version: 1.0
*/

*{box-sizing:border-box;padding:0;margin:0;border:0}
body {direction: rtl;background: #F8F8F8;color: RGBA(0,0,0,0.7);overflow-x: hidden;cursor: default;font-family: win_fonts;font-size: 14px;padding-top: 130px;}
input,button,textarea{font-family:win_fonts;font-size:14px;background:none;outline:0;color:#393E46}
h1,h2,h3,h4{font-family:win_fonts;}
h2,h3{font-size:15px}
a{text-decoration:none;color:#201f1e;transition:all 350ms ease-out}
a:hover{text-decoration:none;color:var(--thme-clr)}
img{border:0;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
article,aside section,.hdng,.ava404,.rltd,.ava_cms,.breadcrumbs{margin:0 0 1.2em;border-radius:1em;overflow:hidden;background:#fff;width:100%;box-shadow:0 0 25px #E5E5E5}
.ava_cms header,aside section header,.rltd header,article header{display:flex;align-items:center;padding:1.2em 0;font-size:14px;position:relative;border-bottom:1px solid #EAEAEA;margin:0 1.5em}
aside section h2,.ava_cms header h2,.rltd header h2,article header h1{font-size:15px;display:flex;align-items:center;gap:.5em;fill:#999dad}

::-moz-selection { background: var(--thme-clr);color: #FFFFFF;}
::selection { background: var(--thme-clr);color: #FFFFFF;}
.row {max-width: 1200px;margin: 0 auto;width: 100%;overflow: hidden;}
.row2 {max-width: 1280px;margin: 0 auto;width: 96%;overflow: hidden;}
.flex{display:flex;flex-wrap:wrap;align-items:center}
.center{width:47%;order:2}
.right{width:23%;order:1}
.left{width:28%;order:3}
.svg{display:flex;position:absolute;width:0;height:0}

.header {background: #fff;height: 100px;position: fixed;top: 0;max-width: 1200px;width: 100%;z-index: 9;justify-content: flex-start;box-shadow: 0 0 10px #F0F0F0;border-bottom: 1px solid #EEE;}
.logo {display: flex;justify-content: center;align-items: center;background: var(--thme-clr);height: 100px;margin-left: 1em;position: relative;padding: 0 1em;}
.header li a{display:flex;flex-direction:column;align-items:center;padding:1em}
.header li span{color:rgb(77, 74, 69);font-size:14px;margin-bottom:2px;transition:all 300ms ease-out}
.header li strong{color:rgb(77, 74, 69);}
.header li:hover span {color: var(--thme-clr);}
.srchir {background: #fff;height: 100px;margin-bottom: 1em;justify-content: space-between;padding: 0 1.5em;box-shadow: 0 0 10px #F0F0F0;}
.srchir ul{line-height:1.8}
.srchir li{color:#37342f;font-size:15px}
.phnfa span:nth-child(1){margin:4px 0 0}
.srchir form{background:rgba(55, 52, 47, 0.12);border-radius:7px;position:relative;height:65px;overflow:hidden;width:480px}
.srchir form input{width:100%;height:65px;padding:0 1.5em;font-size:12px;color:#4d4a45}
.srchir form button {position: absolute;left: 1em;top: 0;background: rgba(55, 52, 47, 0.12);height: 65px;padding: 0 1em;color: #4d4a45;font-size: 15px;}
.srchir form input::placeholder{opacity:.7;color:#4d4a45}
.offer-posts {padding: 1.5em;}
.offer-list {display: grid;grid-template-columns: repeat(6, 1fr);gap: 1em;padding: 0;margin: 0;list-style: none;}
.offer-posts.vip404 .offer-list {grid-template-columns: repeat(4, 1fr);}
.offer-list li {position: relative;overflow: hidden;}
.offer-list li a {display: block;position: relative;overflow: hidden;text-decoration: none;color: inherit;}
.offer-list li img {display: block;width: 100%;height: auto;filter: grayscale(0.5);transition: filter 0.75s ease-in-out;}
.offer-list li span {position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 5px;font-size: 12px;text-align: center;display: flex;flex-direction: column;transition: background 300ms ease-out;}
.offer-list li span strong:nth-child(2) {font-weight: 400;}
.offer-list li a::after {content: '';position: absolute;top: -50%;right: -50%;z-index: 2;width: 0;height: 0;background: rgba(255, 255, 255, 0.2);border-radius: 100%;opacity: 0;overflow: hidden;transition: none;}
.offer-list li:hover span {background: rgba(0, 0, 0, 0.7);}
.offer-list li:hover img {filter: grayscale(0);animation: figanim 0.75s forwards ease-in-out;}
.offer-list li:hover a::after {animation: circle 0.75s forwards;}
@keyframes figanim {
  0% {
    filter: grayscale(0.5);
  }
  40% {
    filter: grayscale(0.3);
  }
  100% {
    filter: grayscale(0);
  }
}
@keyframes circle {
  0% {
    opacity: 0.8;
    background: rgba(225, 225, 225, 0.2);
    width: 0;
    height: 0;
  }
  40% {
    opacity: 1;
    background: rgba(225, 225, 225, 0.17);
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
.main {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 1em auto 1em;}
.hdng{text-align:center;padding:1em;line-height:2.2}
.hdng h1{font-size:17px}
.hdng p,.hdng h2,.hdng h3{color:#494949;font-size:14px}
.posts {border-radius: 1em;margin: 0 0 1.5em;overflow: hidden;}
.posts header a {font-size: 16px;color: #37342f;}
.posts header span{width:30px;height:30px;background:RGBA(225,225,225,0.2);display:flex;justify-content:center;align-items:center;border-radius:.5em;float:right;margin:.1em 0 0 .7em}
.posts header span:before{content:"";width:16px;height:16px;background:url(img/picon.svg) no-repeat;background-size:cover;background-position:0 0}
.posts-content {padding: 1em;text-align: center;line-height: 2.1;color: #737373;}
.posts-content a:hover {color: var(--thme-clr) !important;}
.posts-content audio{margin:1em auto 0;display:flex;width:100%}
.posts-content hr{background:#f2f2f2;width:100%;height:2px;margin:1em auto}
.posts-content img{margin:.7em auto;border-radius:1em;display:inherit}
.posts-content h2{font-size:16px;color:#2D365D;margin:.6em 0 0;text-align:center}
.posts footer{display:flex;flex-direction:column;align-items:center;padding:0 1em}
.posts footer ul{color:#0f0f0f;font-size:13px;width:100%;justify-content:center;margin:0 0 .5em}
.posts footer .gsuls{background:#ebedef;padding:1em 1em 0;border-radius:1em;margin:1em 0}
.posts footer li{margin:0 .5em 1em;display:flex;align-items:center}
.posts footer li::before{content:"";width:16px;height:16px;margin-left:.5em;background:url(img/ginfo.svg) no-repeat;background-size:cover}
.posts footer .gsf1::before{background-position:100% 0}
.posts footer .gsf2::before{background-position:50% 0}
.posts footer .gsf3::before{background-position:0 0}
.posts footer .dgrf4::before{display:none}
.posts footer li:first-child{margin-right:0}
.posts footer li:last-child{margin-left:0}
.posts footer > a {background: var(--thme-clr);border-radius: 14px;color: #fff;font-size: 15px;display: flex;align-items: center;justify-content: center;padding: .8em 1em;width: 100%;margin: 0 0 1em;}
.posts footer > a:hover {background: #37342f;color: #fff;}
.sngsty{padding:.8em .7em;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:.7em;grid-row-gap:.7em}
.sngsty.cate{grid-template-columns:repeat(1,1fr)}
.sngsty span{display:flex}
.sngsty a{padding:.6em;border-radius:.7em;width:100%;text-align:center;border:1px solid #EAEAEA}
.sngsty.cate a{text-align:right;align-items:center;display:flex;padding:.7em 1em;fill:#999;gap:.6em;background:#fff}
.sngsty a:hover{background:linear-gradient(180deg,var(--thme-clr) 0%,var(--thme-clr) 100%);color:#fff;border-color:var(--thme-clr);fill:#fff}
.sdpst,.rltd div{padding:1.2em;display:flex;flex-direction:column;gap:1em}
.sdpst span, .rltd span {display: flex;justify-content: space-between;align-items: center;width: 100%;border-bottom: 1px solid #eee;padding-bottom: 1em;}
.rltd span a{color:#494949;font-size: 16px;line-height: 1.5em;}
.sdpst span a{color:#494949;}
.sdpst span:hover a,.rltd span:hover a{color:var(--thme-clr)}
.sdpst span a h3{font-size:13px}
.sdpst span a::before,.rltd span a:before{content:"";width:5px;height:10px;background:#ddd;border-radius:.1em;float:right;margin:5px 0 0 7px;transition:all 300ms ease-out}
.sdpst span a:hover:before,.rltd span a:hover:before{background:var(--thme-clr)}
.pdngm{padding-top:72px}
.hdrm{background:#1B1C1F;height:60px;position:fixed;top:0;right:0;left:0;z-index:999;flex-wrap:nowrap;justify-content:space-between;padding:0 .8em;transition:top .2s ease-in-out;border-bottom:1px solid #35383D}
.hdrm .mlogo a{font-size:18px}
.hdrm .mlogo a:before{width:28px;height:35px}
.hdrm.headmfx{position:fixed;width:100%;top:-75px}
.hdrsm,.hdrn,.nvmc{display:flex;justify-content:center;align-items:center;background:#242529;width:40px;height:40px;border-radius:1em;fill:#F39F1E}
.hdrsm svg,.hdrn svg,.nvmc svg{width:20px;height:20px}
.nvmc{background:#333;fill:#fff}
.nvmc svg{width:18px;height:18px}
.srchmh{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgb(1 3 13 / 80%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;transition:all 300ms ease-out;display:flex;justify-content:center;align-items:flex-start}
.srchm{width:95%;text-align:center;margin:4em 0 0}
.srchm form{background:#fff;height:70px;width:100%;border-radius:1em;position:relative;overflow:hidden}
.srchm input{width:100%;box-shadow:none;height:70px;border:0;outline:0;position:absolute;top:0;right:0;padding:0 1.5em 0 5em}
.srchm button {width: 46px;height: 46px;border-radius: 1em;position: absolute;left: .9em;top: 50%;transform: translate(0,-50%);transition: all 300ms ease-out;background: var(--thme-clr);fill: #fff;}
.srchm button svg{width:22px;height:22px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.srchm span{cursor:pointer;display:flex;justify-content:center;margin:0 0 4em;fill:#fff}
.pdngb{background:rgb(1 3 13 / 80%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:default;height:100%;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease-out;visibility:hidden;width:100%;z-index:99}
.navm{background:#0D1014;display:block;overflow-x:hidden;overflow-y:auto;position:fixed;right:1em;top:1em;left:1em;z-index:9999;opacity:0;padding:1em;visibility:hidden;border-radius:1em}
.navmt{justify-content:space-between;margin:0 0 1em}
.navm ul{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1em;grid-row-gap:1em}
.navm li a{display:flex;align-items:center;font-size:15px;color:#e5e5e5;fill:#e5e5e5;gap:.7em;background:#1B1C1F;border:1px solid #35383D;border-radius:.7em;padding:.7em 1em}
/* شماره صفحات *//* is_archive */
.ava_pn{justify-content:center;margin:1.5em 0 0;gap:.7em}
.ava_pn a,.ava_pn span{height:42px;width:42px;display:flex;justify-content:center;align-items:center;border-radius:50px;background:#fff;color:#2D365D}
.ava_pn .current,.ava_pn a:hover{color:#fff;background:var(--thme-clr)}
.ava_pn .next,.ava_pn .prev{justify-content:center;text-indent:-200px;overflow:hidden;height:24px;width:13px;opacity:.8;margin:6px 15px;background:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.5 15.48'%3E%3Cpath d='M7.75,15.5a.75.75,0,0,1-.53-.22l-7-7a.75.75,0,0,1,0-1.06l7-7A.75.75,0,0,1,8.28,1.28L1.81,7.75l6.47,6.47a.75.75,0,0,1-.53,1.28Z' transform='translate(0 -0.02)' fill='%232d365d'/%3E%3C/svg%3E")!important}
.ava_pn .prev{transform:scaleX(-1)}
.ava_pn .dots{padding:0 .8em;background:#F8F9FB}
/* فوتر */
.ava_ftr{background:#fff;margin:2.5em 0 0;position:relative;padding:3em 0 0}
.ava_uptoh{position:absolute;display:flex;left:50%;transform:translate(-50%,0);top:-18px;cursor:pointer}
.ava_ftrt{justify-content:space-between;gap:2em}
.ava_about{flex:1;display:flex;flex-direction:column;gap:.7em}
.ava_about header h2{font-size:16px}
.ava_about div{display:flex;flex-direction:column;gap:.7em}
.ava_marfi{line-height:1.8;color:#444}
.ava_scil{display:flex;align-items:center;gap:.7em;line-height:initial!important}
.ava_scil a{font-size:14px;background:#e0e7ec;height:38px;padding:0 .8em;display:flex;align-items:center;border-radius:.7em;fill:#606889;gap:.4em;color:#2D365D}
.ava_scil a:hover{color:#fff;background:#0C50E8;fill:#fff}
.ava_scil a:nth-child(3):hover{background:#BA2020}
.ava_flink{width:40%;gap:1.5em}
.ava_flink header{display:flex;gap:.7em;color:#4C5560;fill:#717c89;align-items:center;text-align:center;}
.ava_flink header h2{font-size:16px;font-weight:400}
.ava_flink ul{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1.5em;grid-row-gap:1em}
.ava_flink li a{font-size:15px}
.ava_flink li a::before {content: "";width: 6px;height: 6px;border-radius: .2em;border: 1px solid #717c89;float: right;margin: 8px 0 0 8px;}
.ava_ftrb{border-top:1px solid #e0e7ec;padding:1.5em 0;margin-top:1.5em;justify-content:space-between;gap:.7em}
.ava_ftrb a{font-size:14px;background:#2D365D;padding:.4em .8em;border-radius:.7em;color:#fff}

.posts-content .tax {gap: .4em;justify-content: center;display: flex;align-items: center;margin-bottom: 1em;}
.posts-content .tax span {font-size: 14px;color: #606889 !important;stroke: #959cb7;justify-content: center;}
.posts-content .tax span a{color:#606889}
.ava_dlbox {display: flex;flex-direction: column;align-items: center;gap: 1.2em !important;width: 100%;margin: .5em 0 2em 0;}
.ava_dlbox audio{width:100%}
.ava_dlbox .dlls {width: 100%;justify-content: center;}
.ava_dlbox .dlls a {background: var(--thme-clr);border: 1px solid var(--thme-clr);color: #fff !important;height: 50px;display: flex;justify-content: center;align-items: center;font-size: 15px;border-radius: .6em;gap: .6em;fill: rgb(255 255 255 / 80%);width: 70%;margin-bottom: .4em;}
.ava_dlbox .dlls a:hover {color: #fff !important;background: #37342f;border: 1px solid #37342f;}
.breadcrumbs {color: #54586A;stroke: #999dad;padding: 1em .4em;}
.breadcrumbs svg{float:right;margin:-1px 0 0 6px}
.breadcrumbs a{color:#2D365D}
.ava_share{width:100%;line-height:initial}
.ava_share {justify-content: space-between;margin: 2em auto 2em;display: flex;gap: 1em;}
.ava_share a{display:flex;align-items:center;color:#fff!important;justify-content:center;padding:1em .3em;border-radius:.8em;flex:1;gap:.6em;background:linear-gradient(180deg,#292f29 0%,#151a15 100%);border-color:#151a15;box-shadow:0 10px 15px rgb(28 33 30 / 20%);fill:#fff}
.ava_share a:hover {color: #fff !important;}
/* دیدگاه */
.ava_cms header {margin-bottom: 1em;background: no-repeat;gap: .6em;justify-content: space-between;}
.ava_cms header span{color:#444}
.ava_cms > div{margin:0 0 1em}
.ava_cms form{display:flex;justify-content:space-between;padding:0 .8em 1em;gap:1em}
.ava_cms form textarea,.ava_cms form input{padding:1em 1.4em;transition:all 300ms ease-out;border:1px solid #E0E0E0;border-radius:1em}
.ava_cms form textarea{display:flex;width:100%;resize:none;height:100%}
.ava_cms form input:focus,.ava_cms form textarea:focus,.ava_cms form input:hover,.ava_cms form textarea:hover{border-color:var(--thme-clr)}
.ava_cms form input{width:100%;background-position:center right 15px;background-repeat:no-repeat;background-size:16px;padding-right:2.8em;margin:0 0 1em}
.ava_cms form input[name="author"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.5 19.5'%3E%3Cpath d='M12.51,11.25A4.25,4.25,0,1,1,16.76,7,4.25,4.25,0,0,1,12.51,11.25Zm0-7A2.75,2.75,0,1,0,15.26,7,2.75,2.75,0,0,0,12.51,4.25Zm4,18h-8c-2.42,0-3.75-1.33-3.75-3.73,0-2.66,1.51-5.77,5.75-5.77h4c4.24,0,5.75,3.11,5.75,5.77C20.25,20.92,18.92,22.25,16.5,22.25Zm-6-8a4,4,0,0,0-4.25,4.27c0,1.56.67,2.23,2.25,2.23h8c1.58,0,2.25-.67,2.25-2.23a4,4,0,0,0-4.25-4.27Z' transform='translate(-4.75 -2.75)' opacity='0.2' fill='%23000'/%3E%3C/svg%3E")}
.ava_cms form input[name="email"]{margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.65 18.65'%3E%3Cpath d='M11,20.33a9,9,0,0,1-3.62-.74,9.35,9.35,0,0,1-5-5,9.22,9.22,0,0,1,0-7.24,9.35,9.35,0,0,1,5-5,9.22,9.22,0,0,1,7.24,0,9.35,9.35,0,0,1,5,5A9,9,0,0,1,20.33,11v1.33A3.26,3.26,0,0,1,17,15.67a3.39,3.39,0,0,1-1.57-.37,3.6,3.6,0,0,1-1.18-1,4.21,4.21,0,0,1-1.43,1,4.55,4.55,0,0,1-1.82.36,4.52,4.52,0,0,1-3.3-1.36A4.48,4.48,0,0,1,6.32,11,4.5,4.5,0,0,1,7.7,7.7,4.5,4.5,0,0,1,11,6.32,4.66,4.66,0,0,1,15.67,11v1.28a1.34,1.34,0,0,0,2.26,1,1.28,1.28,0,0,0,.4-1V11a7.08,7.08,0,0,0-2.16-5.17A7.08,7.08,0,0,0,11,3.67,7.08,7.08,0,0,0,5.83,5.83,7.08,7.08,0,0,0,3.67,11a7.08,7.08,0,0,0,2.16,5.17A7.08,7.08,0,0,0,11,18.33h3.57a1,1,0,0,1,.73.29,1,1,0,0,1,.28.72.94.94,0,0,1-.28.7,1,1,0,0,1-.73.29Zm0-6.67A2.66,2.66,0,0,0,13.66,11,2.66,2.66,0,0,0,11,8.34,2.66,2.66,0,0,0,8.34,11,2.66,2.66,0,0,0,11,13.66Z' transform='translate(-1.67 -1.67)' opacity='0.2' fill='%23000'/%3E%3C/svg%3E")}
.ava_cmshs{display:flex;flex-direction:column;width:60%}
.ava_cmsh{position:relative;width:100%}
.ava_cms form button{position:absolute;left:1em;height:44px;transition:all 300ms ease-out;padding:0 1.2em;bottom:1em;border-radius:.7em;color:#fff;background:#242529}
.ava_cms form textarea:hover + button,.ava_cms form textarea:focus + button,.ava_cms form button:hover{background:var(--thme-clr)}
.ava_cmsa{padding:1em;background:var(--thme-clr);color:#fff;justify-content:center!important;display:flex;margin:0!important;border-radius:1em}
.ava_cmsa.ava_cmsat{border-radius:0}
.ava_cms > ul{margin:1em .8em 0;display:block;border-top:1px solid #E0E0E0;position:relative;padding:2em 0 0}
.ava_cms > ul:before{content:attr(data-answr);position:absolute;left:50%;transform:translate(-50%,0);top:-17px;background:#E0E0E0;padding:.4em 1em;color:#333;border-radius:50px}
.ava_cms ul li > span{display:flex;flex-direction:column;line-height:2;margin:0 0 1em;border:1px solid #E0E0E0;border-radius:.8em;position:relative;padding:.6em}
.ava_cms .children li > span:before{content:"";width:0;height:0;border-style:solid;border-width:0 10px 5px;border-color:transparent transparent #E0E0E0;position:absolute;top:-6px;right:1em}
.ava_cms .children li.administrator > span:before{border-color:transparent transparent var(--thme-clr)}
.ava_cms ul li > span > span{display:flex;padding:.6em;background:#F9F9F9;border-radius:.7em;flex-direction:column}
.ava_cms ul li p{overflow-wrap:break-word;width:100%;display:inline-block;padding:.7em .5em 0}
.ava_cms ul li > span > span strong{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.ava_cms ul li > span > span strong > span{display:flex;align-items:center}
.ava_cms ul li p span{display:flex;justify-content:flex-end}
.ava_cms ul li p span a{background:rgb(67 167 86 / 10%);color:var(--thme-clr);height:34px;padding:0 .8em;border-radius:.7em;display:flex;justify-content:center;align-items:center;margin:0 0 .5em}
.ava_cms ul li p span a:before{content:"";width:22px;height:22px;margin-left:.5em;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1252 10.8334V15.0001C18.1252 15.3451 17.8452 15.6251 17.5002 15.6251C17.1552 15.6251 16.8752 15.3451 16.8752 15.0001V10.8334C16.8752 9.79923 16.0336 8.95839 15.0002 8.95839H4.00941L6.27606 11.225C6.52022 11.4692 6.52022 11.8651 6.27606 12.1092C6.15439 12.2309 5.99437 12.2925 5.83437 12.2925C5.67437 12.2925 5.51434 12.2317 5.39267 12.1092L2.05934 8.7759C2.00184 8.7184 1.95612 8.64932 1.92445 8.57265C1.86112 8.42015 1.86112 8.24765 1.92445 8.09515C1.95612 8.01849 2.00184 7.9492 2.05934 7.8917L5.39267 4.55837C5.63684 4.3142 6.0327 4.3142 6.27687 4.55837C6.52104 4.80254 6.52104 5.1984 6.27687 5.44257L4.01023 7.70921H15.0002C16.7227 7.70837 18.1252 9.11006 18.1252 10.8334Z' fill='%2343A756'/%3E%3C/svg%3E%0A")}
.ava_cms ul li > span > span strong b{font-size:15px;font-weight:400}
.ava_cms ul li > span > span strong em{background:var(--thme-clr);font-size:13px;font-style:normal;color:#fff;line-height:initial;border-radius:50px;text-align:center;padding:3px 10px;margin-right:.5em}
.ava_cms ul li > span > span strong b:before{content:"";width:28px;height:28px;float:right;margin:0 0 0 6px;opacity:.8;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%23fff'/%3E%3Cg id='user'%3E%3Cpath id='user_2' data-name='user 2' d='M12.51,11.6a3,3,0,1,1,.05,0Zm0-5a2,2,0,1,0,2,2,2,2,0,0,0-2-2h0Zm2.86,12.9H9.63a2.42,2.42,0,0,1-2.69-2.12,2.62,2.62,0,0,1,0-.56,3.88,3.88,0,0,1,3.6-4.14h3.4a3.87,3.87,0,0,1,4.12,3.62,4.51,4.51,0,0,1,0,.52,2.42,2.42,0,0,1-2.13,2.68A2.62,2.62,0,0,1,15.37,19.5Zm-4.31-5.74A2.84,2.84,0,0,0,8,16.36a3.53,3.53,0,0,0,0,.46c0,1.12.49,1.6,1.62,1.6h5.74c1.13,0,1.62-.48,1.62-1.6a2.85,2.85,0,0,0-2.61-3.06H11.06Z' fill='%23444'/%3E%3C/g%3E%3C/svg%3E")}
.ava_cms ul li > span > span strong i{font-style:normal;font-size:13px;color:#454545;margin-right:.5em;display:inline-block}
.ava_cms ul li > span > span strong i a{color:#454545}
.ava_cms ul li > span > span time{font-size:13px;color:#454545;font-weight:400}
.ava_cms ul li p em{color:var(--thme-clr);font-size:14px;font-style:normal;display:flex}
.ava_cms ul li.administrator > span{border-color:var(--thme-clr)}
.ava_cms .children{padding-right:1em}
#cancel_replay{display:none;text-align:center;cursor:pointer;justify-content:center;font-size:15px;background:var(--thme-clr);color:#fff;margin:0 1em 1em;padding:.8em;border-radius:.5em}

.ava_cntnt_more {position: relative;border-top: 1px solid #e0e7ec;padding: 1.2em 0 0;margin: 2.2em 0 1em;}
.ava_cntnt_more:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-33%,0);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #e0e7ec;z-index:1}
.ava_cntnt_more:after{content:'';position:absolute;top:-4px;left:50%;width:16px;height:16px;border-left:1px solid;border-top:1px solid;border-color:#e0e7ec;transform:rotate(45deg) translate(-50%,0);transition:all 300ms ease-out;background:#fff}
.ava_cntnt_more .ava_cntnt{max-height:300px;overflow:hidden;transition:max-height .3s ease;text-align:center}
.ava_cntnt_more .ava_cntnt.height300{border-bottom:1px solid #e0e7ec;padding:0 0 1.2em}
.ava_cntnt.height300{border-bottom:1px solid #e0e7ec;padding:0 0 1.2em}
.ava_cntnt_more .ava_cntnt:after{content:"";background-image:linear-gradient(180deg,rgb(255 255 255 / 0%) 0,#ffffff 100%);position:absolute;bottom:0;width:100%;height:50px}
.ava_cntnt_more .ava_cntnt.expanded{max-height:none;padding:0 0 1em}
.ava_cntnt_more .ava_cntnt.expanded:after,.ava_cntnt_more .ava_cntnt.height300:after{display:none}
.ava_cntnt_btn{border-bottom:1px solid #e0e7ec;position:relative}
.ava_cntnt_btn button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#161b2f;height:32px;font-size:14px;padding:0 1.2em;border-radius:50px;color:#fff;display:flex;align-items:center;gap:.4em;transition:all 300ms ease-out}
.ava_cntnt_btn button:hover {background: var(--thme-clr);}
.ava_cntnt_btn button:after{content:'';width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;border-color:#a6abc1;transform:rotate(45deg);margin:-3px 0 0;transition:all 300ms ease-out}
.ava_cntnt_btn button:hover:after{border-color:#eaeaea}
.jmykst,.mshads{margin:1em 0 0}
.ava_mp3son {
	position: relative;
	flex-direction: column;
	margin: 1em 0px 1em;
	align-items: flex-start;
	padding-right: 70px;
	display: flex !important;
	border-radius: .7em;
	border: 1px solid #eee;
}
.ava_mp3son svg{position:absolute;width:40px;height:40px;top:6px;animation:mflding 2s linear infinite;right:1em;fill:var(--thme-clr)}
@keyframes mflding{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


.dl_mp3c {
	display: inline-block;
	padding: 7px 15px;
	background-color: var(--thme-clr);
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border-radius: 6px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
	border: 2px solid var(--thme-clr);
}

.dl_mp3c:hover,
.dl_mp3c:focus {
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    text-decoration: none;
    outline: none;
}

.theme-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

.theme-toggle input[type="checkbox"] {
  display: none;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.toggle-label {
  width: 80px;
  height: 30px;
  background: linear-gradient(270deg, #fdd835, #ffa726, #fdd835);
  background-size: 600% 600%;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding: 5px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  transition: background 0.5s ease;
  position: relative;
  animation: gradientMove 10s ease infinite;
}

.toggle-label:hover {
  animation: gradientMove 4s ease infinite;
  box-shadow: 0 0 25px rgba(255, 165, 0, 0.8);
}

.sun-moon {
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  transition: transform 0.4s ease, background 0.4s ease;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.stars {
  position: absolute;
  top: 6px;
  left: 35px;
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 50%;
  box-shadow: 5px 5px white, -5px 8px white, 6px -2px white;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#toggle-theme:checked + .toggle-label {
  background: linear-gradient(270deg, #37474f, #546e7a, #37474f);
  background-size: 600% 600%;
  justify-content: flex-end;
  animation: gradientMove 12s ease infinite;
}

#toggle-theme:checked + .toggle-label .sun-moon {
  background: #f1c40f;
  transform: rotate(180deg);
  box-shadow: 0 0 12px #f1c40f;
}

#toggle-theme:checked + .toggle-label .stars {
  opacity: 1;
}

body.dark-mode {background: #0D1014;color: #bbb;}
.dark-mode .header {background: #242529;box-shadow: 0 0 10px #242529;border-bottom: 1px solid #242529;}
.dark-mode .header li span {color: #bbb;}
.dark-mode .header li strong {color: #eee;}
.dark-mode .srchir li {color: #bbb;}
.dark-mode .srchir {background: #242529;box-shadow: 0 0 10px #242529;}
.dark-mode .srchir form input {color: #242529}
.dark-mode .srchir form {background: #e8ecf1;}
.dark-mode article, .dark-mode aside section, .dark-mode .hdng, .dark-mode .ava404, .dark-mode .rltd, .dark-mode .ava_cms, .dark-mode .breadcrumbs {background: #1B1C1F;box-shadow: 0 0 25px #1B1C1F;border: 1px solid #35383D;}
.dark-mode .sngsty a {border: 1px solid #242529;color: #bbb;background: #242529;}
.dark-mode .sngsty.cate a {fill: #999;background: #242529;border: 1px solid #242529;}
.dark-mode .sdpst span, .dark-mode .rltd span {border-bottom: 1px solid #242529;}
.dark-mode .sdpst span a {color: #bbb;}
.dark-mode .ava_cms header, .dark-mode aside section header, .dark-mode .rltd header, .dark-mode article header {border-bottom: 1px solid #242529;}
.dark-mode .posts header a {color: #bbb;}
.dark-mode .posts-content,.dark-mode .posts-content a {color: #bbb;}
.dark-mode .posts footer ul,.dark-mode .posts footer ul li a {color: #bbb;}
.dark-mode .ava_pn a, .dark-mode .ava_pn span {background: #242529;color: #bbb;}
.dark-mode .ava_pn .dots {background: #242529;}
.dark-mode .ava_pn .next, .dark-mode .ava_pn .prev {background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.5 15.48'%3E%3Cpath d='M7.75,15.5a.75.75,0,0,1-.53-.22l-7-7a.75.75,0,0,1,0-1.06l7-7A.75.75,0,0,1,8.28,1.28L1.81,7.75l6.47,6.47a.75.75,0,0,1-.53,1.28Z' transform='translate(0 -0.02)' fill='%23fff'/%3E%3C/svg%3E") !important;}
.dark-mode .sngsty a:hover {background: linear-gradient(180deg,var(--thme-clr) 0%,var(--thme-clr) 100%);color: #bbb;border-color: var(--thme-clr);fill: #bbb;}
.dark-mode .sdpst span:hover a, .dark-mode .rltd span:hover a {color: var(--thme-clr);}
.dark-mode .ava_ftr {background: #242529;}
.dark-mode .ava_marfi {color: #bbb;}
.dark-mode .ava_scil a {background: #242a3d;fill: #606889;color: #bbb;}
.dark-mode .ava_scil a:hover {color: #bbb;background: #0C50E8;fill: #bbb;}
.dark-mode .ava_scil a:nth-child(3):hover {background: #BA2020;}
.dark-mode .ava_flink header h2, .dark-mode .ava_flink li a,.dark-mode .rltd span a {color: #bbb;}
.dark-mode .ava_ftrb {border-top: 1px solid #0d1014;}
.dark-mode input, .dark-mode button, .dark-mode textarea {color: #bbb;}
.dark-mode .breadcrumbs,.dark-mode .breadcrumbs a {color: #bbb;}
.dark-mode .ava_cms form textarea, .dark-mode .ava_cms form input {border: 1px solid #242529;}
.dark-mode .ava_cntnt_more .ava_cntnt::after {display: none;}
.dark-mode .ava_cntnt_btn {border-bottom: 1px solid #242529;}
.dark-mode .ava_cntnt_more {border-top: 1px solid #242529;}
.dark-mode .ava_cntnt_more::before {border-bottom: 8px solid #35383D;}
.dark-mode .ava_cntnt_more::after {border-color: #35383D;background: #35383D;}
.dark-mode .ava_cms ul li > span > span {background: #242529;}
.dark-mode .ava_cms > ul {border-top: 1px solid #35383D;}



@media screen and (max-width:1100px) {
.ava_dlbox{width:100%}
}

@media screen and (max-width:960px) {
.srchir div,.center,.right,.left{width:100%}
.main{margin:1em auto}
.center{order:1}
.srchir form{width:100%;margin:1em 0}
.srchir{padding:1em;height:auto;flex-direction:column-reverse}
.right{margin:1em 0;order:2}
.left{order:3}
.right li{width:auto;padding:0 8px}
.right header{margin-bottom:0}
.posts{margin:0 0 1em}
.ava_ftrt{flex-direction:column;gap:1.2em}
.ava_scil{justify-content:center;flex-wrap:wrap}
.ava_flink{width:100%;gap:1em;flex-direction:column;border-top:1px solid #e0e7ec;padding:1.2em 0 0}
.ava_flink header{flex-direction:row-reverse;width:100%;justify-content:center}
.ava_flink ul{display:flex;grid-column-gap:1em;flex-wrap:wrap;justify-content:center}
body{padding:0}
.header {position: initial;width: 100%;margin: 0 0 1em;height: auto;justify-content: center;}
}
@media (max-width: 768px) {
.offer-list {grid-template-columns: repeat(3, 1fr);gap: 0.8em;}
}

@media screen and (max-width:640px) {
.ava_dlbox{width:100%}
.ava_ftrb{gap:1em;flex-direction:column}
.breadcrumbs svg {display: none;}
}

@media screen and (max-width:440px) {
.ava_dlbox div{flex-direction:column}
.ava_dlbox div a {width: 100% !important;flex: initial;}
}

@media (max-width: 480px) {
.offer-list {grid-template-columns: repeat(2, 1fr);gap: 0.6em;}
.ava_cms form{flex-direction:column}
.ava_cmshs{width:100%}
.ava_cms form textarea{height:120px}
.srchir li {color: #37342f;font-size: 14px;}
.nic_share{width:100%!important}
}

@media screen and (max-width: 390px) {
.ava_cms > ul:before{width:60%;text-align:center}
}
@media (max-width: 360px) {
.offer-list {grid-template-columns: repeat(2, 1fr);gap: 0.5em;}
}

@media screen and (max-width: 520px) {
.posts header a{font-size:14px}
}