/*
Theme Name: 1001Renk Sohbetim.Com Sohbet Teması
Theme URI: 1001Renk Sohbetim.Com Sohbet Teması
Description: 1001Renk Tarafından özel yazılmış HTML 1001Renk Sohbetim.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 Sohbetim.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;}
.golge {box-shadow: 0 .275rem 1.25rem rgba(11, 15, 25, .05), 0 .25rem .5625rem rgba(11, 15, 25, .03);}
body, html {font-family: 'Poppins', sans-serif !important;}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
.header {background: url(resimler/headerbg1.jpg) no-repeat top center; width: 100%; height: 850px; background-size: cover; padding: 0px;}
.menu {position: relative; z-index: 999;}
.aspmenu {background: #FF7CB4;background: linear-gradient(135deg,rgba(255, 124, 180, 1) 0%, rgba(68, 51, 135, 1) 72%, rgba(39, 29, 79, 1) 100%); opacity: 1;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: 9999}
.nav-link {color: #fff; font-weight:600;}
.nav-link:hover {color: #220930;}
.nav-item {padding: 10px;}
.navbar-brand img {width: 282px; height: 65px;}
.navbar-expand-lg .navbar-nav .dropdown-menu { border: none;box-shadow: 0 .625rem 1rem rgba(35,35,35,.1)!important;  background-color: #fff}
.sohbet-alani-ic {background: url(resimler/sohbetbg.png) no-repeat top center; width: 100%; height: 678px; background-size: contain; padding: 0px; position: relative; margin-top: 20px;}
.sohbet-alani-ic h2 {padding-top: 100px; font-weight: 700; font-size: 24px; text-align: center; background: linear-gradient(135deg, #190238 0%, #e973af 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;}
.inputlar {text-align: center; padding-top: 20px;}
.form-control {height: 60px; font-weight: 600; padding: 30px; font-size: 18px; letter-spacing: -1px; background: #fff; color: #333d7b !important; border-color: #dcf3fa;border-radius: 50px;border:none !important;font-family: 'Poppins', sans-serif !important; }
.form-control::-moz-placeholder {color: #333d7b !important;opacity: 1;}
.form-control::placeholder {color: #0d011b;opacity: 1;}
.input-group {border-radius: 22px;}
.btn-baglan{height: 200px; background: linear-gradient(90deg, rgba(144,193,252,1) 0%, rgba(193,232,254,1) 100%); color: #333d7b; padding: 7px; border-radius: 12px; letter-spacing: -1px; font-size: 24px; font-weight: 600;}
.form-control:focus {box-shadow: none;border-color: #c6c6c7 !important;}
.btn-hover {font-size: 18px;font-weight: 600;border-radius: 50px; color: #fff;cursor: pointer;height: 70px;text-align:center;border: none;background-size: 300% 100%;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.btn-hover:hover {background-position: 100% 0; -o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-hover:focus {outline: none;}
.btn-hover.color-1 {background-image: linear-gradient(to right, #dc6eab, #413080, #521b62, #413082); box-shadow: 0 4px 15px 0 rgba(93, 49, 196, 0.75); color: #fff;}
.header-yazi { margin-top: 90px; padding: 60px;}
.header-yazi h2 {font-weight: 700; background: linear-gradient(135deg, #ffffff 0%, #fc0654 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;}
.header-yazi p {font-size: 18px; font-weight: 500; color: #fff; line-height: 40px;}
.mirc-indir {margin-top: 100px; color: #fff;}
.mirc-indir p {font-size: 15px;}
.btn-mirc {font-size: 14px; font-weight: 500; color: #fff;border: 1px solid #fff; border-radius: 30px; margin-right: 30px;}
.btn-mirc:hover {background: #521b62; color: #fff;}
.btn-mirc img {width: 30px; height: 30px;}
.store {margin-top: 50px;}
.store a {color: #fff; border: 1px solid #fff; padding: 15px; border-radius: 30px; margin-right: 20px; background-color: #521b62;}
.store a:hover {background-color: #ef75b0;}
.kisa-yollar {position: relative; background: #fff; padding: 15px; margin-top: -70px; border-radius: 22px;}
.kisa-yollar h2 {font-weight: 700; font-size: 18px;background: linear-gradient(135deg, #935077 0%, #2c1778 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;}
.kisa-yollar p {font-size: 14px; color: #4c5a6d;}
.kisa-yollar i {position: absolute; right: -20px; top: -30px; width: 50px; height: 50px;background: linear-gradient(135deg, #0bf9f9 0%, #1a3cb7 100%); color: #fff; padding: 13px; font-size: 25px; border-radius: 50px;}
.kisa-yollar a {background: linear-gradient(135deg, #d35da1 0%, #6f61a5 100%); color: #fff; padding: 8px 15px; border-radius: 12px; font-size: 14px; font-weight: 600;}
.makale {margin-top: 80px; text-align: justify;}
.makale h1 {font-size: 24px; font-weight: 600; margin-top: 30px;}
.makale h2 {font-size: 20px; font-weight: 600;}
.makale h3 {font-size: 16px; font-weight: 600;}
.makale p {color: #4c5a6d; font-size: 15px;}
.makale p a {font-weight: 600; color: #1a3cb7;}
.sidebar {margin-top: 80px;}
.sticky-top {top: 60px;}
.sidebar-ic {border-radius: 22px; padding: 15px;}
.kat-baslik {padding: 15px; position: relative;}
.kat-baslik h3:before {position: absolute;content: "";left: 15px; bottom: 15px; height: 2px; width: 30%;background: #b35fa1;}
.sidebar-ic h3 {font-size: 20px; font-weight: 600;}
.kategoriler-ic {padding: 15px;}
.kategoriler-ic a {display: block; margin-top: 15px; font-weight: 500; color: #4c5a6d}
.kategoriler-ic a:before {content: "»"; margin-right: 5px; color: #d35da1;}
.kategoriler-ic a:hover {color: #0d011b;}
ul.kategori-listesi {padding:0px; margin:0px}
.populerler-ic {padding: 15px;}
.populer-img {border: 1px solid #bdbdbd; padding: 3px; border-radius: 4px; margin-right: 5px; float: left; margin-top: 4px;}
.populer-basliklari h2 {line-height: 15px; margin: 0px; padding: 0px;}
.populer-basliklari a {font-size: 14px; line-height:20px; color: #4c5a6d; margin-left: 10px; display: block; margin-top: 15px;}
.populer-basliklari a:hover {color: #0d011b;}
.bloglar-baslik h2 {position: relative; font-weight: 600; font-size: 26px; color: #a7599c;}
.bloglar-baslik h2:before {position: absolute;content: "";left: 0px;bottom: -5px;height: 2px;width: 10%; background: #b35fa1;}
.bloglar-baslik {margin-top: 50px;}
.blog-ic {margin-top: 50px; border-radius: 22px;}
.blog-ic:hover h2 a {color: #4e05a0;}
.blog-img {border-radius: 22px 22px 0px 0px !important; object-fit: cover !important; width: 100%; height: 200px !important;transition: all 0.5s;}
.blog-ic img {border-radius: 22px 22px 0px 0px !important; object-fit: cover; width: 100%; height: 200px !important;transition: all 0.5s;}
.blog-img:hover {opacity: 0.8;transition: all 0.5s;}
.blog-baslik {padding:10px 15px;}
.blog-baslik h2 {line-height: 20px;}
.blog-baslik h2 a {font-size: 16px;color: #4c5a6d; line-height: 10px;}
.blog-icerik {padding: 5px 15px;}
.blog-icerik p {font-size: 14px; color: #4c5a6d;}
.sss {margin-top: 80px; padding: 50px; background: #FF7CB4;background: linear-gradient(135deg,rgba(255, 124, 180, 1) 0%, rgba(68, 51, 135, 1) 72%, rgba(39, 29, 79, 1) 100%);}
.sssimg img {border-radius: 30px;}
.sss-baslik h2 {font-weight: 600; font-size: 24px; margin-bottom:10px; color: #fff;}
.sss-baslik p {color: #fff; margin-bottom: 30px;}
.accordion {background: none; --bs-accordion-bg: none; border: none !important;}ü
.accordion-flush>.accordion-item {border: none !important;}
.accordion-button:not(.collapsed) {color: #fff;background: #d35da1;box-shadow: none;}
.accordion-button {font-weight: 600;font-size: 18px;background: #521b62;color: #fff !important;border-radius: 16px !important;box-shadow: none !important;margin-top: 20px;}
.accordion-body {padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);border: none; color: #fff;}
.accordion-item {border: none !important;}
.accordion {--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.sssimg img {object-fit: contain; width: 100%; height: auto;}
.footer {margin-top: 50px;}
.footer-logo img {width: 282px; height: 65px; margin-bottom: 30px;}
.footer-logo p {color: #fff;}
.footer-linkler h3 {color: #fff; font-size: 22px; font-weight: 600;}
.footer-linkler a {color: #fff;  display: block;padding: 5px 0px;}
.footer-linkler a:hover {color: #FF7CB4;}
.footer-linkler a:before {content: "»"; margin-right: 5px; color: #fff;}
/*detay alanı*/
.makale img {width: 100%; height: auto; margin-bottom: 20px; border-radius: 22px; object-fit: contain;}
.tag h2 a {font-size: 16px !important; font-weight: 600; text-align: left !important;}
.tag h2 {font-size: 16px !important; font-weight: 600; text-align: left !important;}
.sayfalama {margin-top:30px}
.sayfalama ul {padding:0px}
.sayfalama ul li a {float: left;padding: 10px;background: #521b62;margin-left: 2px;border-radius: 6px; color: #fff;}
.sayfalama ul li a:hover {background:#d6777e;}
.sayfalama ul li span { float: left; padding: 10px; background: #521b62; margin-left: 2px; border-radius: 6px; color: #fff;}
.sayfalama ul li a {color:#fff;}
.yapimci img {width:25px ; height:12px ;}
@media (max-width: 768px) {
.navbar-brand {width: 60%;}
.navbar-brand img {width: 100%;height: auto;}
.header-yazi {margin-top: 15px; padding: 15px;}
.store a {display: block; margin-top: 15px;}
.footer-logo img {width: 100%; height: auto;}
.kisa-yollar {margin-top: 10px;}
.header {height: auto;}
.btn-mirci {display: none;}
.mirc-indir a {margin-top: 15px;}
.mirc-indir {margin-top: 30px;}
.sohbet-alani-ic {background: none; height: auto; margin-top: 20px;}
.sohbet-alani-ic h2 {display: none;}
.makale {padding: 15px; text-align: left;}
.makale h1 {font-size: 22px !important; font-weight: 700;}
.makale h2 {font-size: 18px !important; font-weight: 700;}
.makale h3 {font-size: 16px !important; font-weight: 700;}
.sidebar-ic {padding: 0px;}
.populer-resimleri {float: left;}
.populer-basliklari {float: left;}
.sss {padding: 30px 15px;}
.sssimg img {display: none;}
.clear {clear: both;}
.sticky-top { margin-bottom: 20px;}
.populerler {display: inline-block; padding-bottom: 30px;}
.kisa-yollar i {right: 0px; top: -10px;}
.yapimci img {width:25px ; height:12px ;}
}

@media (min-width: 2560px) { 

}
@media (min-width: 768px) and (max-width: 1024px) {
  
.store a {
font-size:13px;
}
  
}
@media (min-width: 1200px) {
.store a {
font-size:13px;
}
	.btn-mirc {
    margin-right: 15px;
}
	.kategoriler-ic a {
    font-size: 13px;
}
}