/* Theme Name:Stil Radyo TemasiTheme URI:www.QBilisim.comAuthor:QBilisimAuthor URI:Geliştirici Web SayfasıDescription:Qbilisim.com Özel Tasarım.Version:v1 */@import url('https://fonts.cdnfonts.com/css/poppins');html{--scrollbarBG:#F3F5F9;--thumbBG:#0c345e}body::-webkit-scrollbar{width:15px}body{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body::-webkit-scrollbar-track{background:var(--scrollbarBG)}body::-webkit-scrollbar-thumb{background-color:var(--thumbBG) ;border-radius:6px;border:3px solid var(--scrollbarBG)}body{background-color:#F8FBFD;font-family:'Poppins',sans-serif}.nav-bar{padding:10px}.nav-li{}.nav-li ul{display:block;height:45px;text-align:right}.nav-li ul li{display:inline-block;padding:10px 0px;list-style-type:none}.nav-li ul li i{margin-right:5px;color:#00425A;margin-right:5px}.nav-li ul li a{color:#2B3465;font-size:18px;padding:10px;font-weight:500;text-decoration:none;letter-spacing:-1px;overflow:hidden;position:relative;z-index:5}.nav-li ul li a::before{content:"";position:absolute;width:100%;height:0;bottom:0;left:0;border-radius:20px;background:#8AD7BB;color:#2B3465;transition:height 0.3s ease-in-out;/* Animasyon suresi */}.nav-li ul li a:hover::before{height:100%;opacity:0.5;animation-name:button-animation;animation-duration:0.3s;color:#2B3465}@keyframes button-animation{from{height:0;bottom:0}to{height:100%;bottom:0}}.nav-li .hizli{position:relative;background:#8AD7BB;color:#2F748E;border:3px solid #8AD7BB;padding:5px;border-radius:20px;margin-left:31px;font-size:20px;transition:all 0.5s ease}.nav-li .hizli:hover{background:transparent;transition:all 0.5s ease;z-index:1}.headbar{padding:10px;border-radius:10px;margin-top:20px}.sohbetbar{padding:0px;border-radius:5px;margin:0px auto;text-align:left}.sohbetbar label{margin-left:75px}.sohbetbar img{width:60px}.sohbetbar input{width:60%;background:#2B3465;color:#F3F5F9;padding:10px;margin-top:10px;border-radius:0px 0px 20px 20px;text-align:center;border:none;font-size:18px}.sohbetbar input::placeholder{color:#F8FBFD}.sohbetbar input::value .sohbetbar i{background:#F3F5F9}.sohbetbar button{padding:13px;width:80%;border:none;text-align:center;border-radius:30px;font-size:18px;background:#8AD7BB;border:1px solid #8AD7BB;color:#2B3465;transition:all 0.5s ease;margin-top:10px;font-weight:bold}.sohbetbar button:hover{background:#2B3465;border:1px solid #2B3465;color:#8AD7BB;transition:all 0.5s ease}.sosyal{margin-top:15px;margin-left:100px}.sosyal img{width:40px}.mesajbar{}.mesajbar img{width:100%}.headermsg{background:#2b3465;color:#f8fbfd;text-align:center;padding:15px 0px 1px 0px;font-size:17px}.headermsg img{width:40px}.headermsg b{font-weight:bold;color:#8AD7BB}.djlist{margin-top:20px}.djlist img{width:40px;margin-right:10px}.djlist .tabsmenu{display:block;overflow-y:hidden;white-space:nowrap}.djlist ul.tabs{width:100%;text-align:center;height:50px}.djlist ul.tabs li{border:1px solid #8AD7BB;background:#2F748E;color:#F3F5F9;display:inline-block;padding:5px 15px;cursor:pointer;font-size:25px;margin-right:-6px}.djlist ul.tabs li.current{background:#8AD7BB;color:#2F748E}.djlist .tab-content{display:none;border:1px solid #89d5ba;background:#F3F5F9;border-radius:20px;padding:15px}.djlist .tab-content.current{display:inherit}.djlist table{border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed}.djlist table caption{font-size:1.5em;margin:.5em 0 .75em}.djlist table tr{background-color:#f8fbfd;color:#2f748e;border-bottom:1px solid #f1f1f1;margin-top:6px}.djlist table th,.djlist table td{padding:.625em;text-align:center}.djlist table th{font-size:20px;letter-spacing:.1em;text-transform:uppercase;color:#89d7bb}.blogbar{margin-top:20px}.blogbar img{width:50px;margin-right:5px}.blogbar .baslik{font-weight:bold;font-size:20px;color:#2B3465;margin:0}.blogbar .aciklama{font-size:18px;color:#2B3465;margin:0}.blogkonu{border:2px solid #8AD7BB;margin-top:15px;border-radius:30px 30px 30px 0;background:#f8fbfd;color:#2f748e;padding:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;text-align:center}.blogkonu img{width:80px;height:80px;border-radius:50%;margin:-30px}.blogkonu p{font-size:17px;color:#2B3465;margin:0}.blogkonu .mbaslik{font-size:17px;color:#2B3465;margin:0}.blogkonu .mbaslik{font-weight:bold;font-size:18px;color:#2B3465;margin:0}.blogkonu .maciklama{font-size:17px;color:#2B3465;margin:0}.blogkonu span{margin-left:20px;font-weight:400}.blogkonu span img{width:30px;border-radius:0;height:auto;margin:0}.blogkonu button{border:none;background:#8ad7bb;color:#2B3465;padding:10px;border-radius:15px}.blogkonu button:hover{background:#2B3465;color:#8ad7bb}.blogkural{border-radius:30px 30px 30px 0;background:#2f748e;color:#fff;padding:30px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;margin-top:50px;position:sticky;top:30px;height:420px}.blogkural img{width:30px}.blogkural p{margin:0;font-size:17px;margin-top:10px}.blogkural .baslik{margin:0;font-weight:bold;font-size:18px;text-align:center;padding:15px}.altmetin{border-radius:30px;margin-top:50px;font-size:16px}.altmetin h1{font-size:20px;padding:5px;font-weight:bold;color:#2f748e}.altmetin h2{font-size:18px;padding:5px;font-weight:bold;color:#2f748e}.altmetin h3{font-size:16px;padding:5px;font-weight:bold;color:#2f748e}.altmetin h4{font-size:14px;padding:5px;font-weight:bold;color:#2f748e}.altmetin h5{font-size:12px;padding:5px;font-weight:bold;color:#2f748e}.altmetin p{margin:0;font-size:15px}.footer{padding:50px 0;background:#2B3465;background-image:url(img/footer.svg);background-size:10%;background-repeat:no-repeat;background-position:93% 10px;margin-top:50px;margin-bottom:90px}.footer img{width:100%}.footer ul{display:block;height:45px;text-align:center}.footer ul li{display:inline-block;padding:10px 0px;list-style-type:none}.footer ul li i{margin-right:5px;color:#00425A;margin-right:5px}.footer ul li a{color:#F3F5F9;font-size:18px;padding:10px;font-weight:500;text-decoration:none;letter-spacing:-1px}.footer .hizli{position:relative;background:#8AD7BB;color:#2F748E;border:3px solid #8AD7BB;padding:5px;border-radius:20px;margin-left:31px;font-size:20px;transition:all 0.5s ease}.footer .hizli:hover{background:transparent;transition:all 0.5s ease;z-index:1}.footer .resim{background-image:url(img/footer.svg);background-size:25%;background-repeat:no-repeat;background-position:100% 0px}.hakkimizda{text-align:left;padding:5px;color:#c8c4c4;font-size:12px}.hakkimizda a{color:#2F748E;text-decoration:none}.acgizle{display:none;position:absolute;top:-90px;right:28px;background:#8AD7BB;color:#F3F5F9;border:none;border-radius:10px;padding:10px;animation:acgizle 1s linear infinite}.yukari1{border:none;background:transparent;border-radius:10px;color:#ffffff;box-shadow:0px 0px 10px 1px #fff;text-decoration:none}.sakla{position:absolute;top:-30px;right:30px;background:#8AD7BB;color:#F3F5F9;border:none;border-radius:10px;padding:10px}.sakla1{border:none;background:transparent;color:#F3F5F9}.radyodiv{display:block}#radyo{border:none;background:transparent}.radyobutton{background:#ffffff;color:#8AD7BB;;border-radius:10px;border:none;padding:10px;box-shadow:0px 0px 10px 5px #81cdb7;font-size:30px;text-decoration:none;animation:radyobutton 1s linear infinite}.bg-orgin{background:#2a3363}.pageler{margin-top:14px}.pageler .page-numbers{background:#8ad7bb;padding:5px;border-radius:5px;color:#2B3465;text-decoration:none}.pageler .page-numbers:hover{background:#2B3465;color:#8ad7bb}.yorum{color:black}.yorum a{color:black}.yorum li{margin-bottom:10px;padding:10px;border:1px solid #2F748E;list-style-type:none;border-radius:5px}.yorum textarea{width:100%;height:100px;border-radius:5px}.yorum input[type=text]{width:100%;border-radius:5px;background:#F3F5F9}.yorum input[type=submit]{background:#F3F5F9;color:#81cdb7;width:100%;border-radius:10px;text-align:center}.yorum input[type=submit]:hover{background:#81cdb7;color:#F3F5F9}.yorum .comment-form-url{display:none}.col-blog1{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;text-align:center}.col-blog2{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;text-align:center}.col-blog3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-footer1{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.col-footer2{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.col-radyo1{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.col-radyo1{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.bars{background:#8ad7bb;padding:15px;color:#2a3363;border-radius:30px}.yukari{display:none;position:fixed;bottom:90px;right:0;border:none;padding:10px;margin-bottom:10px;margin-right:10px;background:#2f748e;border-radius:5px;color:#eceff1;font-size:20px}@media screen and (max-width:1044px){.nav-bar .oynat{padding:10px 25px}.nav-bar{padding:10px}.nav-li ul{border-bottom:1px solid #8ad7bb}.nav-li ul{display:none;float:none;height:100%}.nav-li ul li{display:block;margin-right:10px;border:none;padding-top:10px;padding-bottom:10px;font-weight:bold;color:#777777;list-style-type:none;text-align:center;width:100%;margin-left:-20px}.nav-li ul li a{border:none;font-size:15px;padding:10px}.nav-li .hizli{font-size:15px;margin-left:0px}.sohbetbar{margin-top:30px;text-align:center}.sohbetbar input{font-size:16px}.sohbetbar button{padding:10px;font-size:16px}.sohbetbar label{margin-left:75px;font-size:14px}.sosyal{margin-top:15px;margin-left:0}.mesajbar{display:none}.headermsg{padding:10px 0px 5px 0px;font-size:13px}.blogbar .baslik{font-size:18px}.blogbar .aciklama{font-size:15px}.blogkonu p{font-size:13px;color:#2B3465;margin:0;text-align:left}.blogkonu .mbaslik{font-size:15px;text-align:left}.blogkonu .maciklama{font-size:13px;text-align:center;color:#f8fbfd}.blogkonu img{width:60px;height:60px;border-radius:50%;margin-top:30px}.blogkonu span{margin-right:16px;font-weight:400;font-size:15px}.blogkonu button{margin-top:15px}.djlist table{border:0}.djlist .tabsmenu{overflow-x:scroll}.djlist ul.tabs li{padding:10px 15px;font-size:15px}.djlist table caption{font-size:1.3em}.djlist table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.djlist table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}.djlist table td{border-bottom:1px solid #ddd;display:block;font-size:11px;text-align:right}.djlist table td::before{/** aria-label has no advantage,it won't be read inside a tablecontent:attr(aria-label);*/content:attr(data-label);float:left;font-weight:bold;text-transform:uppercase;color:#e43858}.djlist table td:last-child{border-bottom:0}.footer img{width:60%}.footer ul{height:auto;margin-left:-20px}.col-blog1{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-blog2{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;text-align:right}.col-blog3{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;text-align:center}.col-footer1{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;text-align:center}.col-footer2{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-radyo1{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;text-align:center;font-size:14px}.col-radyo2{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.sakla{right:auto;left:30px}}@keyframes right{0%{transform:translateX(0)}40%{transform:translateX(10px)}60%{transform:translateX(5px)}100%{transform:translateX(0)}}.tabsmenu::-webkit-scrollbar{width:5px}.tabsmenu{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}.tabsmenu::-webkit-scrollbar-track{background:var(--scrollbarBG)}.tabsmenu::-webkit-scrollbar-thumb{background-color:var(--thumbBG) ;border-radius:6px;border:3px solid var(--scrollbarBG)}