/*
Theme Name: 1001RENK CHAT√¹
Theme URI: 1001RENK.COM & 1001RENK.NET
Description: 1001RENK CHAT√¹ Teması. Wordpress Alt Yapısı Kullanılarak Kodlanmıştır.
Author:  1001RENK CHAT√¹ Wordpress Tema * Domain Adına Lisanslanarak Kullanılmaktadır.
Version: 1.1
*/
/* 1001RENK */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
::-webkit-scrollbar {width: 5px;background-color: #eaeaea;border-left: 0px solid #0f3b77;}
::-webkit-scrollbar-thumb {background-color: #0a0111;}
::-webkit-scrollbar-thumb:hover {background-color: #212121;}
h1,h2,h3,h4,h5 {font-family: 'Poppins', sans-serif !important;}
a {font-family: 'Poppins', sans-serif !important;}
b {font-family: 'Poppins', sans-serif !important; font-style: normal;}
li {font-family: 'Poppins', sans-serif !important;}
ul {font-family: 'Poppins', sans-serif !important; list-style-type: none !important; }
.btn {font-family: 'Poppins', sans-serif !important; font-style: normal;}
body, html {font-family: 'Poppins', sans-serif !important; background: #fff}
.header {background-color: #20364b;}
.menu a {color: #fff !important; opacity: 1; font-size: 14px; font-weight: 500; margin-left: 10px; padding: 15px 20px !important; border-radius: 18px; text-decoration: none;}
.menu a:hover {background-color: #f6bc1e !important; color: #000 !important; border-radius: 18px; box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(246 188 30) !important;}
.menu .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: #000 !important; background: #f6bc1e !important;border-radius: 18px;box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(246 188 30) !important;}
a.navbar-brand {padding: 0px !important;font-size: 30px !important;font-weight: 700 !important;}
.logo {width: 353px; height: 88px;}
.chat-alani {background-color: #20364b; padding-top: 50px;}
.char-resim img {width: 100%; height: 600px; object-fit: contain;}
.chat-yazi {margin-top: 50px; color: #fff;}
.chat-yazi  h1{ color: #f6bc1e; font-weight: 900; font-size: 32px;}
.chat-yazi  h2 {color: #fff; font-size: 20px; line-height: 30px;}
.chat-yazi  h2 strong {color: #f6bc1e;}
.chat-yazi  h2 b {color: #f6bc1e;}
.chat-giris {margin-top: 30px;}
.asp {border-radius: 22px 0px 0px 0px; height: 66px !important; border-bottom: 1px solid #f1f1f1;}
.asp1 {border-radius: 0px 0px 0px 22px; height: 66px !important; border: none !important;}
.btn-hover1.color-asp {background-image: linear-gradient(to right, rgb(164 118 241), rgb(163 118 242), rgb(253, 125, 163), rgb(255, 143, 135)); color: rgb(255 255 255) !important;}
.btn-hover1:hover {background-position: 100% 0;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-hover1 {font-size: 30px;font-weight: 700;padding: 21px 0px;letter-spacing: 0px;cursor: pointer;text-align: center;border-radius: 0px 22px 22px 0px;border: none;background-size: 300% 100%;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;  font-family: 'Open Sans', sans-serif !important;color: #fff;display: block;text-decoration: none !important;}
.aspinputlar {padding: 0px;}
.baglan-buton {padding: 0px;}
.uygulamalar {margin-top: 40px;background: #1b3044;padding: 15px;border-radius: 12px;}
.gplay a{text-decoration: none; color: #fff; font-size: 16px;}
.gplay a i {font-size: 40px; vertical-align: middle; color: #f6bc1e;}
.appstor a{text-decoration: none; color: #fff; font-size: 16px;}
.appstor a i {font-size: 40px; vertical-align: middle; color: #f6bc1e;}
.slogan-alani {margin-top: 30px;}
.slogan-alani h2 {color: #131022; font-weight: 600; border-bottom: 1px solid #e2e5f1; padding-bottom: 20px; font-size: 35px;}
.slogan-yazilar p {color: #585c7b; line-height: 30px;}
.slogan-yazilar {padding: 15px;}
.chat-yazilar-baslik {margin-bottom: 40px; color: #20364b;}
.chat-yazilar-baslik h2 {font-weight: 700;}
.chat-yazilari {padding: 50px; background-color:#f3f6ff; border-radius: 12px; margin-top: 50px;}
.chat-yazilar-ic { margin-bottom: 15px;}
.card {border-radius: 12px;}
.shadow-primary i {font-size: 40px; color: #fff; }
.bg-primary {background-color: #6366f1  !important;}
.chat-yazilar-ic h2 {color: #20364b; font-weight: 700; font-size: 22px;}
.chat-yazilar-ic p {color: #585c7b;}
.chat-makale-alani {margin-top: 50px;}
.chat-makale-ic {text-align: justify; color:#585c7b}
.chat-makale-ic a {color: #20364b; text-decoration: none; font-weight: 600;}
.chat-makale-ic h2 {color:#6366f1; margin-bottom: 15px; margin-top:15px; font-size: 25px; font-weight: 700;}
.chat-makale-ic h3 {color:#6366f1; margin-bottom: 15px; margin-top:15px; font-size: 25px;font-weight: 700; margin-top: 30px;}
.chat-makale-ic h4 {color:#6366f1; margin-bottom: 15px; margin-top:15px; font-size: 25px;font-weight: 700; margin-top: 30px;}
.chat-makale-ic p {color: #585c7b;}
.mirc-indir {background: linear-gradient(153deg, rgb(27 48 68) 0%, rgb(99 102 241) 100%);color: #fff;}
.chat-mirc-yukle {margin-bottom: 15px;}
.chat-mirc-yukle a {color: #fff; text-decoration: none;}
.chat-mirc-yukle h2 {font-size: 18px; font-weight: 700;}
.chat-mirc-yukle p {font-size: 13px;}

.chat-sorular {background: #20364b; padding: 50px 15px; border-radius: 12px; margin-top: 30px;}
.chat-sorular-baslik h2 {font-size: 23px; font-weight: 500; margin-bottom: 30px; color: #fff;}
.chat-sorular strong {color: #f6bc1e;}
.chat-sorular p {font-weight: 300;}
.accordion-button {background-color: #1b3044 !important; color: #fff;border-radius: 12px;}
.accordion-button:not(.collapsed) {color: #0c63e4;background-color: #1b3044 !important; border-radius: 12px;box-shadow: none; color: #f6bc1e;}
.accordion-item {background-color:#1b3044 !important; color: #fff;border: none; margin-bottom: 15px;}
.accordion-button:not(.collapsed)::before {width: auto;height: auto;background-image: none;content: "-";font-size: 20px;transform: translate(-5px, -4px);transform: rotate(0deg);color: #f6bc1e;float: left;margin-top: -2px;font-weight: 700;}
.accordion-button::before {width: auto;height: auto;content: "+";font-size: 20px;background-image: none;font-weight: 100;color: #f6bc1e;transform: translateY(-4px);float: left;margin-right: 10px;margin-top: 5px;font-weight: 700;}
.accordion-button::after {content: "";display: none;}
.accordion-button:not(.collapsed)::after {content: "";display: none;}
.sosyal-medya {background: linear-gradient(153deg, rgba(32,54,75,1) 0%, rgba(72,115,179,1) 100%);color: #fff; margin-top: 50px; padding: 15px;}
.sosyaller a {color: #fff; text-decoration: none; text-align: center; vertical-align: middle; border-radius: 12px; padding: 15px; font-weight: 600;transition: all 0.25s;}
.sosyaller a i {font-size: 40px; vertical-align: middle;}
.sosyaller a:hover {background-color: #20364b; border-radius: 12px;transition: all 0.25s;}
.footer {background-color: #fff; margin-top: 50px;}
.footer-logo {text-align: center; padding-top: 30px;}
.footer-logo  a {text-decoration: none; font-size: 40px; font-weight: 700; color: #20364b;}
.footer-logo p {color: #585c7b;}
.footer-kisayollar-alani {margin-top: 10px;}
.footer-sosyal a {color: #0c63e4; font-size: 40px;}
ul.footer-menu li a {color: #414141; text-decoration: none; font-weight: 600;}
ul.footer-menu li {color: #414141; padding: 0px 15px;}
.yapan {text-align: right; margin-top: 15px; margin-bottom: 15px;}
.icerik-resim img { width: 100%; height: auto; border-radius: 22px; margin-bottom: 30px;}
.benzer-konular-genel {margin-top: 50px;}
.form-control {padding: 1.5rem 0.75rem;}
.form-control::placeholder {color: #686969;opacity: 1; font-weight:700 !important;}
.form-control {font-weight: 800 !important;}
/*yorum alanı*/
.yorumlarimiz {margin-top: 50px;}
.form-control1 {
  display: block;
  width: 100%;
  padding: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #131022;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #131022 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 12px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form1 {margin-top: 15px;}
.btn-yorum-gonder {background-color: #131022; color:#fff; margin-top: 15px; padding: 8px; font-weight: 700; border-radius: 12px;}
ul.yorumlistele {list-style-type: none !important; margin:0px; padding:0px}
ul.yorumlistele li{
    list-style-type: none !important;
    margin-bottom: 10px;
}

ul.yorumlistele li a{
    text-align: center;
}

ul.yorumlistele li img{
    margin-right:20px;
}
.yorumavatar img {width: 70px; height: 70px !important; border-radius: 12px; float: left; margin-top: 15px; margin-bottom: 2px;}
.yorumyazi {margin-top: 15px;}
.kacyorum {font-size: 16px !important;}
.tarih {margin-top: 50px; color: #131022;}
#respond h5 {color:#131022 !important}
 @media (max-width: 768px) {
  .logo {width: 100%;height: 55px; margin-bottom: 10px; padding: 0px !important;}
  .navbar-brand {padding: 0px !important;}
  .mobil-menu {color: #fff;}
  ul.asp-menu a {padding: 5px !important; text-align: left !important; margin-top: 15px; display: block;}
  .nav-link {text-align: center; margin-bottom: 15px;}
  .chat-yazi  h1 {font-size: 32px;}
  .chat-yazi  h2 {font-size: 18px;}
  .chat-alani {padding-top: 20px; height: auto;}
  .chat-yazi {margin-top: 0px;}
  .asp {border-radius: 12px 12px 0px 0px !important;}
  .asp1 {border-radius: 0px;}
   .btn-hover1.color-asp {border-radius: 0px 0px 12px 12px; width: 100%;}
   .char-resim {display: none;}
   .navbar-collapse { margin-top: 30px;}
   .gplay {margin-bottom: 30px;}
   .uygu-asp {text-align: center;}
   .uygu-asp i { float: left; margin-right:15px ;}
   .chat-yazilari {padding: 15px;display:none;}
   .sosyaller a span {display: none !important;}
   .chat-yazilar-ic {display: none;}
   ul.footer-menu li {float: left;width: 100%;margin-bottom: 15px;}
}

@media screen and (min-width:1024px) and (max-width:1366px) {
  .logo {width: 353px; height: 88px;}
  .chat-yazi {margin-top: 10px;}
  .chat-yazi  h1 {font-size: 30px;}
  .chat-yazi  h2 {font-size: 16px;}
  .char-resim {margin-top: -100px;}
  .chat-yazilar-ic h2 {font-size: 22px;}
  .chat-yazilar-ic p {font-size: 14px;}
  .chat-sorular-baslik h2 {font-size: 18px;}
  .accordion-button {font-size: 13px;}
  .chat-sorular p {font-size: 13px;}
  .slogan-yazilar p {font-size: 13px; line-height: 25px;}
  .chat-yazilar-baslik h2 {font-size: 25px;}
  .uygu-asp i { float: left; margin-right:15px ;}
 
}   

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1600px;
  }
  
  }

.chat-makale-alani {margin-top: 50px;}
.makaleleri-diz {margin-bottom: 50px; margin-top: 50px;}
.konu-kategorisi { font-size: 12px; text-decoration: none; float: right; display: block; }
.yeni-makale-baslik h2 {color: #20364b;font-weight: 700;border-bottom: 1px solid #e2e5f1;padding-bottom: 20px; font-size: 28px;}
.makale-resimi img {width: 100%; height: 250px; margin-top: 25px; border-radius: 12px 12px 0px 0px; margin-bottom: 10px; padding: 0px; border: none !important;}
.makale-baslik h2 {line-height: 16px;height: 45px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.makale-baslik h2 a { color: #20364b; font-size: 18px; text-decoration: none; margin-top: 15px; }
.makale-izleme {float: right;}
.makaleler p {color: #585c7b;}
.makale-istatistikleri p {font-size: 12px;}
.detay-sohbet-alani {background-color: #20364b;}
 p.aspp a {color: #f6bc1e;}
p.aspp {color: #fff;}
.onceki-yazi {text-align: left; color: #6366f1;}
.onceki-yazi a {text-decoration: none; color: #6366f1;}
.sonraki-yazi {text-align: right;color: #6366f1;}
.sonraki-yazi a {text-decoration: none; color: #6366f1;}
.makale-yazi-alani {margin-top: 50px;}
.yaziyi-diz h2,h3,h4,h5,h6 {color: #6366f1; margin-bottom: 25px;font-size: 25px; font-weight: 700;}
.detay-yazi-ic p{color: #585c7b;}
.detay-yazi-ic img {width: 100%; height: auto; border-radius: 22px !important; margin-bottom: 20px; margin-top: 20px;}
.etiketler {margin-top: 50px;}
.etiketler a {color: #131022; text-decoration: none; padding: 10px; font-weight: 600;}
.etiketler a:hover {color: #6366f1;}
.etiket-baslik h2 {color: #131022;font-weight: 600;border-bottom: 1px solid #e2e5f1;padding-bottom: 20px; font-size: 24px;}
.oncesisonrasi {margin-top: 50px;}
.oncesisonrasi-baslik h2 {color: #131022;font-weight: 600;border-bottom: 1px solid #e2e5f1;padding-bottom: 20px; font-size: 24px;}
.logo: hover{background: none !important;}
a.navbar-brand {padding: 0px !important;}
a.navbar-brand:hover {background: none !important; padding: 0px !important; box-shadow: none !important;} 
.sidebar-ic {background-color: #20364b; padding: 15px; border-radius: 22px;}
.sidebar-baslik h2 {color: #f6bc1e;font-weight: 600;border-bottom: 1px solid #f6bc1e;padding-bottom: 10px; font-size: 22px; margin-top: 15px;}
.kategoriler-ic ul {padding: 0px;} 
.kategoriler-ic ul li a {color: #fff; text-decoration: none; display: block; margin-bottom: 5px; border-bottom: 1px solid #405162; padding: 8px}

.rastgele-konular-ic ul {padding: 0px;} 
.rastgele-konular-ic ul li a {color: #fff; text-decoration: none; display: block; margin-bottom: 5px; border-bottom: 1px solid #405162; padding: 8px}

.populer-konular-ic ul {padding: 0px;} 
.populer-konular-ic a {color: #fff; text-decoration: none; display: block; margin-bottom: 5px; border-bottom: 1px solid #405162; padding: 8px}