/*
Theme Name: 1001RENK MOR√¹
Theme URI: 1001RENK.COM & 1001RENK.NET
Description: 1001RENK MOR√¹ Teması. Wordpress Alt Yapısı Kullanılarak Kodlanmıştır.
Author:  1001RENK MOR√¹ Wordpress Tema * Domain Adına Lisanslanarak Kullanılmaktadır.
Version: 1.1
*/
/* 1001RENK */
@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;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;}
.btn {font-family: 'Mitr', sans-serif !important; font-style: normal;}
body, html {font-family: 'Mitr', sans-serif !important; background: linear-gradient(106deg, rgba(178,78,255,1) 0%, rgba(143,97,255,1) 50%, rgba(82,132,255,1) 100%);}
.m-logo {display: none;}
.balon1 {position: absolute; right: 0; top: 0;z-index: 1;}
.balon2 {position:absolute; left: 0; top: 0;z-index: 1;}
.genel {padding: 0px; background: linear-gradient(169deg, rgba(38,41,76,1) 0%, rgba(25,25,53,1) 50%); position: relative; z-index: 9999;}
.menu-alani {padding:50px 50px 0px 50px; }
.nav-link {color:#fff; font-weight: 500;transition: all 0.5s ease; font-weight: 400;}
.nav-link:hover {color: #6b8eff;transition: all 0.5s ease;}
.navbar-brand {color: #fff; font-weight: 600; font-size: 40px;transition: all 0.5s ease;}
.navbar-brand:hover {color: #6b8eff;transition: all 0.5s ease;}
.logo-yazi {font-size: 14px; text-align: right; margin: 0px; padding: 0px; margin-top: -10px; color: #6b8eff;}
.btn-hizli {color: #fff; transition: all 0.5s ease; background: linear-gradient(128deg, rgba(178,78,255,1) 0%, rgba(82,132,255,1) 100%); padding: 15px; border-radius: 22px; font-weight: 400; text-decoration: none;}
.btn-hizli:hover {transition: all 0.5s ease; color: #0a0111;}
.header-ic-alan {padding: 20px 60px 60px;}
.sohbet-alani {padding: 50px; margin-top: 50px; border-radius: 24px; 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: #15152d;}
.input-group {height: 60px; border-radius: 12px; border: 1px solid #15152d; border-radius: 24px; padding: 8px; background-color: #0e0e22;}
.input-group i {color: #fff;}
.input-group-text {border-radius: 24px; font-size: 24px; background-color:#0e0e22; border: none;}
.form-control {border: none; background-color: #0e0e22;}
.form-control:focus {box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0);}
.btn-hover1.color-asp {background-image: linear-gradient(to right, rgb(160, 88, 255), rgb(93, 126, 255), rgb(155 91 255), rgb(92, 126, 255)); color: #fff !important;}
.btn-hover1 {font-size: 25px; width: 100%;  font-weight: 500; padding: 10px 0px; letter-spacing: 0px; cursor: pointer;text-align: center; border-radius: 24px; 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;color: #fff; display: block; text-decoration: none !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;}
.sohbet-yolla {margin-top: 0px;}
.header-yazi {margin-top: 50px; text-align: right;}
.header-yazi h1 {color: #fff; font-size: 30px; margin-bottom: 20px; font-weight: 500;}
.header-yazi h2 {color: #fff; font-size: 22px; margin-top: 20px; font-weight: 400;}
.uygulamalarimiz {margin-top: 40px;padding: 0px;border-radius: 12px;}
.gplay {text-align: left;}
.gplay a{text-decoration: none; color: #fff; font-size: 16px; background: #222546; padding: 15px; border-radius: 22px;-webkit-box-shadow: 0px 0px 25px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px -9px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px -9px rgba(0,0,0,0.75);}
.gplay a i {font-size: 40px; vertical-align: middle; color: #0e0e22;}
.appstor {text-align: left;}
.appstor a{text-decoration: none; color: #fff; font-size: 16px; background: #222546; padding: 15px; border-radius: 22px;-webkit-box-shadow: 0px 0px 25px -9px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px -9px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px -9px rgba(0,0,0,0.75);}
.appstor a i {font-size: 40px; vertical-align: middle; color: #0e0e22;}
.sosyaller {padding: 50px; margin-top: 50px; background: #0e0e22; color: #fff; text-align: center;}
.sosyaller h2 {font-weight: 600; font-size: 40px; margin-bottom: 30px; color: #fff;}
.sosyaller a {text-decoration: none; padding: 15px; color: #7886ff; font-weight: 500; transition: all 0.5s ease; margin: 15px; border-radius: 22px;}
.sosyaller a:hover {background-color: #7886ff; transition: all 0.5s ease; color: #fff;}
.sosyaller a:hover i {color: #fff;}
.sosyaller i {color: #7886ff; font-size: 40px; vertical-align: middle; margin-right: 3px;}
.duyuru {padding: 50px; margin-top: 50px; background: #0e0e22; color: #fff; text-align: center;}
.duyuru h2 {font-weight: 600; font-size: 40px; margin-bottom: 0px; color: #fff;}
.duyuru p {font-size: 14px;}
.duyuru b {color: #f7b537; font-weight: 500;}
.sohbet-makale {margin-top: 50px;}
.sohbet-makale h2 {font-weight: 500; color: #fff;}
.anlatim-isim { font-size: 16px; font-weight: 500; color: #f7b537 !important;}
.anlatim-isim span {border-bottom: 1px solid #f7b537;}
.anlatim h2 {font-weight: 500; font-size: 22px; color:#6b8eff ; margin-top: 30px; margin-bottom: 20px;}
.anlatim p {color: #fff; font-weight: 300;}
.anlatim a {text-decoration: none;transition: all 0.5s ease; font-weight: 400; background: linear-gradient(128deg, rgba(178,78,255,1) 0%, rgba(82,132,255,1) 100%); color: #fff; padding: 10px 25px; margin-top: 20px; display:inline; float: right; border-radius: 22px;}
.anlatim a:hover {color: #000;transition: all 0.5s ease;}
.padding {padding: 40px;}
.about_section .about_img img{max-width:100%; height: 250px; border-radius:15px;}
.kisayollar {padding: 0px;}
.kisayol {padding: 20px;-webkit-box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.75);box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.75);}
.kisayol p {color: #fff; font-size: 15px;}
.kisayol h2 {color: #fff; margin-bottom: 20px; font-weight: 500;}
.kisayol i {margin-right: 20px;}
.kisayol img {margin-right: 20px;}
.asp1 {background: linear-gradient(128deg, rgba(178,78,255,1) 0%, rgba(82,132,255,1) 100%); border-radius:0px 24px 24px 0px;}
.asp2 {background: linear-gradient(128deg, rgba(82,132,255,1) 0%,rgba(178,78,255,1)  100%); border-radius: 24px;}
.asp3 {background: linear-gradient(83deg, rgba(178,78,255,1) 0%, rgb(111 116 255) 100%); border-radius: 24px 0px 0px 24px;}
.genel-makale-sidebar {padding: 50px;}
.genel-makale h2 {color: #f7b537; font-weight: 500; margin-bottom: 20px; }
.genel-makale h3 {color: #f7b537; font-weight: 500; margin-bottom: 20px;margin-top:10px }
.genel-makale p {color: #fff; font-size: 16px; font-weight: 200;}
.konu-baslik {background: linear-gradient(128deg, rgba(178,78,255,1) 0%, rgba(82,132,255,1) 100%); color: #fff; padding: 15px; border-radius: 12px 12px 0px 0px;} 
.genel-makale a {color:#6b8eff; font-weight:600; text-decoration:none}
.konu-baslik h2 {font-weight: 500; font-size: 24px;margin: 0px;}
.akordion {margin-bottom: 50px;}
.accordion-item {background: #0e0e22 !important;}
.accordion-body {padding: 1rem 1.25rem;background: #222546 !important; color: #fff; font-weight: 300;}
.accordion-button {background: #0e0e22 !important; color: #fff;}
.accordion-item:first-of-type {border-top-left-radius: 0;border-top-right-radius: 0;}
.accordion-button:focus {box-shadow:none; color: #f7b537 !important;}
.accordion-button:not(.collapsed) {color: #f7b537;background-color: #e7f1ff;box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);}
.accordion-item {border: none;}
.site-ekle-ic {background: #222546 !important; color: #fff; padding: 15px; font-weight: 300;}
.modal {z-index: 99999;}
.kod {text-align: right;}
.btn-kodal {font-size: 14px;background: linear-gradient(128deg, rgba(178,78,255,1) 0%, rgba(82,132,255,1) 100%); color: #fff; }
.footer {padding: 60px 60px 0px 60px;}
.foter-logosu {text-align: right !important;}
.copy {color: #fff; font-weight: 300;}
.yapimci {text-align: right; color: #f7b537; font-weight: 300;}
.iletisim-alani a {text-decoration: none; color: #fff; font-weight: 500; background: linear-gradient(128deg, rgba(178,78,255,1) 0%, rgba(82,132,255,1) 100%); padding: 15px; border-radius: 12px; display:inline-flex; margin-top: 15px;}
.iletisim-alani a i {vertical-align: middle; margin-right: 5px; margin-top: 0px; font-size: 25px ;}
.iletisim-alani p b {color: #f7b537;}
.iletisim-alani p strong {color: #f7b537;}
.iletisim-alani p {font-size: 17px;}
.genel-makale {color:#fff;}
.makaleleri-diz {margin-bottom: 50px; padding:40px}
.konu-kategorisi { font-size: 12px; text-decoration: none; float: right; display: block; }
.yeni-makale-baslik h2 {color: #4559ca;font-weight: 600;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: #fff; font-size: 18px; text-decoration: none; margin-top: 15px; }
.makale-izleme {float: right;}
.makaleler p {color: #585c7b;}
.makale-istatistikleri p {font-size: 12px;}
/*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: linear-gradient(128deg, rgba(178,78,255,1) 0%, rgba(82,132,255,1) 100%); 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;}
.kacyorum {font-size: 16px !important;}
.tarih {margin-top: 50px; color: #131022;}
#respond h5 {color:#131022 !important}
.yorumlistele li {border-bottom:1px solid #fff;display: flow-root;}
@media (max-width: 768px) {
  body {padding:  0px 15px; background: #26284b !important;}
  .menu-alani {padding: 0px;}
  .header-ic-alan {padding: 0px 15px;}
  .header-yazi h2,h1 {display: none; padding: 0px;}
  .sohbet-alani {padding: 50px 25px; margin-top: 0px;}
  .uygulamalarimiz {padding: 0px; margin-top: 0px; margin-bottom: 50px;}
  .uygulamalarimiz a {margin-bottom:15px; background: #6b8eff;}
  .uygulamalarimiz i {float: left; vertical-align: top; margin-right: 8px; color: #fff !important;}
  .genel {padding: 0px;margin-top: 0px; border-radius: 0px;}
  .sosyaller {padding: 20px 5px;}
  .sosyaller h2 {font-size: 22px;}
  .sosyaller a {margin:15px; padding: 0px !important;}
  .sosyaller a span {display: none;}
  .sosyaller i {margin-right: 0px; font-size: 50px;}
  .navbar-brand {font-size: 35px; }
  .padding {padding: 0px;}
  .padding img {display: none;}
  .balon1 {display: none;}
  .balon2 {display: none;}
  .fa-bars {font-size: 30px; color: #fff;}
  .duyuru {padding:15px ;}
  .genel-makale-sidebar {padding: 15px;}
  .kisayollar {display: none;}
  .sidebar {display: none;}
  .genel-makale {padding: 15px;}
  .footer-menu {display: none;}
  .footer {padding: 30px 15px 0px 15px;}
  .foter-logosu {text-align: center !important;}
  .logo-yazi {text-align: center !important;}
  .copy {padding:15px ;}
  .balon1 {display: none;}
  .balon2 {display: none;}
  .sohbet-makale {margin-top: 0px;}
  .duyuru h2 {font-size: 25px;}
  .sosyaller {margin-top: 0px;}
  .iletisim-alani a {display: block;}
  .menu-alani {display: none;}
  .uygulamalar {position: absolute; bottom: 0px; width: 100%; padding: 15px;}
  .uygulamalar a {background: none;width: 50%; float: left; color: #fff; padding: 20px 0px; text-align: center; font-size: 18px; font-weight: 400; text-decoration: none;}
  .menu-icon {display: inherit !important;}
  .m-logo {text-align: left; padding-top: 15px;}
  .logo-yazi-m {text-align: left!important;}
  .logo-yazi-m {font-size: 14px; text-align: left; margin: 0px; padding: 0px; margin-top: -10px; color: #6b8eff;}
  .m-baglan {margin-top: 25px !important; display: block; text-align: center;}
  .m-logo {display: inherit;}
  .uygulamalar {background: #0e0e22;}
  .uygulamalar i {font-size: 40px; display: block;}
}
@media (min-width:992px){
  .about_section .about_img img{width:60%;}
  .about_section .about_img_2{margin:-140px 0 0 230px;}
  .about_section .about_img_3{margin:-130px 0 0 80px;}
}
@media(max-width:991px){
  .about_section .about_img img{margin:3rem 0;}
}


/* Mobil menü */
.menu-icon {display: none;}
ul.mobil-menu {padding: 0px !important; margin: 0px !important;}
.top-animate {background: #fff !important;top: 13px !important;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mid-animate { opacity: 0; }
.bottom-animate {background: #fff !important;top: 13px !important;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
.top-menu {top: 5px;width: 25px;height: 2px;border-radius: 10px;background-color: #F9A530;}
.mid-menu {top: 13px;width: 25px;height: 2px;border-radius: 10px;background-color: #F9A530;}
.bottom-menu {top: 21px;width: 25px;height: 2px;border-radius: 10px;background-color: #F9A530;}
.menui {background: #fff;transition: 0.6s ease;transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);margin-top: 10px; position: absolute;}
.icon {z-index: 999;position: absolute;display: block;padding: 9px; height: 40px;width: 40px;margin: 0px;top: 15px;right: 15px;}
.mobilenav {font-family: inherit;top: 0;left: 0;z-index: 999;display: none;position: fixed;width: 100%;height: 100%;background: linear-gradient(169deg, rgba(38,41,76,1) 0%, rgba(25,25,53,1) 50%);}
.mobilenav li {list-style-type: none;text-align: left;padding: 5px;}
.mobilenav li a {font-size: 22px;color: #fff;text-decoration: none;font-weight: 400;width: 100%;padding: 15px;}
.mobilenav li:first-child { margin-top: 120px; }



@media screen and (min-width:769px) and (max-width:914px) {
.about_img {display: none;}
.kisayollar {display: none;}
.header-yazi {display: none;}
.sohbet-alani {width: 100%;}
.sidebar {display: none;}
.genel-makale {width: 100%;}
.uygulamalarimiz {display: none;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .uygulamalarimiz {display: none;}
  .sohbet-alani {width: 100%;}
  .genel-makale {width: 100%;}
}