/*
Theme Name: 1001RENK SARI√¹
Theme URI: 1001RENK.COM & 1001RENK.NET
Description: 1001RENK SARI√¹ Teması. Wordpress Alt Yapısı Kullanılarak Kodlanmıştır.
Author:  1001RENK SARI√¹ 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;}
h1,h2,h3,h4,h5 {font-family: 'Mulish', sans-serif !important;}
a {font-family: 'Mulish', sans-serif !important;}
b {font-family: 'Mulish', sans-serif !important; font-style: normal;}
em {font-family: 'Mulish', sans-serif !important; font-style: normal;}
li {font-family: 'Mulish', sans-serif !important;}
ul {font-family: 'Mulish', sans-serif !important; list-style-type: none !important; }
.btn {font-family: 'Mulish', sans-serif !important; font-style: normal;}
body, html {font-family: 'Mulish', sans-serif !important; background: linear-gradient(132deg, #171c28 0%, #181f32 100%) !important;}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
.menu {padding: 0px; position: relative;}
.navbar-brand img {margin-top:-30px; width:290px; height:90px}
.btn-sohbet {background: #0fe1b0; color: #181e2f !important;font-weight: 600;}
.sohbet-inputlar {background: url("resimler/sohbetbg.webp"); margin-top: 150px; width: 100%; height: 557px; background-repeat: no-repeat; background-size: contain; padding: 128px 107px 100px 139px;}
.input-group i {color: #fff !important;}
.input-group-text {border-radius:50px; font-size: 24px; background-color:#171e2e; border: none;}
.baglan-asp {background: linear-gradient(132deg, rgb(247 83 4) 0%, rgb(231 185 31) 100%); font-size: 25px; font-weight: 800; color: #181e2f; border-radius: 30px; float: left; }
.form-control {border: none; background-color: #171e2e; height: 70px; border-radius: 50px; color: #fff;}
.form-control:focus {box-shadow: none; border: none; background: #171e2e; color: #fff;}
.form-control::-moz-placeholder {color: #fff !important;opacity: 1;}
.form-control::placeholder {color: #fff;opacity: 1; font-weight: 400;}
.form-control:disabled, .form-control[readonly] {background-color: #fff;opacity: 1;}
.uygulamalarimiz {margin-top: 50px;}
.gplay {text-align: center;}
.gplay a {text-decoration: none; text-align: center; color: #fff;}
.gplay i {font-size: 50px; display: block; color: #fba833; margin-bottom: 10px;}
.appstor a {text-decoration: none; text-align: center; color: #fff;}
.appstor i {font-size: 50px; display: block; color: #fba833; margin-bottom: 10px;}
.inputlar-mirc {text-decoration: none; color: #1d2321; font-weight:700; float: right; padding: 3px 15px; border-radius: 22px; margin-top: 14px;}
.header-yazi {text-align: left; color: #fff; margin-top: 150px; padding: 30px 50px;}
.header-yazi h1 {color: #0fe1b0; margin-bottom: 30px; font-size: 40px; font-weight: 900;}
.header-yazi h2 {font-weight: 800;}
.header-yazi h2 b {color: #fba833;}
.turkce-mirc-alani {background-color: #121824; padding: 30px 15px; margin-top: 25px; border-radius: 22px;}
.mirc-indir p {margin: 0px; padding: 0px; font-size: 18px; font-weight: 600; color: #fff;}
.mirc-indir p b {color: #fba833;}
.mirc-indir a {float:right; color: #0fe1b0; font-weight: 700; background: #171d2c; padding: 10px; border-radius: 12px; margin-top: -10px;}
.blogdan-yazilar-genel {margin-top: 50px;}
.blogdan-yazilar-genel p {color: #fff; font-weight: 600; font-size: 16px;}
.blogdan-yazilar-genel h2 {font-weight: 800; font-size: 30px;letter-spacing: 0.25px; color: #0fe1b0; position: relative;}
.blogdan-yazilar-genel h2:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -6px;
  height: 2px;
  width: 60px;
  background: #0fe1b0;
}
.blog-aciklama {margin-top: 10px; margin-bottom: 50px; color:#fff}
.blog-aciklama p {font-weight:600}
.blog-sidesi {margin-bottom: 50px;}
.sticky-top {padding-top:50px;}
.blog-aciklama h2 {color: #0fe1b0; font-weight: 700; font-size: 26px;}
.blog-aciklama p {color: rgb(199, 198, 198); font-weight: 600; text-align: justify;}
.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: #131022;font-weight: 600;border-bottom: 1px solid #e2e5f1;padding-bottom: 20px; font-size: 28px;}
.makale-baslik {padding: 15px;}
.makale-resimi img {width: 100%; height: 250px !important; border-radius: 12px 12px 0px 0px !important; margin-bottom: 10px; padding: 0px; border: none !important; object-fit:cover}
.makale-baslik h2 {line-height: 16px;height: 42px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.makale-baslik h2 a { color: #fba833; font-size: 18px; text-decoration: none; margin-top: 10px; font-weight: 800; }
.makale-baslik p {text-align: left !important;}
.makale-izleme {float: right;}
.makaleler p {color: rgb(216, 215, 215); font-weight:500}
.makale-istatistikleri p {font-size: 12px;}
.makaleler {box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(31 27 45 / 8%), 0 0.25rem 0.75rem rgb(31 27 45 / 8%);margin-top: 20px;border-radius: 12px;position: relative;}
.makaleler:hover .makale-resimi {opacity: 0.8;}
.makaleler:hover .makale-baslik h2 a {color: #0fe1b0;}
.kisa-kisa {margin-top: 50px; padding: 30px; background-color: #121824;}
.kisa-mobil i {color: #fba833; font-size: 65px; margin-top: 15px;} 
.kisa-kisa h3 {color: #fff; font-weight: 700;}
.kisa-kisa p {color: #fff; margin: 0px; padding: 0px;}
.kisa-kisa b {color: #0fe1b0;}
.kisa-kisa strong {color: #0fe1b0;}
.footer {margin-top: 0px;background-color: #121824; padding: 50px;}
.logovs a {font-size: 38px; color: #0fe1b0; font-weight: 800; line-height: 20px;}
.logovs a span {font-size: 18px; color: #fba833;}
.logovs p {color: #fff; margin-top: 15px;}
.sosyaller { color: #fff; border-radius: 22px;}
.sosyaller a {text-decoration: none; padding: 5px; color: #7886ff; font-weight: 500; transition: all 0.5s ease; border-radius: 22px; line-height: normal !important;}
.sosyaller a:hover i {color: #0fe1b0;}
.sosyaller i {color: #fba833; font-size: 35px; vertical-align: sub; margin-right: 1px;}
.footer-hizli-menu h3 {color: #fba833; font-weight: 800;}
.footer-hizli-menu li a {padding: 0px 10px 10px 0px; color: rgb(199, 198, 198); font-weight: 600;}
.footer-hizli-menu img {float:right; margin-top:30px}
/*detay alani*/
.detay-alani-genel {margin-top: 50px;background-color:#121824; padding: 25px;}
.detay-alani a {color:#0fe1b0; font-weight:600}
.detay-alani a:hover {color:#fba833}
.detay-baslik h1 {color: #fff; font-weight: 700; font-size: 28px; position: relative;}
.detay-baslik h1:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  height: 2px;
  width: 25%;
  background: #fba833;
}
.konu-istatistik {margin-top: 20px;}
.konu-istatistik p {color: #fff;}
.konu-istatistik  a {color: #0fe1b0; font-weight: 700;}
.konu-istatistik span {color: #fba833;}
.sidebar-alani {background-color: #121824;}
.detay-alani {margin-top: 50px; padding: 15px 50px;}
.detay-alani h2 {color: #fff; font-size: 24px; color: #0fe1b0; font-weight: 800;}
.detay-alani h3 {color: #fff; font-size: 22px; color: #fba833;}
.detay-alani h4,h5 {color: #fff; font-size: 20px; color: #fba833;}
.detay-alani p {color: #fff; text-align: justify;}
.detay-alani img {width: 100%; height: auto; margin-bottom: 30px; margin-top: 30px;}
.detay-sohbet-alani {margin-top: 10px;}
.detay-sidebar-basliklari h2 { color: #0fe1b0; position: relative; font-weight: 700; margin-bottom: 40px; padding: 0px 20px;}
.detay-sidebar-basliklari h2 span {font-size: 14px; position: absolute; left: 130px; color: #fff;}
.detay-sidebar-basliklari h2:before {
  position: absolute;
  content: "";
  left: 20px;
  bottom: -10px;
  height: 2px;
  width: 20%;
  background: #fba833;
}
.detay-sohbet-inputlar {background: url("resimler/sohbetbg.png"); margin-top: 10px; margin-bottom: 30px; width: 100%; height: 355px; background-repeat: no-repeat; background-size: contain;padding: 93px 80px 260px 108px;}
.populer-konular-genel {margin-bottom: 30px;}
.populer-konular-ic {padding: 15px 20px; border-bottom: 1px solid #181e2d;}
.populer-konular-ic img {width: 100px; height: 100px; float: left; margin-right: 10px; border-radius: 14px !important; border: none !important; background-color: rgba(255, 255, 255, 0) !important;}
.populer-konular-ic h2 {font-size: 18px; color: #fff; font-weight: 700;}
.populer-konular-ic h2 a {color: #fff;}
.populer-konular-ic p {color: rgb(199, 198, 198);}
.populer-konular-ic:hover h2 a {color: #0fe1b0;}
.populer-konular-ic:hover img {opacity: 0.6;}
.kategoriler-genel {margin-bottom: 30px; }
.kategoriler-ic {padding: 5px 10px;}
.kategoriler-ic ul {padding: 0px;}
.kategoriler-ic a {display: block; padding: 10px; color: #fff; list-style-type:armenian; position: relative;}
.kategoriler-ic a:hover {color: #fba833;}
.kategoriler-ic a:hover:before {background-color: #fba833;}
.kategoriler-ic a:before {
  position: absolute;
  content: "";
  left: 10px;
  bottom: 10px;
  height: 2px;
  width: 10%;
  background: #0fe1b0;
}
.etiketler-ic {padding: 5px 10px;display: table-caption; margin-bottom: 50px;}
.etiketler-ic a:before {
  content: "# ";
}
.etiketler-ic a {color: #fff; position: relative; margin-bottom: 20px; padding:5px 10px;white-space: nowrap;}
.etiketler-ic a:hover {color: #fba833;}
.benzer-konular-genel {margin-top: 50px; border-top: 1px solid rgb(18, 24, 36); padding-top: 30px;}
.detay-benzer-basliklari h2 { color: #0fe1b0; position: relative; font-weight: 700; margin-bottom: 40px; padding: 0px 0px;}
.detay-benzer-basliklari h2 span {font-size: 14px; position: absolute; left: 190px; color: #fff;}
.detay-benzer-basliklari h2:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -10px;
  height: 2px;
  width: 20%;
  background: #fba833;
}
/*kategoriler sayfası*/

.detay-baslik h1 a {color: #0fe1b0;position: relative;}
.detay-baslik h1 a:after {
  content: "-";
color: #fba833;margin-left: 10px;
}

/*sayfalama alanı*/

.sayfalama {margin-top: 30px;}
.page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #fba833;
  outline: 0;
  box-shadow: none !important;
}
.page-link:active {
  z-index: 3;
  color: #fff;
  background-color: #fba833;
  outline: 0;
  box-shadow: none !important;
}

.page-link {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  background-color: #121824;
  border: 1px solid #fff;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-link:hover {background-color: #0fe1b0; color: #fff;}

/*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: #fff;
  background-color: #121824;
  background-clip: padding-box;
  border: 1px solid #fff !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: #0fe1b0; 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: #fff;}
@media (max-width: 768px) {
	.navbar-brand img {width:100%; height:75px; margin-top:5px}
  .navbar {background: linear-gradient(132deg, #171c28 0%, #181f32 100%) !important;line-height: 80px !important; }
  .navbar a.navbar-brand span {
    float: right;
    margin-top: -60px;
}
  .sohbet-inputlar {
    background: url(resimler/sohbetbg.png) center;
    width: 100%;
    height: 557px;
    margin-top: 35px;
    background-repeat: no-repeat;
    background-size: inherit;
    padding: 177px 13px 6px 56px;
}
.header-yazi {
  text-align: left;
  color: #fff;
  margin-top: 20px;
  padding: 15px;
}
.sohbet-inputlar {background: linear-gradient(132deg, #fc9400 0%, #d5630a 100%) !important; border-radius: 22px; margin-top: 30px; width: 100%; height: auto; background-repeat: no-repeat; background-size: contain;padding: 30px;}
.detay-alani-genel {
  margin-top: 10px;
  background-color: #121824;
  padding: 15px;
}
.gplay {
    text-align: center;
    width: 50%;
    padding: 0px;
}
.kisa-mobil {text-align: center;}
.kisa-mobil i {margin-bottom: 20px;}
.turkce-mirc-alani {display: none;}
.makale-reisim img {height: auto;}
.footer {padding: 30px 15px;}
.sosyaller span {display: none;}
.sticky-top {
  padding-top: 0px;
}
.detay-sohbet-inputlar {background: linear-gradient(132deg, #fc9400 0%, #d5630a 100%) !important; border-radius: 22px; margin-top: 10px; width: 100%; height: auto; background-repeat: no-repeat; background-size: contain;padding: 30px;}
.detay-alani {padding: 15px;}
.kategoriler-genel {margin-top: 80px; display:none}
.populer-konular-ic h2 a {font-size: 16px;}
.populer-konular-ic p {font-size: 14px; line-height: 15px;}
.sidebar-alani {position:relative; z-index:1}
.populer-konular-genel {margin-bottom: 30px;display: none;}
.etiketler-genel {display: none;}
}




@media screen and (min-width:1024px) and (max-width:1366px) {
  .sohbet-inputlar {
    background: url(resimler/sohbetbg.png);
    margin-top: 50px;
    width: 100%;
    height: 557px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 110px 90px 53px 121px;
}
.header-yazi {margin-top: 50px;}
.blog-aciklama {margin-top: 50px;}
.sticky-top {padding-top:50px;}
.blog-aciklama h2 {color: #0fe1b0; font-weight: 700; font-size: 22px;}
.blog-aciklama p {color: rgb(199, 198, 198); font-weight: 500; font-size: 13px; text-align: justify;}
.kisa-mobil i { font-size: 60px;} 
.kisa-kisa h3 {font-size: 22px;}
.kisa-kisa p { font-size: 14px;}
.populer-konular-ic h2 {font-size: 15px; color: #fff; font-weight: 700;}
.populer-konular-ic p {color: rgb(199, 198, 198); font-size: 14px;}
.form-control {border: none; background-color: #171e2e; height: 50px; border-radius: 50px; color: #fff;}
.detay-sohbet-inputlar {padding: 84px 69px 272px 96px;}
.baglan-asp {font-size: 17px;}
}  



  

  .navbar {
    background-color: none;
    color: #fff;
    width: 100%;
    height: 80px;
    line-height: 20px;
    font-size: 18px;
    padding: 30px 0px 0px 0px;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .navbar a {
    text-decoration: none;
    color: #fff;
  }
  .navbar a.navbar-brand {
    float: left;
    height: inherit;
    line-height: inherit;
    padding: 0 30px;
    font-size: 26px;
    letter-spacing: 2px;
    font-weight: 900;
    color: #fba833;
  }
  .navbar a.navbar-brand span {
    font-size: 13px;
    font-weight: 300; letter-spacing: 0px;
    color: #fff; float: right;
  }
  .navbar ul {
    float: right;
    list-style: none;
    height: inherit;
    line-height: inherit;
    padding: 0 50px;
  }
  .navbar ul li {
    display: inline-block;
  }
  .navbar ul li a {
    display: block;
    text-align: center;
    padding: 15px 20px;
    border-radius: 22px; font-weight: 600;
  }
  .navbar ul li a:hover {
    background-color: rgba(255,255,255,0.15);
  }
  .navbar .navbar-toggler {
    display: none;
  }
  
  
  
  @media (max-width: 991px) {
    .navbar ul {
      padding: 0 10px;
    }
    .navbar ul li a {
      min-width: 100px;
      padding: 0 20px;
    }
  }
  
  @media (max-width: 767px) {
    .navbar {
      padding: 0;
    }
    .navbar ul {
      width: 100%;
      padding: 10px 30px;
      background: linear-gradient(132deg, #171c28 0%, #181f32 100%) !important;
      /* height: auto; */
      height: 100vh;
      max-height: 0;
      overflow: hidden;
      transition: all ease-in-out 0.3s;
    }
    .navbar ul.open {
      max-height: 100vh;
    }
    .navbar ul li {
      width: 100%;
      /* border-bottom: 1px solid rgba(255,255,255,0.3); */
    }
    .navbar ul li a {
      padding: 0;
    }
    .navbar .navbar-toggler {
      display: block;
      position: absolute;
      height: 40px;
      top: 20px;
      right: 20px;
      background-color: transparent;
      color: #fff;
      border: 3px solid #fff;
      /* border: none; */
      /* border-radius: 4px; */
      outline: none;
      padding: 0 5px;
      cursor: pointer;
    }
    .navbar .navbar-toggler span,
    .navbar .navbar-toggler span::before,
    .navbar .navbar-toggler span::after {
      display: block;
      content: '';
      background-color: #fff;
      height: 3px;
      width: 28px;
      border-radius: 4px;
      transition: all ease-in-out 0.3s;
    }
    .navbar .navbar-toggler span::before {
      transform: translateY(-8px);
    }
    .navbar .navbar-toggler span::after {
      transform: translateY(5px);
    }
    
    .navbar .navbar-toggler.open-navbar-toggler span {
      /* transform: rotate(90deg); */
      background-color: transparent;
      /* transform: scale(0.85) rotate(270deg); */
    }
    .navbar .navbar-toggler.open-navbar-toggler span::before {
      transform: translateY(0px) rotate(45deg);
      /* transform: translateY(0px) scale(0.75) rotate(45deg); */
    }
    .navbar .navbar-toggler.open-navbar-toggler span::after {
      transform: translateY(-3px) rotate(-45deg);
      /* transform: translateY(-3px) scale(0.75) rotate(-45deg); */
    }
  }