@charset "utf-8";
/*
Theme Name: woovv.com  heart sohbet teması
Theme URI: https://woovv.com/heart
Author: WoOvv.Com Ali Bozkurt
Author URI: https://woovv.com
Description: 2018 Mayıs ocak kodlanmaya başlayan wordperss Sohbet teması.
Version: 1.0
License: WoOvv.Com Licence  sohbet teması
License URI: https://woovv.com/licenses/heart
Tags: chat teması, sohbet teması, sohbet chat, wordperss sohbet teması
Merhaba, woovv.com wordpress sohbet teması ürünlerinden heart 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.
*/
/* Başlıklar */
h1{font: bold 30px/35px 'Comfortaa',cursive;color: #000;}
h2{font: 24px/24px 'Comfortaa',cursive;color: #000;}
h3{font: 22px/26px 'Comfortaa',cursive;color: #000;}
h4{font: bold 20px/20px 'Comfortaa',cursive;color: #000;}
h5{font: 18px/18px 'Comfortaa',cursive;color: #000;}
body{  background: url(images/bg.png) no-repeat;  border-top: 4px solid #dd3f77;}
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;}
.logo{margin-top: 25px;}
.menu{ margin-top: 1px;font-family: 'Comfortaa',cursive;}
.menu ul{list-style: none;}
.menu ul li{float: left; margin-left: 25px; min-height: 25px; color: #FFF; font-size: 16px;}
.menu ul li a{color: #FFF;}
.menu ul li a:hover{color: #000; text-decoration: none;}
.bg-light {background-color: #e6007e !important;}
@media (min-width: 768px) {
 .bg-light {background-color: transparent !important;}
}
.chat{width: 100%; min-height: 565px; margin: auto; margin-top: 10px; margin-bottom: 20px; background: url(images/mo.png) no-repeat; padding-top: 20px; padding-left: 5px; background-size: contain;}
@media (min-width: 768px) {
 .chat {width: 420px;padding-left: 25px;margin-top: -40px;background: url(images/chat.png) no-repeat;padding-top: 75px;}
}
.gif{position: absolute; margin-top: -150px; margin-left: 250px;}
.start{margin-top: 70px;font-family: 'Comfortaa',cursive;}
.start h1{font: bold 55px/50px 'Comfortaa',cursive;color: #000;}
@media (min-width: 1200px) {
 .start h1 {font: bold 60px/65px 'Comfortaa',cursive;color: #000;}
}
@media (min-width: 992px) {
 .start h1 {color: #FFF;}
}
.chat-login{width: 100%; min-height: 565px; border-radius: 12px; padding-top: 12px;}
@media (min-width: 768px) {
 .chat-login{width: 360px;}
}
.chat-login p{font-size: 11px; color: #000;}
.mobil-top{margin-top: -30px;}
.chat-left{float: left; margin-left:15px; border: none; font-size: 16px; background: none; outline: none;}
.chat-ust{margin-top: 2px;}
.chat-login span{color: #e6007e; font-size: 38px; font-weight: bold; margin-left: -25px;}
.chatbox{width: 300px; min-height: 65px; margin: auto; background-color: #FFF; margin-top: 20px; padding-top: 16px; padding-left: 15px;box-shadow: 0 10px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01); border-radius: 12px;}
.c{margin-top: -15px;}
.baglan{width: 300px; min-height: 65px; margin: auto; margin-top: 25px; margin-bottom: 30px; border-radius: 14px; background-color: #e6007e;box-shadow: 0 15px 55px -16px #e6007e;}
.bagla{ width: 100%; min-height: 65px; background: none; border: none; color: #FFF; font-size: 20px; outline: none; cursor: pointer; font-weight: bold;}
.or{width: 100px; height: 100px; margin: auto; background: url(images/or.png) no-repeat; text-align: center; padding-top: 30px; color: #CCC; font-size: 12px;}
.mobil-box{width: 220px; min-height: 60px; margin: auto; border-radius: 38px; background-color: #d2ddf3;  color: #FFF; font-weight: bold;}
@media (min-width: 1200px) {
 .mobil-box {width: 250px;margin-left:20px;}
}
@media (min-width: 992px) {
 .mobil-box {float: left; margin-left: 40px;}
}
.mobil-box img{float: left; margin-left: 20px; margin-top: 13px;}
.mobil-box span{float: left; font-size: 14px; line-height: 58px; margin-left: 10px;}
@media (min-width: 992px) {
.mobil-box span {line-height: 30px;}
}
.mobil-box a{color: #FFF;}
.mobil-box a:hover{opacity: 0.9; text-decoration: none;}
.blog-home{width: 320px; min-height: 600px; margin: auto;}
.blog-home-title{width: 320px; min-height: 50px; margin: auto; text-align: center; color:#e6007e;}
.bl-color{color: #4a3aab;}
.blog-home-title h2{color:#e6007e; font-weight: bold;}
.blog-home-box{width: 320px; min-height: 94px; margin: auto; margin-top: 22px; margin-bottom: 15px; text-align: left; font-size: 11px;}
.blog-home-left{float: left; margin-left:10px; }
.blog-home-left img{margin-right: 6px; border-radius: 2px;}
.blog-home-box a{color: #f00284; font-size: 15px;}
.blog-home-box a:hover{text-decoration: none; color: #CCC;}
.blog-home-box p{padding-top: 4px; font-size: 13px;}
.blog-home-box-title{ float: left; width: 182px; min-height: 21px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ortareklam{width: 300px; min-height: 600px; margin: auto; margin-top: 50px; margin-bottom: 60px; background-color: aliceblue;}
@media (min-width: 768px) {
 .ortareklam {margin-bottom: 2px;}
}
.mirc{padding: 10px;}
.mirc a{color: #666; font-size: 18px;}
.page-content{ position: relative; z-index: 999; min-height: 920px; border-radius: 22px; background-color: #FFF;box-shadow: 0 10px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01); margin-top: 50px; padding-top: 60px; }
.home_kategori{width: 300px; height: 205px; margin: auto; margin-top: 10px; margin-bottom: 45px; overflow: auto;}
.home_kategori::-webkit-scrollbar { width: 0 !important }
.home_kategori ul{list-style: none;}
.home_kategori ul li{ width: 100%; text-align: center; min-height: 35px; margin-left: -20px; font-size: 22px;color: #4a3aab;}
.home_kategori ul li a{color: #4a3aab;}
.home_kategori ul li a:hover{text-decoration: none; opacity: 0.9;}
.soru{margin-bottom: 60px;}
@media (min-width: 768px) {
 .soru {margin-bottom: 10px;}
}
.card-header {
    padding: 0.25rem 0.25rem;
    margin-bottom: 0;
    background-color:#FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
	border: none;
}
.home-komut-box{width: 100%; min-height: 300px; margin: auto; margin-top: 10px; margin-bottom: 10px;}
.home-komut{background-color: #4a3aab; color: #FFF;}
.home-soru{background-color: #e6007e; color: #FFF;}
.btn-link {
    font-weight: 400;
    color: #4a3aab;
    background-color: transparent;
}
.btn-link:hover{text-decoration: none;}





.footer-ust{min-height: 660px; background: url(images/footer-ust.png);border-top: 4px solid #fb048b; margin-top: -50px; padding-top: 90px; text-align: center;}
@media (min-width: 992px) {
.footer-ust {min-height: 475px;}
}
.footer-ust span{color:#fb048b; font-weight: bold;}
.footer-ust h3{font-size: 35px; line-height: 40px;}
.footer-chat{width: 100%; min-height: 100px; margin: auto; margin-top: 15px; margin-bottom: 15px;}
@media (min-width: 992px) {
.footer-chat {width: 800px;}
}
.footer-chat-box{width: 280px; min-height: 55px; border-radius: 38px; margin: auto; margin-top: 20px; margin-bottom: 10px; background-color: #FFF;}
@media (min-width: 992px) {
.footer-chat-box {float: left; margin-right: 20px;}
}
.footer-chat-bagla{width: 200px; min-height: 55px; margin: auto; border-radius: 38px;background-color: #e6007e;margin-top: 20px;}
@media (min-width: 992px) {
.footer-chat-bagla {float: left;}
}
.footer-chat-img{float: left; margin-top: 11px; margin-left: 15px;}
.footer-chat-ust{margin-top: 11px;}
.footer-chat-box input:-moz-placeholder {color: #CCC;}
.footer-chat-box input::-webkit-input-placeholder {color: #CCC;}
.chat-start{ width: 100%; min-height: 50px; background: none; border: none; color: #FFF; font-size: 20px; outline: none; cursor: pointer; font-weight: bold;}
.footer-alt{min-height: 350px; margin-top: -15px; background: url(images/footer_alt.png) no-repeat center 0 #FFF; color: #CCC; text-align: center; padding-top: 110px;-moz-box-shadow: inset 0 0.2em 0.04em rgba(0, 0, 0, 0.2), inset 0 0.2em 0.4em rgba(0, 0, 0, 0.3), 0 0 3em rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0.2em 0.04em rgba(0, 0, 0, 0.2), inset 0 0.2em 0.4em rgba(0, 0, 0, 0.3), 0 0 3em rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0.2em 0.04em rgba(0, 0, 0, 0.2), inset 0 0.2em 0.4em rgba(0, 0, 0, 0.3), 0 0 3em rgba(255, 255, 255, 0.1);border-bottom: 6px solid #fb048b;}
.footer-alt a{font-size: 17px; color: #bdbdbe; padding-right: 15px;}
.footer-alt a:hover{color: #e6007e; text-decoration: none;}
::-webkit-scrollbar {
    width: 10px;
    background-color: #eaeaea;

 
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #e5007e;
	border-radius: 22px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #9bafd6;

}

.footer-serch{width: 300px; min-height: 60px; margin: auto; margin-top: 35px; margin-bottom: 30px; border-radius: 38px; background-color: #FFF;box-shadow: 0 15px 55px -16px #CCC; padding-top: 12px;font-family: 'Comfortaa',cursive; font-size: 12px;}
input {outline: none;}
input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none;}
input[type=search] {background: #FFF url(images/search.png) no-repeat 9px center;padding: 9px 10px 9px 42px;width: 150px;-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;border: none;	}
input[type=search]:focus {width: 150px;background:#FFF;}
input:-moz-placeholder {color: #000;}
input::-webkit-input-placeholder {color: #000;}
.s-medya{width: 300px; min-height: 32px; margin: auto; margin-top: 28px;}
.s-medya-img{float: left; margin-right: 13px;}
.footer-mobil{width: 220px; min-height: 80px; margin: auto; margin-top: 35px;}
.footer-mobil-img{ width: 85px; min-height: 85px; padding-top: 10px; float: left; margin-right: 25px; border-radius: 60%;}
.mobil-ust{padding-top: 8px;}
.page{min-height: 300px; margin-top: 50px;}
.page-ic{min-height: 800px; background-color: #FFF; padding-top: 25px; border-radius: 38px; z-index: 999;box-shadow: 0 10px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01); margin-top: 20px; padding-bottom: 60px;}
.nerede{width: 100%; min-height: 40px; margin: auto; margin-top: 5px; margin-bottom:5px;text-align:left; font-size: 12px; color: #000;}
.breadcrumb {padding: 10px 5px;margin-bottom: 2px;list-style: none;background:none;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li a {display: inline-block;color:#000;}
.breadcrumb > li a:hover {text-decoration:none;opacity:0.9;}
.breadcrumb > li + li:before {height:100px;padding: 0 5px;color: #CCC;content: '/';}
.breadcrumb > .active {color: #CCC;}
.blog-box{width: 100%; min-height: 365px; margin: auto; margin-top: 25px; margin-bottom: 35px;}
@media (min-width: 768px) {
.blog-box {min-height: 185px; }
}
.blog-box img{ text-align: center; margin-right: 20px; border-radius: 4px;}
@media (min-width: 768px) {
.blog-box img {float: left;}
}
.blog-box a { color: #f00284;font-size: 20px;}
.blog-box a:hover{text-decoration: none; color: #CCC;}
.blog-box p{font-size: 13px; padding-top: 10px;}
.blog-box span {font-size: 12px; margin-right: 15px; float: left; line-height: 15px;}
.blog-box span img{margin-right: 5px;}
.sayfala{width: 100%; min-height: 40px; margin: auto; text-align: center; margin-top: 50px;}
.aside-box{width: 100%; min-height: 550px; margin: auto; margin-top: 20px; margin-bottom: 70px;border-radius: 14px; background-color: #FFF; padding-top: 30px;}
@media (min-width: 992px) {
.aside-box {width: 350px;margin-left: 25px;}
}
.aside-search{ margin: auto; width: 300px; margin-bottom: 60px;}
@media (min-width: 992px) {
.aside-search {width: 330px;margin-left: 30px;}
}
.aside-box h4{color: #e6007e; margin-bottom: 25px;}
.aside-post{margin-top: 5px; margin-bottom: 5px; min-height: 75px;}
.aside-post a:hover{color: #FFF;}
.aside-reklam{width: 320px; height: 130px; margin: auto; margin-top: 30px; margin-bottom: 30px; border: 1px solid #CCC; text-align: left;}
@media (min-width: 992px) {
.aside-reklam {margin-left: 40px;}
}
.aside-reklam span{font-size: 9px; text-align: left;}
.aside-kategori{width: 320px; min-height: 230px; margin: auto; margin-top: 60px; margin-bottom: 60px;color: #4a3aaa;}
@media (min-width: 992px) {
.aside-kategori {margin-left: 40px;}
}
.aside-kategori h4{color: #4a3aaa;}
.aside-kategori ul{list-style: none;}
.aside-kategori ul li{min-height: 30px; margin-top: 8px; text-align: center; margin-left: -45px;font-family: 'Comfortaa',cursive; font-size: 20px;}
.aside-kategori ul  li a{color: #4a3aaa;}
.aside-kategori ul li a:hover{color: #e6007e; text-decoration: none;}
.aside-300{width: 300px; height: 280px; margin: auto; border:1px solid #CCC; margin-left: 55px; text-align: left;}
.aside-300 span{text-align: left; font-size: 9px;}
.bg{background: url(images/page-chat.png) no-repeat;}

.ic-page p{color: #666;}
.page-box{width: 300px; min-height: 60px; margin: auto; background-color: #4a3aab; border-radius: 4px; color: #FFF; text-align: left; padding-top: 12px; padding-left: 15px; font-size: 22px; line-height: 2px; margin-top: 40px; margin-bottom: 20px;}
@media (min-width: 992px) {
.page-box {margin-left: 55px;}
}
.page-box img{ float: left; margin-right: 10px;}
.page-box a{color: #FFF;}
.page-renk{background-color: #e6007e;}

.page-renk-mobil{background-color: #a7b7d8;}
.page-renk-chat{background-color: #000;}
.page-boxalt{min-height: 100px;}
@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;
  }
}
.page-search{width: 100%; min-height: 75px; margin-top: 30px; padding-left: 30px; padding-top: 15px; margin-bottom: 90px; border-radius: 38px;box-shadow: 0 10px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.01);}
.onceki-yazi{width: 100%; min-height: 30px; margin-top: 20px; margin-bottom: 20px; text-align: left;padding: 10px; font-size: 18px; color: #4a3aab;font-family: 'Comfortaa',cursive; }
.onceki-yazi img{margin-right: 5px;}
.onceki-yazi a{color: #e6007e; font-weight: bold;}
.page-inf{min-height: 50px; margin-top: 50px; margin-bottom: 30px; font-size: 11px; line-height: 25px; }
.page-inf a{color: #CCC; font-weight: bold; font-size: 13px;}
.page-inf-top{margin-top: 10px; margin-bottom: 10px;}
.page-inf-img img{ text-align: center; border-radius: 60%; margin-top: 12px;}
.onceki-post{width: 100%; min-height: 20px; margin-top: 30px; margin-bottom: 20px; text-align: left; line-height: 25px;}
.onceki-post a{color: #955bd0; font-weight: bold;}
.onceki-post img{float: left; margin-right: 10px;}
.postlink a{font-weight: normal; font-size: 12px;}
.etiket{width: 100%; min-height: 100px;}
.etiket a{padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 4px; border-radius: 4px; background-color: #4a3aab; color: #FFF; margin: 5px; line-height: 40px; font-size: 12px; font-weight: normal;}
.benzer-post{width: 170px; min-height: 100px; margin: auto; margin-top: 20px; margin-bottom: 20px; text-align: center;}
.benzer-post a{color: #4a3aab; font-size: 13px;}
.benzer-post a:hover{text-decoration: none; opacity: 0.9;}
.yorum-alanim{width: 100%; min-height: 220px; margin-top: 20px; margin-bottom: 20px;}
.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; }
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: bold 12px/12px 'Salsa', cursive;
	color:#000;
	margin-bottom:7px;
	}
/* Yorum Ekle */
#respond {overflow: hidden; background:none; padding: 10px; width: 100%;}
#respond h4 {font-family: "Oswald", sans-serif; 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;}