@charset "utf-8";
/*
Theme Name: JRodix-Renkli
Theme URI: https://www.jrodix.com/
Author: JRodix.Com OmerAti
Author URI: https://www.jrodix.com/
Description: JRodix-Renkli Sohbet Teması
Version: 1.0
License: Jrodix Licence  sohbet teması
License URI: https://www.jrodix.com/
Tags: chat teması, sohbet teması, sohbet chat, wordperss sohbet teması
Merhaba, JRodix.Com wordpress sohbet teması ürünlerinden Jrodix wp sohbet temasını kullanıyorsunuz. Destek ve detaylı bilgi için https://www.jrodix.com/ adresine email gönderiniz. Yada skype üzerinden iletişime geçiniz.
*/
body{font-family: 'Comfortaa', cursive;min-height: 700px;background: url("images/bg.png") no-repeat #f1f0ff; background-position: left top; color: #15104d;}
a {text-decoration: none;}
h1{ font-weight: bold;}
h2{ font-weight: bold;}
h3{ font-weight: bold;}
h4{ font-weight: bold;}
h5{ font-weight: bold;}
.logo{margin-top: 5px;text-align: center; margin:auto; }
@media (min-width: 992px) {.logo {padding: 15px; text-align: left; margin-top: 15px; margin-left: -50px;}}
.menu {position: absolute;left: 0;top: 0;padding: 10px;}

@media (min-width: 992px) {.menu {position: relative;margin-top: 8px;padding: 15px;}}
.menu .navbar-collapse {position: fixed;top: -20px;bottom: 0px;left: 0;right: 0;background: #15104d;padding: 35px 15px;z-index: 1000;}
@media (min-width: 992px) {.menu .navbar-collapse {position: relative;background: none;padding: 0px;margin-top: 37px;}}
.menu a {color: #FFF !important;font-weight: 400;}
.navbar-light .navbar-toggler-icon {background: url("images/list.png") no-repeat;}
.bg-light {background: none !important;border-radius: 38px;padding-left: 0px;}
.mn-kapa {position: absolute;right: 20px;top: 70px;}
.u-menu{ margin-top: -5px; min-height: 50px; padding-left: 10px; padding-top: 30px; background: none;}
@media (min-width: 992px) {.u-menu {position: relative;width: 700px; margin-top: -5px; min-height: 150px; padding-left: 100px; background: url("images/menu.png") no-repeat; background-position: left top 20px; padding-top:12px;z-index: 1000;}}
.u-menu a{float:left; margin-left:10px; color:#FFF;}
.u-menu ul li{font-size: 18px; margin-top: 5px; margin-bottom: 5px;}
.chat-login{position: relative; z-index: 500;width: 100%; min-height: 550px;background: url("images/ci.png") no-repeat; background-position: left top -60px; padding-top: 30px;}
@media (min-width: 768px) {.chat-login {position: relative; z-index: 500;width: 600px; min-height: 450px; padding-top: 30px; background: url("images/ci.png") no-repeat; background-position: left top -40px;}}
.chat-login strong{position: relative; width: 270px; min-height: 30px; margin: auto; color: #FFF; margin-top: 75px; font-size: 20px; display: block;text-shadow: 0 2px 4px rgba(0,0,0,.6);}
@media (min-width: 992px) {.chat-login strong {position: absolute; width: 350px; color: #FFF; margin-left: 199px; margin-top: 40px; font-size: 30px;text-shadow: 0 2px 4px rgba(0,0,0,.6);}}
.chat-login strong small{display: none; font-size: 14px; margin-left: 3px; color: #f1f0ff; opacity: 0.8;}
@media (min-width: 992px) {.chat-login strong small {display: block; font-size: 14px; margin-left: 3px; color: #f1f0ff; opacity: 0.9;}}
.chat-login .nav-link.active {color: #ff7a00;}
.chat-login  .nav-link.active:before {position: absolute;width: 18px;height: 18px;border-radius: 50%;background-color: #ff7a00;border: 4px solid #FFF;content: "";margin-left: -22px;margin-top: 0px;z-index:10;color: #FFF;}
.chat-login  .nav-link:before {position: absolute;width: 18px;height: 18px;border-radius: 50%;background-color: #FFF;border: 4px solid #FFF;content: "";margin-left: -22px;margin-top: 0px;
z-index:10;color: #FFF;}
.chat-login .nav-tabs {border-bottom: none;width: 130px;float: right;}
@media (min-width: 992px) {.chat-login .nav-tabs {width: 320px;float: right;margin-right: 80px;}}
.chat-login .nav-link {border: none;background: none !important;border-radius: 38px;color: #FFF;margin-left: 10px;font-size: 12px;padding: 5px 11px;}
.form_clm{width: 320px; min-height: 380px; margin: auto; margin-top: -10px; display: block;}
@media (min-width: 992px) {.form_clm {width: 395px; min-height: 380px; float: right; margin-top: 75px; display: block; margin-right: 35px;}}
.form_clm input::placeholder {color: #FFF;opacity: 1;}
.form_clm input:-ms-input-placeholder {color: #FFF;}
.form_clm input::-ms-input-placeholder {color: #FFF;}
.nick{width: 280px; min-height: 94px; background: url("images/nick.png") no-repeat; border: none; outline: none; padding-left: 90px; padding-top: 18px;}
.sifre{width: 280px; min-height: 94px; margin-top: -25px; background: url("images/sifre.png") no-repeat; border: none; outline: none; padding-left: 90px; padding-top: 18px;}
.baglan{width: 272px; height: 94px; margin: auto; margin-top: -15px; background: url("images/m-baglan.png") no-repeat; border: none; outline: none;}
@media (min-width: 992px) {.baglan {float: right;width: 120px; height: 120px; margin-top: -140px; background: url("images/login-button.png") no-repeat; border: none; outline: none;}}
.nick input{width: 160px; min-height: 56px; border-radius: 38px; background: none; border: none; outline: none; padding-left: 5px;color: #FFF;}
.sifre input{width: 160px; min-height: 56px; border-radius: 38px; background: none; border: none; outline: none; padding-left: 5px;color: #FFF;}

.f-nick{width: 280px; min-height: 94px; background: url("images/f-nick.png") no-repeat; border: none; outline: none; padding-left: 90px; padding-top: 18px;}
.f-sifre{width: 280px; min-height: 94px; margin-top: -30px; background: url("images/f-sifre.png") no-repeat; border: none; outline: none; padding-left: 90px; padding-top: 18px;}
.f-baglan{width: 272px; height: 94px; margin: auto; margin-top: -15px; background: url("images/fm-baglan.png") no-repeat; border: none; outline: none;}
@media (min-width: 992px) {.f-baglan {float: right;width: 120px; height: 120px; margin-top: -140px; background: url("images/f-baglan.png") no-repeat; border: none; outline: none;}}
.f-nick input{width: 160px; min-height: 56px; border-radius: 38px; background: none; border: none; outline: none; padding-left: 5px;color: #FFF;}
.f-sifre input{width: 160px; min-height: 56px; border-radius: 38px; background: none; border: none; outline: none; padding-left: 5px;color: #FFF;}
.or{display: block; margin-left: -15px; margin-top: -10px;}
.title-clm{ margin-top: 30px; padding-left: 15px;}
@media (min-width: 992px) {.title-clm {padding-left: 190px;}}
@media (min-width: 1500px) {.title-clm {padding-left: 10px;}}
.title-clm h1{position: relative; z-index: 500;}
.title-clm h1 span{color: #ff7a00;}
.m-clm{position: relative; z-index: 500; width: 210px; min-height: 75px; margin: auto;}
@media (min-width: 1200px) {.m-clm {position: relative; z-index: 500; width: 460px; min-height: 75px; margin: auto;}}
.m-clm strong{display: block; margin-top: 40px;}
.m-clm-box{width: 200px; min-height: 65px; float: left; margin-right: 30px; margin-top: 20px; background-color: #FFF; border-radius: 38px;box-shadow: rgba(0, 27, 71, 0.2) 0px 20px 52px 0px; padding-top: 20px;}
.img-tp{margin-top: -5px !important;}
.m-clm-box a{color: #333; font-weight: bold;}
.hom-line{position: absolute; margin-left: -195px; margin-top: 105px;}
@media (min-width: 992px) {.hom-line {position: absolute; margin-left: -235px; margin-top: -40px;}}
.room{min-height: 600px; margin-top: 80px; border-radius: 38px; padding: 20px;}
.room h2 small {display: block; opacity: 0.9;}
.room-title {width: 320px; height: 100px; background: url("images/room-title.png") no-repeat; padding-left: 110px; padding-top: 48px; font-size: 18px; font-weight: bold;}
.room-clm{width: 320px; min-height: 300px; margin: auto;}
@media (min-width: 768px) {.room-clm {width: 500px; min-height: 300px; margin:auto;}}
@media (min-width: 1200px) {.room-clm {width: 1050px; min-height: 300px; margin:auto;}}
.room-name{width: 145px; height: 78px; float: left; margin-right: 5px; margin-top: 5px; background: url("images/room-bg.png") no-repeat; padding-left: 60px; padding-top: 23px; font-size: 14px; background-size: contain;}
@media (min-width: 768px) {.room-name {width: 166px; height: 78px; float: left; margin-right: 5px; margin-top: 5px; background: url("images/room-bg.png") no-repeat; padding-left: 68px; padding-top: 27px; font-size: 16px;}}
.room-name span{font-weight: bold;}
.r-cbir{color: #ff6000;}
.r-ciki{color: #8c0056;}
.r-cuc{color: #4f008c;}
.r-cdort{color: #00738c;}
.r-cbes{color: #1c363b;}
.r-calti{color: #fd0083;}
.r-cyedi{color: #685c0b;}
.r-csekiz{color: #dfa100;}
.r-cdokuz{color: #a9001d;}
.r-con{color: #00a8b3;}
.r-conbir{color: #5a5a5a;}
.r-coniki{color: #007c29;}
.r-conuc{color: #7c4900;}
.r-condort{color: #69007c;}
.r-conbes{color: #856c3d;}
.r-conalti{color: #603d85;}
.r-conyedi{color: #2a0055;}
.post_box{width: 300px; min-height: 280px; margin: auto;  margin-top: 0px; margin-bottom: 0px; background: url("images/post_box_bir.png") no-repeat; background-position: left top;}
@media (min-width: 992px) {.post_box {width: 300px; min-height: 300px; float: left;  margin-top: 10px; margin-bottom: 10px; background: url("images/post_box_bir.png") no-repeat; background-position: center;}}
@media (min-width: 1400px) {.post_box {width: 300px; min-height: 300px; float: left; margin-right: 25px; margin-left: 25px; margin-top: 10px; margin-bottom: 10px; background: url("images/post_box_bir.png") no-repeat; background-position: center;}}
.room-wal{position: absolute; margin-top: 170px;}
.post_box:nth-child(2) {background: url("images/post_box_iki.png") no-repeat;}
.post_box:nth-child(3) {background: url("images/post_box_uc.png") no-repeat;}
.post_inf_clm{width: 275px; min-height: 225px; margin: auto; margin-top: 68px; padding: 90px 20px 20px 20px; color: #FFF;}
@media (min-width: 992px) {.post_inf_clm {width: 275px; min-height: 225px; margin: auto; margin-top: 68px; padding: 20px; color: #FFF;}}
.post_inf_clm h4{width:180px; min-height: 20px; margin-top: 20px; margin-left: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 16px; font-weight: bold;}
.post_inf_clm h4 a{color: #FFF;}
.post_inf_clm p{ width: 180px; margin-left: 10px; font-size: 12px;}
.post_img{position: absolute; margin-left: 137px; margin-top: -33px;}
.post_img img{width: 70px; height: 70px; border-radius: 50%; border: 4px solid #FFF;}
.post_box .post_link{display: block; width: 80px; min-height: 30px; background: #d2744b; float: right; margin-right: 18px; margin-top: 55px; text-align: center; border-radius: 38px; font-size: 12px; padding-top: 5px; color: #FFF; font-weight: bold;}
.post_link:hover{color: #FFF; opacity: 0.9;}
.post_box:nth-child(2) .post_link{background: #65a251;}
.post_box:nth-child(3) .post_link{background: #cd4ea9;}
.blog_link {float: right; margin-right: 70px; margin-top: 35px;}
.blog_link a{color: #04c900; font-weight: bold;}
.bot_login{margin-top: 20px;}
.bot_login h4{font-weight: bold; position: relative; z-index: 500;}
.bot_login h4 span{color: #ff7a00;}
.bot_login_clm{position: relative; z-index: 500; width: 280px; min-height: 100px; margin: auto; margin-top: 10px;}
@media (min-width: 992px) {.bot_login_clm {position: relative; z-index: 500; width: 390px; min-height: 100px; margin: auto; margin-top: 10px;}}
.bot_login_clm input::placeholder {color: #FFF;opacity: 1;}
.bot_login_clm input:-ms-input-placeholder {color: #FFF;}
.bot_login_clm input::-ms-input-placeholder {color: #FFF;}
.bt_log{position: absolute; margin-top: -260px; margin-left: 5px;}
@media (min-width: 768px) {.bt_log {position: absolute; margin-top: -210px; margin-left: 60px;}}
@media (min-width: 1200px) {.bt_log {position: absolute; margin-top: -160px; margin-left: 100px;}}
@media (min-width: 1400px) {.bt_log {position: absolute; margin-top: -190px; margin-left: 200px;}}
.footer { min-height: 310px; background: url("images/footer.png") no-repeat; background-position: left bottom;}
.fo-app{ position: absolute; width: 240px; min-height: 100px; left: 210px; margin-top: 130px; font-weight: bold;}
.fo-app h5{ color: #FFF;}
.m-img{width: 120px; min-height: 35px; margin: auto;}
.m-img-clm{float: left; margin-left: 10px; margin-right: 15px;}
.m-ios{margin-top: -3px;}
.fo-tp{margin-top: 270px; color: #FFF; text-align: right; padding-right: 30px;}
.fo-tp a{font-size: 12px; color: #FFF; padding-right: 5px; padding-left: 5px;}
@media (min-width: 768px) {.fo-tp a {font-size: 12px; color: #FFF; padding-right: 10px; padding-left: 10px;}}
.page-title {padding-left: 15px; padding-bottom: 80px;}
@media (min-width: 992px) {.page-title {padding-left: 250px; padding-bottom: 80px;}}
@media (min-width: 1600px) {.page-title {padding-left: 120px; padding-bottom: 80px;}}
.page-title a{color: #ff7a00;}
.nerede {margin-left: 4px; margin-top: 30px; margin-bottom: 30px; color: #ff7a00; font-weight: bold;}
.nerede img {float: left; margin-right: 10px; margin-top: -4px;}
.nerede li {margin-right: 10px;}
.nerede a {color: #04c900;}
.postimg{position: relative; width: 180px; height: 180px; background: url("images/postimg.png") no-repeat; margin: auto; text-align: center; padding-top: 27px;}
@media (min-width: 992px) {.postimg {position: absolute; width: 180px; height: 180px; background: url("images/postimg.png") no-repeat; margin-left: -150px; margin-top: -70px; text-align: center; padding-top: 27px;}}
@media (min-width: 1300px) {.postimg {position: absolute; width: 180px; height: 180px; background: url("images/postimg.png") no-repeat; margin-left: -170px; margin-top: -70px; text-align: center; padding-top: 27px;}}
@media (min-width: 1400px) {.postimg {position: absolute; width: 180px; height: 180px; background: url("images/postimg.png") no-repeat; margin-left: -220px; margin-top: -70px; text-align: center; padding-top: 27px;}}
@media (min-width: 1600px) {.postimg {position: absolute; width: 180px; height: 180px; background: url("images/postimg.png") no-repeat; margin-left: -150px; margin-top: -70px; text-align: center; padding-top: 27px;}}
@media (min-width: 1800px) {.postimg {position: absolute; width: 180px; height: 180px; background: url("images/postimg.png") no-repeat; margin-left: -190px; margin-top: -70px; text-align: center; padding-top: 27px;}}
.post-bg{position: absolute; right: 0; margin-top: -100px;}
@media (min-width: 992px) {.post-bg {position: absolute; right: 0; margin-top: -220px;}}
.pagepost_inf{position: relative; min-height: 150px; margin-top: 130px; z-index: 500; margin-bottom: 50px; }
.pagepost_inf h4{color: #ff7a00; font-weight: bold;}
.pagepost_inf h4 img{margin-top: -2px;}
.tag-title{color: #04c900 !important; margin-top: 50px;}
@media (min-width: 992px) {.tag-title {color: #04c900 !important; margin-top: 0px;}}
.post_inf_link{float: left; margin-right: 5px;}
.post_inf_link a{color: #15104d; font-weight: bold;}
.post_inf_link img{margin-top: -3px;}
.post_inf_link span{margin-left: -10px;display: inline-block;}
.postimg img{width: 118px; height: 118px; border-radius: 50%; margin-left: -8px; border: 8px solid #FFF;}
.onceki-post{position: relative; z-index: 500;}
.onceki-post img{float: left; margin-right: 7px; margin-top: 8px;}
.onceki-post a{color: #ff7a00; font-weight: bold;}
.tag-clm{width: 100%; min-height: 50px;}
.tag-clm a{margin-left: 5px; margin-right: 5px; margin-top: 8px; color: #FFF; background-color:#04c900; display: inline-block; padding: 6px; border-radius: 38px;}
.benzer-clm{min-height: 300px; margin-top: 50px; margin-bottom: 50px;}
.yorum-alan{min-height: 300px; margin-bottom: 150px;}
.blog-post .post_box {background: url("images/post_box_iki.png") no-repeat;}
.blog-post .post_link {background: #65a251;}
.blog-title {padding-left: 15px; padding-bottom: 10px;}
@media (min-width: 992px) {.blog-title {padding-left: 250px; padding-bottom: 10px;}}
@media (min-width: 1600px) {.blog-title {padding-left: 120px; padding-bottom: 10px;}}
.blog-sayfala{width: 100%; min-height: 90px; margin-bottom: 50px;}
.page-kurallar ul{ margin-top: 40px; list-style: none; padding-left: 0px;}
.page-kurallar ul li{ min-height: 50px; border-radius: 38px;background-image: linear-gradient(to left,#251748,#ff7a00); margin-top: 15px; padding: 15px; color: #FFF;}
.page-kurallar .accordion-item{background: none; border: none;}
.page-kurallar .accordion-button{background-image: linear-gradient(to left,#251748,#ff7a00); border-radius: 38px !important; border: none; color: #FFF; font-weight: 500; box-shadow: none; margin-top: 10px;}
.page-kurallar .accordion-button img{margin-right: 5px;}
.page-kurallar .accordion-button:after{background-image:url("images/arrow.png");}
.thumbnail{border:none;border-radius:60%;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
h4.kacyorum {font-weight: bold;font-size: 18px; color: #15104d;line-height: 28px;margin: 15px 0;}
.yorumlarim { width:90%;margin-bottom: 25px; height:100%; border-radius:14px; background-color: #1c134b;}
.yorumlarim a {color: #FFF;}
.yorumavatar {float: left; margin: 15px;}
.yorumavatar img {width: 100px; height: 100px; border-radius:60%;}
.yorumkullanici h3 {font-size :13px; font-weight: bold;color: #FFF; padding-top:15px; text-align:left;}
.yorumkullanici h3  i { float:left;  margin-top:3px; margin-left:30px; padding-right:5px; text-align:left;}
.yorumtarih {margin-top: 10px;margin-bottom: 14px; margin-left:30px; font-size: 10px; text-align:left;}
i.yorumtarihikon {float: left;  width: 16px; height: 16px; display: block; margin-top: 0px; margin-right: 5px;}
.yorumyazi {font-size: 14px;color: #626262;line-height: 24px; padding-right:30px; text-align:left;}
.yorumyazi p { margin-left: 75px; text-indent: 0px; color: #FFF; }
ul.children{ padding:0px 0px 0px 60px !important;}
.yorumlistele li {list-style: none;}
.cevapla {margin-left: 75px; font-size: 12px; margin-top: 5px; margin-bottom:35px;}
i.cevaplaikon {float: left;   width: 16px; height: 16px; display: block; margin-top: 0px; margin-right: 5px;}
em.yorumonay {font-size:12px;}
 .comment-reply-link{border-radius: 15px;color:#FFF;font-weight:bold;text-decoration: none;padding: 5px 10px;font-size: 12px;line-height: 1.5;margin-right:15px;margin-bottom:15px;width:70px;float:right;border:none;background: #1c134b;margin-top: 40px; }
.y-inf{ font-weight: bold;color:#FFF;margin-bottom:7px;}
#respond {overflow: hidden; background:none; padding: 10px; width: 100%;}
#respond h4 {margin-bottom: 15px; font-size: 13px;}
#respond h4 a {color: #FFF;}
#respond .comment {width: 92%; min-height: 200px; display: block; border: none; padding: 15px 10px 30px 15px; margin-top: 10px; border-radius:8px; background: #1c134b; outline:none; color:#FFF;}
#respond input[type='text']{float: left; border: none; border-radius:8px; padding: 8px 7px 8px 7px; margin-right: 10px; margin-bottom:20px; width:175px;background: #1c134b; outline:none; color:#FFF;}
#respond input:-moz-placeholder {color: #FFF;}
#respond input::-webkit-input-placeholder {color: #FFF;}
#respond input[type='submit'] { float:right;border-radius:28px;color:#FFF;font-weight:bold;text-decoration: none;padding: 5px 10px;font-size: 12px; line-height: 1.5;margin-right:90px;margin-bottom:15px;background: #1c134b; border: none; outline:none;margin-top:20px;}
p#yorumgiris {font-size: 13px;}
p.comment-subscription-form {display: none;}
#respond textarea:-moz-placeholder {color: #FFF;}
#respond textarea::-webkit-input-placeholder {color: #FFF;}
.room-h{position: absolute; margin-top: -275px; margin-left: -50px;}
@media (min-width: 768px) {.room-h{position: absolute; margin-top: -265px; margin-left: -130px;}}
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 0px solid #BFBFBF;padding: 3px 10px;margin: 2px;background: #1c134b;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}