/*
Theme Name: 1001Renk Nazlimcafe.com sohbet Teması
Theme URI: 1001Renk Nazlimcafe.com sohbet Teması
Description: 1001Renk Tarafından özel yazılmış HTML 1001Renk Nazlimcafe.com sohbet Teması / 1001RENK.NET Ürünüdür.
Author:  1001Renk - Photoshop / Css / HTML5 / Wordpress
License: GNU General Public License
License URI: license.txt
Version: 1
Tags: 1001Renk Nazlimcafe.com sohbet Teması
*/
/* AspavA */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&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;}
em {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}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
header {padding: 0px;background: #fff;}
header {transition: all 0.2s;}
.header-alani {background: #fff; padding: 0px;}
.aspmenu {background-color: #fff; position: fixed !important;top: 0;left: 0;width: 100%;animation: navbar-show .25s 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: #423b8e !important; padding: 10px; color: #fff;}
.aspmenu .menu .asp-buton:hover {background: #423b8e !important; color: rgb(255, 255, 255); transition: all 0.5s ease 0s;}
.nav-link {color: #5e5e5e; font-weight: 500;border-radius: 8px;}
.nav-link:hover {color: #fff; background-color: #423b8e; border-radius: 8px;}
.nav-link.active {color: #fff; background-color: #423b8e; border-radius: 8px;}
.nav-item {padding: 10px;}
.navbar-brand img {width: 272px; height:68px;}
.navbar-expand-lg .navbar-nav .dropdown-menu { border: none;box-shadow: 0 .625rem 1rem rgba(35,35,35,.1)!important;  background-color: #fff}
.sohbet-geneli {margin-top: 50px; margin-bottom: 50px;}
.sohbet-geneli h1 {font-size: 32px; font-weight: 700; color: #423b8e;}
.sohbet-geneli h1 b {font-weight: 700; color: #6a60db;}
.sohbet-geneli h2 {font-size: 22px; color: #565973;}
.sohbet-alani {margin-bottom:50px; margin-top: 50px; border-radius: 30px; position: relative;}
.chat-icon {text-align: left; color: #fe5e87;}
.chat-icon h2 {font-size: 18px; font-weight: 500;}
.chat-icon h2 i {position:absolute; right: 20px; top: 15px; font-size: 50px;color: #423b8e;}
.input-group-text {width: 60px; background-color: #fff; border-color: #fff;border-radius: 16px;transition: all 0.5s;}
.input-group:hover .input-group-text {background-color: #423b8e; border-color: #423b8e; color: #fff !important;transition: all 0.5s;} 
.input-group:hover .input-group-text i {color: #fff !important;}
.asp1 i { font-size: 25px; color: #fe5e87; padding: 0px 5px;}
.form-control {height: 60px; font-weight: 500; color: #423b8e !important; border-color: #7f6cae;border-radius: 16px;border:none !important;font-family: 'Poppins', sans-serif !important; }
.input-group {border-radius: 16px;}
.btn-baglan {background: #423b8e; color: #fff; padding: 7px; border-radius: 16px; font-size: 30px; font-weight: 700;}
.btn-baglan:hover {background-color: #fe5e87; color: #fff;}
.form-control:focus {box-shadow: none;border-color: #c6c6c7 !important;}
.uygulamalar {margin-top: 50px;}
.uygulamalar a {display: block; font-size: 45px; color: #5e5e5e;}
.header-resim img {width: 600px; height: 500px;}
.separator {position: relative;z-index: 100;}
.separator-skew {height: 80px;}
.fill-beyaz {fill: #423b8e;}
.sohbet-programi {background: #423b8e; margin-top: -6px; text-align: center; padding: 50px;}
.sohbet-programi h2 {color: #fff;}
.sohbet-programi p {color: #fff;}
.sohbet-programi p strong {font-weight: 500; color: #f6af4c;}
.btn-mirc {background: #fff; color: #423b8e; font-weight: 600; padding: 15px; border-radius: 12px;}
.makaleler-alani {margin-top: 100px;}
.makale-resim img {border-radius: 8px;}
.makale-yazi h2 {font-weight: 700; font-size: 28px; color: #423b8e;}
.makale-yazi p {color: #565973;}
.makaleler-ic {margin-top: 50px;}
.mobil-yazisi {margin-top: 150px;}
.mobil-yazisi i {color: #3ae008;}
.goruntulusu img {width: 600px; height: 140px;}
.mobil-sohbet img {width: 100%; height: 500px; text-align: center; object-fit: contain;}
.footer {padding: 0px; background: #423b8e; margin-top: -6px; padding: 50px; }
.sosyal-medya { color: #fff;}
.sosyal-butonlar {text-align: right;}
.btn-facebook {background: #fff; color: #5e5e5e; font-weight: 500; padding: 15px 30px; border-radius: 12px;}
.btn-twitter {background: #fff; color: #5e5e5e; font-weight: 500; padding: 15px 30px; border-radius: 12px;}
.footer hr {border-color: rgba(216,203,187,.1);}
.divider-fade.divider-dark:before {background: radial-gradient(ellipse at center,rgba(255, 255, 255, 0.527) 0,rgba(25, 25, 43, 0) 75%);}
.divider-fade:before {content: '';display: block;width: 80%;position: relative;top: 0;left: 50%;transform: translateX(-50%);height: 1px;background: radial-gradient(ellipse at center,#d1dbe7 0,rgba(255,255,255,0) 75%);}
.divider {position: relative;border: 0;width: 100%;}
.footer-logo img { width: 272px; height: 68px;}
.footer-logo p {color: #fff; font-size: 14px; text-align: center;}
.footer-linkler {margin-top: 40px;}
.footer-linkler a {color: #fff; padding: 10px;}
.yapimci {text-align: center;}
.yapimci img {width: 25px;height: 12px; margin-bottom: 10px;}
/*detaylar*/
.icerik-baslik h2 {font-size: 28px; font-weight: 700; color:#423b8e;}
.icerik-baslik p { color: #565973; font-weight: 500;}
.icerik-resim {text-align: center;}
.icerik-resim img {width: 100%; height: auto; border-radius: 12px; margin-bottom: 15px;}
.icerik-yazi p { color: #565973; font-weight: 400;}
.icerik-yazi ul {margin: 0;padding: 0;list-style: none;}
.icerik-yazi ul li {line-height: 1.5;text-indent: -30px;padding: 8px 0 8px 30px;}
.icerik-yazi li:before {float: left;display: block;content: '\2605';color: #fe5e87;margin: 0 30px 0 0;}
.icerik-yazi p i {font-size: 22px; color: #fe5e87;}
/*detaylar bitiş*/
@media (max-width: 768px) {
  .sohbet-geneli h2 {display: none;}
  .header-resim {display: none;}
  .separator-skew {display: none;}
  .makale-resim img {width:100%; height:auto; margin-bottom:15px}
  .mobil-yazisi {margin-top: 0px;}
  .makaleler-ic {margin-top: 5px;}
  .sosyal-butonlar a {display: block; margin-bottom: 10px;}
  .footer {padding: 50px 15px;}
  .sohbet-programi {margin-top:-80px}
  .navbar-nav .nav-link {padding-right: 15px;padding-left: 15px;}
  .navbar-brand img {width: 90%;height: 58px;}
  .sohbet-alani {margin-top: 10px;}
  .footer-logo img {width: 80%;height: 60px;}
  .yapimci img {width: 25px; height: 12px;}.header-alani {padding:5px}.makaleler-alani {margin-top:35px}
}

@media screen and (min-width:1024px) and (max-width:1366px) { 
  .sohbet-programi {margin-top: -31px;}
}

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