@charset "utf-8";
/*
Theme Name: woovv.com  Hallo teması
Theme URI: https://livedemo.woovv.com/hallo
Author: WoOvv.Com Ali Bozkurt
Author URI: https://woovv.com/
Description: 2023 Mart ayında kodlanmaya başlayan wordperss Sohbet teması.
Version: 1.0
License: WoOvv.Com Licence  sohbet teması
License URI: https://livedemo.woovv.com/hallo
Tags: chat teması, sohbet teması, sohbet chat, wordperss sohbet teması
Merhaba, woovv.com wordpress sohbet teması ürünlerinden Hallo wp sohbet temasını kullanıyorsunuz. Destek ve detaylı bilgi için info@woovv.com adresine email gönderiniz. Yada skype üzerinden iletişime geçiniz.
*/
body{font-family: 'Poppins', sans-serif; min-height: 100px; background: #b043ff; color: #FFF; }
h1{font-weight: bold;}
h2{font-weight: bold;}
a {text-decoration:none;}
.main-hed{position:relative; z-index:999;}
.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: #9b33e6;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; padding: 8px; font-size: 1.5rem;}
@media (min-width: 768px) {.menu a {color: #FFF !important;font-weight: 400; padding: 1px; font-size: 1rem; }}
.navbar-light .navbar-toggler-icon {background: url("images/menu.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: 200px; padding-left: 10px; padding-top: 30px; background: none;}
@media (min-width: 1400px) {.u-menu {margin-top: -5px; min-height: 200px; padding-left: 100px; background: url("images/menu-bg.png") no-repeat; background-size:contain; padding-top:15px;}}
.u-menu a{float:left; margin-left:10px; color:#FFF;}
.login-wrap{background: none; min-height: 810px; margin-top: -210px; padding-top: 30px;}
@media (min-width: 992px) {.login-wrap { background: none; min-height: 810px; margin-top: -260px; padding-top: 230px;}}
.login-clm {position:relative; z-index:10; width:100%; min-height:470px;background: url("images/m-new-login.png") no-repeat; background-position:center top; margin-top:3px; padding-top:50px;}
@media (min-width: 992px) {.login-clm {position:relative; z-index:10; width:500px; min-height:400px;background: url("images/new-login.png") no-repeat; background-position:left top 30px; margin-top:50px;padding-top:0px;}}
.login-clm span{ font-size:12px;}
.login-clm img{margin-top:10px; margin-bottom:15px;}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-top: -80px;
}
@media (min-width: 992px) {.nav-tabs .nav-link {margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-top: -70px;}}
.login-clm .nav-link.active {
    color: #FFF;
    background: #65d7a9 !important;
    border-color: #FFF;
    border-radius: 38px;
    font-weight:400;
}

.login-clm  .nav-link.active:before {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #65d7a9;
    border: 3px solid #FFF;
    content: "";
    margin-left: -18px;
    margin-top: 2px;
    z-index:10;
}

.login-clm .nav-tabs {
    border-bottom: none;
    width: 220px;
    margin-left:60px;
}

@media (min-width: 992px) {
    .login-clm .nav-tabs {
        width: 100%;
        margin-left:170px;
    }
}

.login-clm .nav-link {
    border: none;
    background: #583672 !important;
    border-radius: 38px;
    color: #FFF;
    margin-left: 10px;
    font-size: 12px;
    padding: 10px 22px;
}
.get_login{margin-top:55px !important; margin-left:30px;}
@media (min-width: 992px) {.get_login {margin-top:60px !important; margin-left:200px;}}
.surum_name{ display: block;margin-left: 105px; color: #583672; margin-top: 20px;}
@media (min-width: 992px) {.surum_name {margin-left: 100px; color: #583672;}}
.surum_name_klasik { display:block; margin-top: 20px;  margin-left: 115px;color: #583672;}
@media (min-width: 992px) {.surum_name_klasik {margin-left: 90px;color: #583672;}}
.login_nick input{ width:180px; margin-top:20px;background:none; border:none; padding-left:10px; outline:none; border-radius:38px;}
@media (min-width: 992px) {.login_nick input {width:180px; margin-top:32px;background:none; border:none; padding-left:10px; outline:none; border-radius:38px;}}
.login_pass input{ width:180px; margin-top:53px;background:none; border:none; padding-left:10px; outline:none; border-radius:38px;}
@media (min-width: 992px) {.login_pass input {width:180px; margin-top:57px;background:none; border:none; padding-left:10px; outline:none; border-radius:38px;}}
.login_sumbit{ width:90px; height:90px; margin-left:128px; margin-top:49px; border:none; background:none; outline:none; border-radius:38px;}
@media (min-width: 992px) {.login_sumbit {width:110px; height:110px; margin-left:100px; margin-top:35px; background:none; border:none; font-weight:bold; outline:none; border-radius:38px;}}
.wel-start{margin-top:0px;position: relative; z-index: 500;}
.wel-img{position:absolute; left:0px; top:120px; z-index:1;}
.wel-start h1 span{color:#583672;}
.wel-start h2 {color:#583672; margin-bottom:35px; margin-top:25px;}
.wel-start h2 small {font-weight:300;}
.wel-start p{margin-top:40px;}
.m_app{display:block; position:relative; z-index:500; width:200px; min-height:60px; margin:auto; margin-bottom:10px; text-align:center;border-radius:38px; padding:10px; color:#FFF;}
.m_app:hover{ color:#FFF;}
.m_app img{ margin-bottom:5px; border-radius:50%;}

.room-clm{width: 90%; min-height: 400px; margin: auto; margin-top: 80px; background: #9b33e6; border-bottom-left-radius: 38px; border-bottom-right-radius: 38px;margin-bottom: 10px; padding: 20px;}
.room-clm strong{font-size: 20px;}
.g-oda{display: block; width: 165px; font-size: 16px !important; min-height: 45px; margin: auto; border-radius: 0px 38px 38px 38px; background-image: linear-gradient(to bottom,#8923d2,#59168a); text-align: center; padding-top: 10px;}
.g-oda img{margin-top: -2px;}
.room-box { position: relative; clear: both; width: 225px; min-height: 38px; margin:auto; display: block; margin-top: 15px;border-radius: 38px; padding-left: 15px; padding-right: 15px; padding-top: 2px; background: #a630fc; }
.img-left{float: left; margin-right: 4px;}
.img-left-po{margin-top: -8px;}
.img-left-tp{margin-top: 2px;}
.room-sp{position: absolute; font-weight: 500; margin-top: 4px;}
.use-say{position: absolute; right: 0; margin-right: 10px; margin-top: 4px; padding: 4px 6px 4px;background-image: linear-gradient(to bottom,#8923d2,#59168a); border-radius: 38px; text-align: center; font-size: 12px;}
.left-line{position:absolute; left:0px; margin-top:50px;}
.line{position:absolute; left:0px; margin-top:120px;}
@media (min-width: 992px) {.line {position:absolute; right:0px; margin-top:100px; z-index:3;}}
.article-home {padding: 15px; color: #FFF;}
.article-home strong {font-size:20px; display: block; margin: 30px;}
.home-img-left {float: left; margin-right: 20px;}
.home-img-right {float: right; margin-left: 20px;}
.article-home p {padding: 10px;}
.rules h3{width: 250px; height: 60px; background-color: #a630fc; margin: auto; margin-top: 30px; border-radius: 18px; text-align: center; font-size: 18px; padding-top: 12px; font-weight: bold;}
@media (min-width: 768px) {.rules h3 { width: 250px; height: 60px; background-color: #a630fc; margin: auto; margin-top: -60px; border-radius: 18px; text-align: center; font-size: 18px; padding-top: 12px; font-weight: bold;;}}
.rules-box{ width: 90%; min-height: 120px; margin: auto; display: block; margin-top: 80px; background: #a630fc; border-radius: 0px 38px 38px; padding: 15px;}
.rules-box strong{position: absolute; display:block; width: 140px; min-height: 44px; margin-top: -65px;background-image: linear-gradient(to bottom,#8923d2,#59168a); margin-left: 20px; text-align: left; padding-top: 8px; border-radius: 0px 38px 38px; padding-left: 15px; font-weight: 400;}
.rules-box strong img{margin-top:-3px;}
.rules-box a{position: relative; width: 72px; min-height: 32px; float: right; display: block; text-align: center; margin-top: -20px; background-image: linear-gradient(to bottom,#8923d2,#59168a);border-radius: 0px 38px 38px; margin-right: 15px; font-size: 12px; color: #FFF; padding-top: 6px; }
.rules-box a img{margin-top: -1px; }
.left-he::after{position: absolute; content: url("../images/left-he.png"); width: 179px; height:148px; margin-top: -97px; display: none; }
@media (min-width: 1300px) {.left-he::after {position: absolute; content: url("../images/left-he.png"); width: 179px; height:148px; margin-top: -97px; display: inline-block;}}
.hom-blog-clm{min-height: 180px; margin-top: 50px;}
.hom-tp{margin-top: 20px;}
.blog-clm{width: 315px; min-height: 150px; margin: auto; background: url("images/blog-box-bg.png") no-repeat #9b33e6; background-position: right bottom 1px; border-radius: 0px 38px 38px;-webkit-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.73); -moz-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.73);box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.73);border: 10px solid #a630fc; margin-top: 30px;}
@media (min-width: 1200px) {.blog-clm { width: 340px; min-height: 150px; margin: auto; background: url("images/blog-box-bg.png") no-repeat #9b33e6; background-position: right bottom 1px; border-radius: 0px 38px 38px;-webkit-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.73); -moz-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.73);box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.73);border: 10px solid #a630fc; margin-top: 30px;}}
.blog-img {width: 125px; height: 125px; border-radius: 0px 50% 50%; background: #a630fc; margin-left: -10px; margin-right: 7px; margin-top: -10px;float: left; text-align: center; padding-top: 13px;}
.blog-img img{width: 100px; height: 100px; border-radius:50%;}
.blog-post-title{float: left; width: 153px; min-height: 130px; padding-top: 10px; text-align: left;}
@media (min-width: 1200px) {.blog-post-title {float: left; width: 193px; min-height: 130px; padding-top: 10px; text-align: left;}}
.blog-post-title h5{width: 173px; height: 20px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
@media (min-width: 1200px) {.blog-post-title h5 {width: 183px; height: 20px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}}
.blog-post-title p{font-size: 12px;}
.blog-post-title a{color: #FFF !important;}
@media (min-width: 1200px) {.blog-post-title p {font-size: 13px;}}
.post-comm{width: 95px; min-height: 24px; margin-top: 26px; font-size: 11px;}
@media (min-width: 1200px) {.post-comm {width: 95px; min-height: 24px; margin-top: 23px; font-size: 11px;}}
.post-comm img{margin-right: 4px; margin-top: -1px;}
.blog-post-title .post-link{float: right; margin-top: -22px; font-size: 12px; color: #8a26d3; font-weight: 500; margin-right: -12px;}
@media (min-width: 1200px) {.blog-post-title .post-link {float: right; margin-top: -22px; font-size: 13px; color: #8a26d3; font-weight: 500;margin-right: 0px;}}
.c-hearts {width: 200px;height: 480px;position: fixed; bottom:0;right: 20%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); display: none; z-index: 999;}
@media (min-width: 768px) {.c-hearts { bottom: -200px; display: block;}}
.c-hearts .particle {width: 45px;height: 45px;opacity: 1;position: absolute;bottom: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.c-hearts .particle i {position: absolute;left: 0;top: 0;opacity: 0.3;}
.c-hearts .particle i.ion-heart {z-index: 1;opacity: 0.8;}
.c-hearts .colOne {color: #955bd0;}
.c-hearts .colTwo {color: #f55d02;}
.c-hearts .colThree {color: #7000e3;}
.c-hearts .colFour {color: #000;}
.c-hearts .colFive {color: #360f5f;}
.c-hearts .colSix {color: #bf80ff;}
@-webkit-keyframes flowOne {0% {opacity: 0;bottom: 0;left: 35%;}40% {opacity: 0.8;}50% {opacity: 1;left: 45%;}60% {opacity: 0.2;}80% {bottom: 80%;}100% {opacity: 0;bottom: 100%;left: 68%;}}
@keyframes flowOne {0% {opacity: 0;bottom: 0;left: 35%;}40% {opacity: 0.8;}50% {opacity: 1;left: 45%;}60% {opacity: 0.2;}80% {bottom: 80%;}100% {opacity: 0;bottom: 100%;left: 68%;}}
@-webkit-keyframes flowTwo {0% {opacity: 0;bottom: 0;left: 45%;}40% {opacity: 0.8;}50% {opacity: 1;left: 61%;}60% {opacity: 0.2;}80% {bottom: 60%;}100% {opacity: 0; bottom: 80%;left: 45%;}}
@keyframes flowTwo {0% {opacity: 0;bottom: 0;left: 45%;}40% {opacity: 0.8;}50% {opacity: 1;left: 61%;}60% {opacity: 0.2;}80% {bottom: 60%;}100% {opacity: 0;bottom: 80%; left: 45%;}}
@-webkit-keyframes flowThree {0% {opacity: 0;bottom: 0;left: 45%;}40% {opacity: 0.8;}50% {opacity: 1;left: 25%;}60% {opacity: 0.2;}80% {bottom: 70%;}100% {opacity: 0; bottom: 90%;left: 45%;}}
@keyframes flowThree {0% {opacity: 0;bottom: 0;left: 45%;}40% {opacity: 0.8;}50% {opacity: 1;left: 25%;}60% {opacity: 0.2;}80% {bottom: 70%;}100% {opacity: 0;bottom:90%; left: 45%;}}
.footer {min-height:500px; background: url("images/footer-bg.png") no-repeat; background-position:left bottom; padding-top: 30px;}

.fo-login { width: 600px; position: fixed; right:0; bottom:-55px; z-index:2000; min-height:400px; background: url("images/fo-login-bg.png") no-repeat; display: none;}
@media (min-width: 992px) {.fo-login { width: 600px; position: fixed; right:0; bottom:-5px; z-index:2000; min-height:400px; background: url("images/fo-login-bg.png") no-repeat; display: block;}}
.fo-login-box{ width: 385px; min-height: 200px; margin-top: 180px; float: right; margin-right: 20px;}
.fo-login-box h5{ margin-left: 100px;}
.nick-or-pass {float: left; margin-right: 15px;}
.fo-nick{position: relative; display: block; width: 304px; min-height: 80px;background: url("images/fo-nick.png") no-repeat; border: none; outline: none; padding-left: 85px; }
.fo-nick input{position: relative; width: 160px; min-height: 40px;background:none; border: none; outline: none; margin-top: 20px; }
.fo-pass input{position: relative; width: 160px; min-height: 40px;background:none; border: none; outline: none; margin-top: 20px; }
.fo-pass{position: relative; display: block; width: 304px; min-height: 80px;background: url("images/fo-pass.png") no-repeat; border: none; outline: none; padding-left: 85px; }
.fo-log{position: absolute; width: 150px; min-height: 100px; margin-left: -55px; margin-top: 16px; background: url("images/fo-log.png") no-repeat; border: none; outline: none; }
.fo-comm ul { list-style: none; padding: 0px; margin-top: 20px; }
.fo-comm ul li { min-height: 40px; margin-top: 10px; background: #9c31eb; border-radius: 38px;padding-top: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fo-comm ul li a { color: #FFF; padding: 6px; margin: auto;}
.f-sclmn{width: 180px; min-height: 40px; margin: auto;}
.f-s{ float: left; margin-top: 20px; margin-left: 20px;}
.fo-text{font-size:12px;}
.fo-text-p{margin-top: 20px;}
.f-tak{font-size: 12px; padding-top: 60px;}
.fo-tp{margin-top: 120px;}
.page-img{position:absolute; left:0px; top:110px; z-index:1;}
@media (min-width: 992px) {.page-img { position:absolute; left:0px; top:120px; z-index:1;}}
.page-login{ position: relative; display: block; width: 310px; min-height:130px; margin-top: -80px !important; margin: auto; text-align: left; z-index: 500;}
@media (min-width: 992px) {.page-login { position: relative; display: block; width: 700px; min-height:130px; margin-top: -40px !important; float: left; margin-left: 30px; text-align: left; z-index: 999;}}
@media (min-width: 1200px) {.page-login { position: relative; display: block; width: 700px; min-height:130px; margin-top: -40px !important; float: left; margin-left: 150px; text-align: left; z-index: 999;}}
@media (min-width: 1600px) {.page-login { position: relative; display: block; width: 700px; min-height:130px; margin-top: -40px !important; float: left; margin-left: 70px; text-align: left; z-index: 999;}}
.page-login strong{display: block; font-size: 25px; margin-left: 30px;}
.page-login strong small {font-weight: normal; font-size: 12px; opacity: 0.9; display: block;}
.page-login .fo-login-box {width: 310px;min-height: 130px; margin: auto; margin-top: 1px;}
@media (min-width: 992px) {.page-login .fo-login-box { width: 685px;min-height: 130px;margin-top: 1px;float:left;}}
.page-login .nick-or-pass{float: left; margin-left: 15px;}
.page-login .fo-nick{float: left; margin-left: 1px; display: inline-block;}
.page-login .fo-pass{position: relative; z-index: 999; float: left; margin-left: 1px; display: inline-block;}
.page-login .nick-or-pass .fo-log{position: absolute; width: 200px; min-height: 220px; right: 0; margin-top: -70px; margin-right: -20px; background: url("images/page-but.png") no-repeat; border: none; outline: none; }
@media (min-width: 992px) {.page-login .nick-or-pass .fo-log {position: absolute; width: 150px; min-height: 100px; right: 0px; margin-top: 16px; background: url("images/fo-log.png") no-repeat; border: none; outline: none;}}
.page-bg{position: absolute; right: 0; margin-top: -400px;}
@media (min-width: 992px) {.page-bg {position: absolute; right: 0; margin-top: -200px;}}
.page-title { margin-top: 160px; min-height: 300px; padding-bottom: 100px; padding-left: 15px;}
@media (min-width: 1200px) {.page-title { position: relative; margin-top: 55px; min-height: 300px; padding-bottom: 100px; padding-left: 120px; z-index: 500;}}
.page-title h1 {font-size: 2rem; text-align: center;}
@media (min-width: 1200px) {.page-title h1 {text-align: left;}}
.page-title a {color: #583672;}
.post_inf{margin-top: 20px; margin-bottom: 30px;}
.post_inf_clm{float: left; margin-left: 15px; margin-bottom: 20px; font-size: 14px;}
.post_inf_clm img {margin-top:-2px; margin-right: 2px;}
.post_inf_clm a {color: #fff;}
.post_inf_clm a:hover {color: #fff; text-decoration: none;}
.post_im{position: relative; width: 300px; min-height: 300px; margin: auto; background: url("images/post_bg.png") no-repeat; background-position: center top;  margin-top:30px; margin-bottom: 30px;text-align: center; padding-top: 35px; padding-left: 28px;}
@media (min-width: 1200px) {.post_im {position: absolute; width: 300px; min-height: 300px; background: url("images/post_bg.png") no-repeat; right: 0; margin-top:-310px; text-align: center; padding-top: 35px; padding-left: 28px;}}
.post_im img {width: 180px; height: 180px; border-radius: 50%;-webkit-box-shadow: 0px 11px 26px -1px rgba(176,67,255,1);-moz-box-shadow: 0px 11px 26px -1px rgba(176,67,255,1);box-shadow: 0px 11px 26px -1px rgba(176,67,255,1);}
.before-post{width: 100%; min-height: 30px; margin-top: 20px; margin-bottom: 20px; padding-left: 15px;}
.before-post img{float: left; margin-right: 5px; margin-top: -2px;}
.before-post a {font-weight: bold; font-size: 18px;color: #583672;}
.post-tag {width: 100%; min-height: 30px; margin-top: 18px; margin-bottom: 30px;}
.post-tag strong{ margin-bottom: 5px; margin-right: 5px;}
.post-tag a{margin-top: 5px; margin-bottom: 5px; padding: 6px; background-color: #583672; border-radius: 38px; color: #FFF; margin-right: 5px; display: inline-block; font-size: 14px;}
.similar-post{margin-top: 40px; margin-bottom: 40px;min-height: 100px;}
.similar-post h4 {max-width: 700px; margin: auto; margin-bottom: 40px;}
.post_yorum{min-height: 400px; margin-top: 80px; margin-bottom: 80px;}
.post_yorum h4 {max-width: 700px; padding-left: 20px; text-align: left;}
.page-kurallar ul{ margin-top: 40px; list-style: none; padding-left: 0px;}
.page-kurallar ul li{ min-height: 50px; border-radius: 38px;background: #8823d2; margin-top: 15px; padding: 15px;}
.page-sss .ic-uc-clm{width: 280px;}
.page-sss .accordion-item{background: none; border: none;}
.page-sss .accordion-button{background: #8823d2; border-radius: 38px !important; border: none; color: #FFF; font-weight: 500; box-shadow: none; margin-top: 10px;}
.page-sss .accordion-button img{margin-right: 5px;}
.page-sss .accordion-button:after{background-image:url("images/arrow.png");}
.blog_list{margin-bottom: 50px;}
.page-next{margin-top: 50px; margin-bottom: 50px; padding-left: 30px;}
.sad_img {margin-top: 80px; text-align: center;} 
@media (min-width: 1200px) {.sad_img {margin-left: 200px; margin-top: 80px; text-align: left;}}
.sad_link{display: block; width: 200px; min-height: 50px; background: #8823d2; text-align: center; color: #FFF !important; font-weight: bold; font-size: 20px;padding-top: 8px; border-radius: 38px; margin: auto; margin-top: 40px;}
@media (min-width: 1200px) {.sad_link {display: block; width: 200px; min-height: 50px; background: #8823d2; text-align: center; color: #FFF !important; font-weight: bold; font-size: 20px;padding-top: 8px; border-radius: 38px; margin-left: 230px; margin-top: 40px;}}
.frm-in{width: 90%; background-color: #FFF;border: none; outline: none; min-height: 60px; margin-top: 15px; border-radius: 38px; display: block; padding: 15px;}
@media (min-width: 992px) { .frm-in{width: 500px; background-color: #FFF;border: none; outline: none; min-height: 60px; margin-top: 15px; border-radius: 38px; display: block; padding: 15px; }}
.send-msj{width: 90%; min-height: 150px; background: #FFF; margin-top: 20px; margin-bottom: 20px; border-radius: 38px; border: none; outline: none; padding: 20px;}
@media (min-width: 992px) { .send-msj{width: 700px; min-height: 150px; background: #FFF; margin-top: 20px; margin-bottom: 20px; border-radius: 38px; border: none; outline: none; padding: 20px; }}
.send-email{display: block; width: 130px; height: 60px;border-radius: 38px; border: none; outline: none; background-color: #8823d2; color: #FFF; font-weight: bold;}
.page-odalar .nav-link.active {color: #FFF;background: #ff42bf !important;border-color: #FFF;border-radius: 38px;}
.post_yorum{min-height: 400px; margin-top: 80px; margin-bottom: 80px;}
.post_yorum h4 {max-width: 700px; margin: auto;}
.post_yorum h5 {max-width: 700px; text-align: left;}
.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: #FFF;line-height: 28px;margin: 15px 0;}
.yorumlarim { width:90%;margin-bottom: 25px; height:100%; border-radius:14px; background-color: #8823d2;}
.yorumlarim a {color: #404040;}
.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: #8823d2;margin-top: 40px; }
.y-inf{ font-weight: bold;color:#000;margin-bottom:7px;}
#respond {overflow: hidden; background:none; padding: 10px; width: 100%;}
#respond h4 {margin-bottom: 15px; font-size: 13px;}
#respond h4 a {color: #D45255;}
#respond .comment {width: 92%; min-height: 200px; display: block; border: none; padding: 15px 10px 30px 15px; margin-top: 10px; border-radius:8px; background: #8823d2; 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: #8823d2; 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:#000;font-weight:bold;text-decoration: none;padding: 5px 10px;font-size: 12px; line-height: 1.5;margin-right:90px;margin-bottom:15px;background: #8823d2; 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: #8823d2;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}