/*
Theme Name: 1001RENK SOHBET√¹
Theme URI: 1001RENK.COM & 1001RENK.NET
Description: 1001RENK SOHBET√¹ Teması. Wordpress Alt Yapısı Kullanılarak Kodlanmıştır.
Author:  1001RENK SOHBET√¹ Wordpress Tema * Domain Adına Lisanslanarak Kullanılmaktadır.
Version: 1.1
*/
/* 1001RENK */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900;1000&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;}
.btn {font-family: 'Mulish', sans-serif !important; font-style: normal;}
body, html {font-family: 'Mulish', sans-serif !important; background: #fff}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
header {padding: 0px;background-color: #fff;}
header {transition: all 0.2s;}
.aspmenu {position: fixed !important;top: 0;left: 0;width: 100%;animation: navbar-show .50s ease-in-out; box-shadow: 0 .275rem 1.25rem rgba(11, 15, 25, .05), 0 .25rem .5625rem rgba(11, 15, 25, .03);  z-index: 1031}
.menu .asp-buton {display: none;}
.aspmenu .menu .asp-buton {display:flex; background-color: #6366f1 !important; padding: 10px; color: #fff;}
.aspmenu .menu .asp-buton:hover {background: rgb(177, 150, 229) !important; color: rgb(255, 255, 255); transition: all 0.5s ease 0s;}
.nav-link {color: #565973; font-weight: 700;border-radius: 8px;}
.nav-link:hover {color: #fff; background-color: #6366f1; border-radius: 8px;}
.nav-item {padding: 10px;}
.yazi-logo {font-weight: 800;font-size: 35px;color: #5143d9;}
.asp-menu li a {color: #565973;font-weight: 700;border-radius: 8px;padding: 0.5rem 1rem;}
.asp-menu li a:hover {color: #fff;background-color: #6366f1; border-radius: 8px;}
.navbar-brand img {width: 336px; height:96px;}
.dropdown-menu { border: none;box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(31 27 45 / 8%), 0 0.25rem 0.75rem rgb(31 27 45 / 8%);  background-color: #fff}
.dropdown-item {padding: 10px  !important; color: #565973  !important; font-weight: 700  !important;}
.dropdown-menu {border-radius: 18px  !important; padding: 10px  !important;}
.dropdown-menu li a {border-radius: 8px  !important; display: block; width: 100%;padding: 0.25rem 1rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;text-decoration: none; white-space: nowrap;background-color: transparent; border: 0;padding: 10px;olor: #565973;font-weight: 700;}
.cat-item {margin-bottom:5px}
.dropdown-menu li a:hover {background: #6366f1; color: #fff  !important;}
.dropdown {list-style:none}
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
ul .dropdown:hover > .dropdown-menu {display:block !important;  animation: dropdown-show .2s  !important;}
ul .dropdown > .dropdown-menu {display:none  !important;}
.sohbet-alani {margin-top: 50px;}
.sohbet-yazi {font-weight: 900; font-size: 3.5em;}
.fill-primary {fill: #5143d9 !important;}
.Sohbet-alani-yazi p {color: #565973; font-size: 1.1em; font-weight: 600;}
.btn-primary-soft {color: #5143d9;background-color: rgba(81, 67, 217, 0.1); font-weight: 700;}
.sohbet-alani-img {padding: 30px 20px 30px 35px;}
.sohbet-alani-img img {max-width: 100%; height: auto; border-radius: 18px; position: relative;border:1px solid #ededed}
.radyo-dinle-btn a .icon-lg {margin-top: 90px;}
.hemen-baglan-btn {background: rgba(255, 255, 255, 0.836); padding: 20px; border-radius: 18px; margin-top: -40px; width:130px; height:130px}
.hemen-baglan-btn a {color: #565973 !important; font-weight: 800; font-size: 20px; line-height: 20px;}
.hemen-baglan-btn a i {color: #6366f1; font-size: 40px;}
.icon-lg {width: 5rem !important;height: 5rem !important;line-height: 3.5rem;text-align: center;font-size: 1.2rem; background-color: #fff; padding: 5px; float: center;}
.icon-lg:hover {opacity: 0.8;}
.icon-xl:hover {opacity: 0.8;}
.icon-xl {width: 6rem !important;height: 6rem !important;line-height: 5rem;text-align: center;font-size: 1.9rem;background-color: #fff; padding: 5px; border:3px solid #6366f1;}
.mt-xl-n9 {margin-top: -16rem !important;}
.sohbet-form {border-radius: 18px;}
.sohbettebaglanin { font-size: 22px; font-weight: 800;}
.form-control-border .form-guest-selector {margin-top: -1.2rem;padding-top: 1rem !important;padding-bottom: 0.8rem !important;color: var(--bs-gray-900);}
.form-fs-md .form-guest-selector {font-weight: 500;font-size: 1rem;color: var(--bs-gray-900);}
.form-control-border .form-label {background-color: #fff; position: relative;z-index: 9;margin-left: 1rem;padding: 0 8px;border-radius: 0.5rem;}
.form-label {margin-bottom: 0.5rem;font-weight: 400;color: #212529; font-weight: 800;}
.fa-clipboard-user {font-size: 2.3rem !important; margin-top: 20px; margin-right: 10px; color: #565973;}
.fa-unlock-keyhole {font-size: 2.3rem !important; margin-top: 20px; margin-right: 10px; color: #565973;}
.form-control::placeholder {color: #686969;opacity: 1; font-weight: 500 !important;}
.form-control {font-weight: 700 !important;}
label {display: inline-block;}
.form-control-transparent .form-control {background: transparent !important;}
.btn-baglan {background-color: #6366f1; color: #fff; font-size: 20px; font-weight: 700; padding: 12px; margin-top: 10px; border-radius: 18px;transition: all 0.5s;}
.btn-baglan:hover {background-color: #b196e5; color: #fff;transition: all 0.5s;}
.makaleler-alani {margin-top: 50px}
.makaleler-alani-baslik {margin-bottom: 50px;}
.makaleler-alani-baslik h2 {font-weight: 900;}
.makaleler-alani-baslik p {font-weight: 700; color: #565973;}
.makale-resimi img {width: 100%; height:400px; border-radius: 18px; object-fit: cover; }
.kategorisi a {left: 5px;bottom: 36px !important;color: #fff !important;background-color: #212529;padding: 3px 10px;border-radius: 12px;font-size: 14px;position: relative;}
ul.post-categories {padding:0px; margin:0px}
ul.post-categories li {float:left; list-style:none}
.kategorisi a:hover {background-color: #6366f1; color: #fff;}
.makale-basligi {margin-top: 18px;}
.makale-basligi h2  {font-weight: 900; font-size: 18px; float:left; width:100%; margin-top:-15px}
.makale-basligi h2 a {color: #212529;}
.makaleler-ici:hover .makale-resimi img {opacity: 0.8;}
.makaleler-ici:hover .makale-basligi h2 a {color: #6366f1;} 
.tanitim-yeri {margin-top: 100px;}
.fill-asp {fill: #b196e5 !important; opacity: 0.8; vertical-align: middle;}
.position-relative {position: relative !important;}
.tanitim-resim-alani img {width: 100%; height: auto; border-radius: 18px !important;}
.svgsi {margin-right: -1.6rem !important;margin-bottom: -3rem !important;}
.sohbet-tanitimlar h2 {font-weight: 900;}
.sohbet-tanitimlar p {color: #565973; font-weight: 600;}
.sohbet-tanitimlar H3 {font-weight: 900; font-size: 20px;}
.sohbet-tanitimlar i {font-size: 40px; padding: 12px;}
.slogan-alani {margin-top: 80px; background-color: #f5f5f6; border-radius: 18px; padding: 50px;}
.slogan-alani h3 {font-weight: 900;}
.slogan-alani h3 i {color: #6366f1;}
.slogan-alani p {margin: 0px; padding: 0px; font-weight: 600; color: #565973;}
.mirc-yukle {margin-top: 40px;}
.footer {margin-top: 80px; padding: 50px;}
.footer-logo {text-align: left;}
.footer-logo p {font-weight: 700; color: #565973;}
.footer-logo img {width: 25px; height:15px; margin-bottom: 10px;}
.footer-linkler a {color:#212529; font-weight:700}
.footer-yapimci {margin-top:15px; font-weight:700 !important}
.bizimlogo {width: 60px !important; height: 25px !important;}
.sosyal-menu {margin-top:15px}
.sosyal-menu a {color:#565973; font-weight:700; padding:10px; border-radius:8px}
.sosyal-menu a:hover {background:#6366f1; color:#fff}
.gizlilik-vs h4 {font-weight: 900;}
.gizlilik-vs a { display: block; padding: 5px; color: #565973; font-weight: 700;}
.gizlilik-vs a:before {
  color:#6366f1;
  content: '\f35a'; /* You should use \ and not /*/
  font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
  font-style: normal;
  font-weight: normal;
  font-size:15px; margin-right: 5px;
}
.gizlilik-vs img {float: right;}
/*detay alanı başlar*/
.detay-baslik-yazi {font-size: 35px !important; font-weight: 900;}
.detay-headeraciklamayazi {margin-bottom: 50px;}
.detay-headeraciklamayazi a {color:#212529; font-weight: 800;}
.detay-headeraciklamayazi p {line-height: 20px;}
.detay-geneli {margin-top: 50px;}
.detay-geneli h2,h3 {font-weight: 900;}
.detay-sohbet-alani-img {padding: 30px 20px 30px 35px;}
.detay-sohbet-alani-img img {max-width: 100%; height: 600px; border-radius: 18px; position: relative;}
.detay-yazi-ic p {font-weight: 600; color: #565973; text-align: justify; font-weight: 1.7rem;}
.detay-yazi-ic a {font-weight: 800; color: #212529;}
.detay-yazi-ic img {width: 100%; height: auto; margin-top: 20px; margin-bottom: 20px; border-radius: 18px; position: relative;}
.detay-makaleler-alani {padding: 0px; border-top: 1px solid #e1dfdf; padding-top: 30px;}
.detay-makaleler-alani img { width: 100%; height:400px; position: relative; margin: 0px !important;}
.makale-baslik h2  {font-weight: 900; font-size: 18px;}
.makale-baslik p {text-align:left;}
.etiketler {margin-bottom: 20px; margin-top: 20px;}
.etiketler h4 {font-weight: 900; font-size: 30px;}
.etiketler a {color: #565973; font-weight: 800;}
.etiketler a:before {
  content: '#'; /* You should use \ and not /*/
  font-size:15px; margin-right: 2px;
}
.etiketler a:after {
  color:#212529;
  content: ','; /* You should use \ and not /*/
  font-size:15px; margin-right: 2px; font-weight: 800; margin-left: 2px;
}

/*yorum alanı*/
.spe-title5 h4 {font-weight:900}
.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 #e5e5e5 !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: #6366f1; color:#fff; margin-top: 15px; padding: 8px; 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; font-weight:600}
.kacyorum {font-size: 16px !important;}
.tarih {margin-top: 50px; color: #131022;}
.tarih span {font-weight:700}
#respond h5 {color:#131022 !important}
.yorumlistele li {border-bottom:1px solid #efefef;display: flow-root;}
.kalp {position: absolute; top: 220px; left: 230px;}
.chatgif {position: absolute; top: 200px; right: 230px;}
.chat1gif {position: absolute; top: 55%; right: 55%;}
@media (max-width: 768px) {
.sohbet-alani {margin-top: 10px;}
.sohbet-yazi {font-weight: 900;font-size: 2em;}
.headeraciklamayazi {display: none;}
.sohbet-alani-img {display: none;}
.mt-xl-n9 {margin-top: 0px !important;}
.tanitim-yeri {display: none;}
.slogan-alani {display: none;}
.makaleler-ici {margin-bottom: 30px;}
.footer {padding: 15px; margin-top: 10px;}
.detay-baslik-yazi {font-size: 27px !important;}
.cizgisi {display: none;}
.detay-sohbet-alani-img {display: none;}
.kalp {display:none}
.makale-resimi img {
    height: auto;
}
}

@media screen and (min-width:1024px) and (max-width:1366px) { 
  .mt-xl-n9 {margin-top: -14rem !important;}
  .sohbet-yazi {font-weight: 900;font-size: 2.5em; display:grid}
}


@keyframes navbar-show {
  from {
      transform: translateY(-100%)
  }
  to {
      transform: translateY(0)
  }
}

@keyframes dropdown-show {
  from {
      transform: scale(0.9);
      opacity: 0
  }
  to {
      transform: scale(1);
      opacity: 1
  }
}