@charset "utf-8";
/*
Theme Name: woovv.com  chic teması
Theme URI: https://livedemo.woovv.com/chic
Author: WoOvv.Com Ali Bozkurt
Author URI: https://woovv.com/
Description: 2021 Ağustos ayında kodlanmaya başlayan wordperss Sohbet teması.
Version: 1.0
License: WoOvv.Com Licence  sohbet teması
License URI: https://livedemo.woovv.com/chic
Tags: chat teması, sohbet teması, sohbet chat, wordperss sohbet teması
Merhaba, woovv.com wordpress sohbet teması ürünlerinden Chic 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.
*/
/* CSS Document */
body{ font-family: 'Quicksand', sans-serif; background: -webkit-linear-gradient(to right, #ff0074, #16ccbb); background: linear-gradient(to right, #ff0074, #16ccbb);  }
h1{font-weight: bold;}
a{-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration: 0.3s;}
.p0{ padding: 0;}
.hed{ min-height: 390px; background: url("images/hed.png") no-repeat; background-position: center top; background-size: cover;}
.logo{position: relative;z-index: 999; margin-top: 10px;}
.mob{ width: 190px; min-height: 100px; margin:auto; text-align:center;}
@media (min-width: 768px) {.mob {width: 290px;} }
@media (min-width: 768px) { .mob { width: 290px;}}
.mob span{ font-weight: bold; font-size: 15px;}
.mob-down{ width: 125px; min-height: 50px; margin-left: 30px; margin-top: 10px; color: #CCC; text-align:center; font-size: 14px;}
@media (min-width: 768px) {.mob-down {width: 205px; margin: auto;} }
.mob-down a{ color: #CCC;}
.mob-down a:hover{ text-decoration: none; color: #999;}
.mob-down-img{float: left; margin-left: 15px; margin-right: 15px;}
.mob-down-img img{margin-bottom: 3px; margin-top: 7px;}
.umen{ width: 250px; min-height: 60px; float: right; margin-top: 13px; padding: 10px; margin-right: -30px;}
@media (min-width: 768px) {.umen {width: 270px;} }
.umen ul{list-style: none;}
.umen ul li { float: left; width: 35px; height: 35px; border-radius: 50%; -webkit-appearance: none; box-shadow: 0 4px 17px rgba(0,0,0,.08); margin-left: 25px; text-align: center; padding-top: 3px; }
.umen ul li:nth-child(1) {background-color: #ff0074; margin-top: 70px; margin-left: 40px;}
@media (min-width: 768px) { .umen ul li:nth-child(1) {margin-left: 25px; margin-top: 1px; }}
.umen ul li:nth-child(2) {background-color: #45e2be;  padding-top: 5px; padding-left: 1px; margin-top: 35px; margin-left: 15px;}
@media (min-width: 768px) { .umen ul li:nth-child(2) {margin-left: 25px; margin-top: 1px; }}
.umen ul li:nth-child(3) {background-color: #5e5d5e; padding-top: 4px; margin-left: 2px; margin-top: -10px;}
@media (min-width: 768px) { .umen ul li:nth-child(3) {margin-left: 25px; margin-top: 1px;}}
.chat{min-height: 500px; background: url("images/cift.png") no-repeat; background-position: left top; margin-top: -205px;}
@media (min-width: 768px) { .chat {background-position: center top; margin-top: -162px;}}
.chat-login{width: 300px; min-height: 350px; margin: auto; margin-top: 160px; text-align: center;}
@media (min-width: 768px) { .chat-login {float: right; margin-top: 185px;}}
.chat-login-tt{font-size: 22px; font-weight: bold; color: #FFF; text-align:right;text-shadow: 0 1px 2px rgba(0,0,0,.2); padding-right: 20px;}
.chat-login-tt span{font-size: 34px; font-weight: bold; color: #000;text-shadow: 0 1px 2px rgba(0,0,0,.9);}
.n-box{ width: 300px; min-height: 85px; margin: auto; background: url("images/nick-box.png") no-repeat; border: none; padding-left: 90px; font-weight: bold; font-size: 20px; outline: none; margin-top: -6px;}
.n-sifre{ width: 300px; min-height: 85px; margin: auto; background: url("images/sifre-box.png") no-repeat; border: none; padding-left: 90px; font-weight: bold; font-size: 20px; outline: none; margin-top: -10px;}
.login{ width: 300px; min-height: 85px; margin: auto; background: url("images/baglan.png") no-repeat; border: none; font-weight: bold; font-size: 24px; outline: none; cursor: pointer;}
.pg-ttle{margin-top: 50px; text-align: center; color: #FFF;}
@media (min-width: 768px) { .pg-ttle {margin-top: -150px;}}
.pg-ttle span{ color:#000; font-weight: bold;}
.pg-ttle p{font-size: 18px;}
.pg-ttle-desc{color:#000;}
.room{ min-height: 350px; margin-top: -120px; background: url("images/heart-bg.png") no-repeat; background-position: left top; padding-top: 310px;}
@media (min-width: 768px) { .room {padding-top: 250px;}}
.pad-lft{padding-left: 13px; margin-top: 10px;}
@media (min-width: 768px) { .pad-lft {padding-left: 153px;}}
.room strong{ font-size: 30px; color: #FFF; margin-left: 1px;}
@media (min-width: 768px) { .room strong {margin-left: 2px;}}
.room-hint{color: #FFF; font-size: 22px;}
.room-hint strong{margin: 0;}
.mobil-room img{margin-top: 60px; margin: auto;}
@media (min-width: 768px) { .mobil-room img {margin-top: 60px; margin-left: -110px;}}
@media (min-width: 768px) { .mobil-room {margin-top: -90px;}}
.oda-box{ width: 170px; min-height: 120px; float: left; margin-top: 10px; margin-right: 15px; background: url("images/odam.png") no-repeat; padding-top: 20px; padding-left: 62px; font-weight: bold; padding-right: 13px; font-size: 20px;}
.oda-box span{ color: #45e2be; }
.oda-box p{ font-size: 12px; font-weight: normal; color: #CCC;}
.mobil-down{width: 300px; min-height: 60px; margin: auto;}
@media (min-width: 768px) { .mobil-down {width: 550px;}}
.mobil-ug{ float: left; margin-right: 15px; margin-left: 20px; width: 240px; min-height: 60px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; color: #FFF; font-size: 22px; line-height: 32px; text-align: center;}
.mobil-ug a{ color: #FFF; font-weight: bold;}
.mobil-ug a:hover{ text-decoration: none; color: #000;}
.room-desc{text-align: center;margin-top: 150px;}
.room-desc-tp{ margin-top: 60px;}
.room-desc-t{ margin-top: -15px; margin-bottom: 25px;}
@media (min-width: 992px) { .room-desc-t {margin-top: 90px;}}
.room-desc strong{ font-size: 30px; color: #FFF;}
.room-desc p{ font-size: 22px; color: #FFF;}
.room-desc span{ font-weight: bold; font-size: 26px;}
.room-desc .hint{ font-size: 16px; color: #000;}
.room-login{ padding: 20px; text-align: center; color: #FFF; background-color: #000; border-radius: 38px; line-height: 50px;}
.bttm-login{margin-top: -10px; margin-bottom: 140px;}
.bttm-login p{ font-size: 22px; color: #FFF;}
.bttm-login span{ font-weight: bold; color: #000; font-size: 26px;text-shadow: 0 1px 2px rgba(0,0,0,.1);}
.user-clm{ margin-top: 50px; color: #FFF; margin-bottom: 70px;}
@media (min-width: 768px) { .user-clm {margin-bottom: 20px;}}
.user-clm img{border: 5px solid #FFF; border-radius: 50%; margin-bottom: 10px; margin-top: 15px;}
.footer{ min-height: 80px; color: #FFF; text-align: left; font-weight: bold; border-top: 1px dashed #FFF; padding-top: 25px; font-size: 14px; padding-left: 20px;}
.footer a{ padding-left: 10px; color: #FFF;}
.page{min-height: 400px;}
.blog-tp{margin-top: 70px; margin-bottom: 150px;}
.blog-tp a{color: #FFF; font-size: 26px; font-weight: bold;}
.blog-tp a:hover{color: #000; text-decoration: none;}
.blog-tp p{font-size: 18px; color: #FFF; padding: 20px;}
.where{min-height: 30px; margin: auto; margin-top: 15px; margin-bottom: 15px; text-align: center; color: #FFF; padding-top: 10px;}
.pag-art{width: 100%; min-height: 40px; margin-top: 50px; margin-bottom: 80px; text-align: center;}
.card-header {padding: .1rem 1rem;margin-bottom: 0;color: inherit;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);}
.breadcrumb {display: -ms-flexbox;display: inline-table;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: .11rem 1rem;margin-bottom: 5px;margin-top: 5px;list-style: none;background: none;}
.breadcrumb li{padding-right: 15px; float: left; color: #FFF;}
.breadcrumb li a{ color: #FFF; font-weight: bold;}
.breadcrumb li a:hover{ color: #000; text-decoration: none;}
.page-post img{text-align: center;}
@media (min-width: 768px) { .page-post img {float: left; margin: 15px;}}
.page-post p{font-size: 20px; color: #FFF; padding: 20px; line-height: 32px; text-align: left;}
.page-login{ margin-top: 50px; margin-bottom: 50px;}
.page-login strong{ color: #FFF; font-weight: bold; font-size: 36px;}
.previous-post{ width: 100%; min-height: 45px; margin-top: 30px; margin-bottom: 30px; text-align: left; color: #000; font-size: 20px; padding-top: 5px;}
.previous-post a{ color: #FFF; font-weight: bold;padding-left: 5px; padding-right: 5px;}
.previous-post a:hover{ color: #000; text-decoration: none;}
.previous-post img{ margin-top: 1px;}
.page-tag{   text-align: left; font-size: 20px;}
.page-tag img{ float: left; margin-top: 1px;}
.page-tag figcaption {font-weight: bold; color: #FFF;}
.page-tag a{border-radius: 4px;background-color: #45e2be;color: #FFF;line-height: 40px;padding: 6px 15px; font-size: 16px; font-weight: bold;-webkit-appearance: none;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
.page-tag a:hover{text-decoration: none; color: #000;}
.post-clm{min-height: 120px; margin-top: 30px; margin-bottom: 30px;padding-top: 15px;}
.editor img{ border-radius: 60%; border: 5px solid #FFF;-webkit-appearance: none;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
.post-in{ color: #FFF; text-align: left; margin-top: 22px; font-size: 14px; font-weight: bold; }
.post-in img{margin: 0px 10px 10px 0px;}
.post-tp{margin-top: 5px;}
.post-in a{ color: #FFF;}
.post-in a:hover{ color: #000; text-decoration: none;}
.benzer-tt strong{color: #FFF; font-size: 22px; font-weight: bold;}
.benzer-post{  min-height: 320px; margin-top: 30px; margin-bottom: 30px; padding: 15px; }
.benzer-post img{ float: none;}
.benzer-post a{color: #FFF; font-weight: bold; font-size: 18px;}
.benzer-post a:hover{color: #000; text-decoration: none;}
.benzer-tp{ margin-top: 85px;}
@media (min-width: 768px) { .benzer-tp {margin-top: 5px;}}
.myorum-clm{width: 100%; min-height: 400px; margin: auto; margin-top: 100px; margin-bottom: 150px;}
@media (min-width: 768px) { .myorum-clm { width: 700px;}}
.myorum-tt{padding: 15px;}
.myorum-tt strong{color: #FFF; font-size: 22px; font-weight: bold;}
.fo {position: fixed; bottom: 0; right: 0;}
.notpage strong{color: #FFF; font-weight: bold; font-size: 24px;}
.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: #404040;line-height: 28px;margin: 15px 0;}
.yorumlarim { width:90%;margin-bottom: 25px; height:100%; border-radius:14px; background-color: #FFF;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
.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: #404040; 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;}
.yorumtarih a {color: #aaaaaa;}
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: #000; }
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: #FFF;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01); }
.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: 95%;  border: none; padding: 15px 10px 30px 15px; margin-top: 10px; border-radius:52px; background: #FFF; outline:none; color:#000;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
#respond input[type='text']{float: left; border: none; border-radius:38px; padding: 8px 7px 8px 7px; margin-right: 10px; margin-left:16px; margin-bottom:20px; width:175px;background: #FFF; outline:none; color:#000;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
#respond input:-moz-placeholder {color: #000;}
#respond input::-webkit-input-placeholder {color: #000;}
#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:80px;margin-bottom:15px;background: #FFF; border: none; outline:none;margin-top:20px;box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
p#yorumgiris {font-size: 13px;}
p.comment-subscription-form {display: none;}
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 5px solid #FFF;padding: 5px 11px;margin: 2px;background-color: #45e2be;border-radius: 50%;color: #FFF;font-weight: bold;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #FFF;background-color: #ff0074;}
.wp-pagenavi span.current {font-weight: bold;}
::-webkit-scrollbar {
	cursor: pointer;
    width: 10px;
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
	cursor: pointer;
    background-color: #ff0074;
	border-radius: 22px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #636263;

}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.isim-kayit{width:95%; min-height:350px; margin:auto;}
@media (min-width: 992px) {.isim-kayit {width:480px; min-height:350px; margin:auto;}}
.kayit-ol-box{width: 95%; min-height: 55px; margin: auto; background-color: #FFF; border-radius: 38px; border: none; outline: none; color: #333; margin-top: 10px; text-align: center;}
.kayit-ol-box-kod{width: 65%; min-height: 55px; margin: auto; background-color: #fff; border-radius: 38px; border: none; outline: none; color: #333; margin-top: 10px; text-align: center;}
.isim-kayit input:-moz-placeholder {
	color: #333;
}
.isim-kayit input::-webkit-input-placeholder {
	color: #333;
}
.isim-kayit .kod-sor{ width: 100%; min-height: 55px; margin: auto; margin-top: 10px;}
.isim-kayit .kod-text{width: 65%; margin-left:-40px;}
.kod-img{float:right; width: 135px; min-height: 55px; background-color: #FFF; margin-right: 20px; margin-top: 12px; border-radius: 38px; padding-top: 10px;}
.reg-hint{ width: 100%; min-height: 40px; margin-top: 30px; font-size: 14px;color: #333; text-align: left; padding-left: 20px;}
.reg-hint img{ margin-top: -3px;}
.reg-hint p{ margin: 0px; font-size:11px;}
.reg-hint a{ color: #333;}
.kayit-tm{ font-size: 26px; margin-top: 12px; color: #5e5d5e !important; font-weight: bold;}