/*
Theme Name: Sohbet Teması
Theme URI: Sohbet Teması
Description: AspavA Tarafından özel yazılmış HTML Sohbet teması / Chatsohbet.ORG Ürünüdür.
Author:  Sohbet Teması - Photoshop / Css / HTML5
License: GNU General Public License
License URI: license.txt
Version: 1
Tags: Sohbet Teması teması
*/
/* AspavA */
@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;}
h1,h2,h3,h4,h5 {font-family: 'Mitr', sans-serif !important;}
a {font-family: 'Mitr', sans-serif !important;}
b {font-family: 'Mitr', sans-serif !important; font-style: normal;}
span {font-family: 'Mitr', sans-serif !important; font-style: normal;}
em {font-family: 'Mitr', sans-serif !important; font-style: normal;}
li {font-family: 'Mitr', sans-serif !important;}
ul {font-family: 'Mitr', sans-serif !important; list-style-type: none !important; }
.btn {font-family: 'Mitr', sans-serif !important;}
body, html {font-family: 'Mitr', sans-serif !important; background-color: #2e294e;}

.header {margin-top: 0px; padding: 0px;}
.menu {background: url("resimler/menubg.webp"); width: 100%; height: 305px;}
.navbar-brand img {width: 216px; height: 101px;}
.nav-link {color: #fff; font-size: 17px; font-weight: 300; border-radius: 12px;}
.nav-link:hover {background: #d7263d; color: #fff; border-radius: 12px;}
.nav-item {padding: 15px;}
.mirc-indir {background: #d7263d; color: #fff; border-radius: 4px 24px 24px 4px;}
.sohbet-yazi {margin-top: 30px;}
.sohbet-yazi h1 {color: #fff; font-size: 23px; font-weight: 600; letter-spacing: 2px;}
.sohbet-yazi h1 span {color: #c5d86d;}
.sohbet-yazi h1 img {margin-right: 10px;}
.sohbet-yazi-ac {color: #fff; font-size: 17px; margin-top: 15px; font-weight: 300; line-height: 35px;}
.sohbet-yazi-ac b {font-weight: 600;}
.sohbet-inputlar {background: url("resimler/inputlarbg.webp"); width: 343px; height: 298px; margin-left: 40px;}
.inputlar {padding: 0px; margin-left: 30px; padding-top: 60px;}
.input-group-text {border-radius:50px; font-size: 24px; background-color:#fff; border: none; }
.asp {color: #2e294e !important;}
.form-control::-moz-placeholder {color: #2e294e !important;opacity: 1;}
.form-control::placeholder {color: #2e294e;opacity: 1; font-weight: 400;}
.form-control:disabled, .form-control[readonly] {background-color: #2e294e;opacity: 1;}
.baglan-asp {background: linear-gradient(90deg, rgba(253,89,45,1) 0%, rgba(240,150,26,1) 100%);transition: all 0.5s ease 0s; font-size: 20px; font-weight: 600; line-height: 20px; letter-spacing: 0px; color: #231e3d; border-radius: 50px;  }
.baglan-asp:hover {background: linear-gradient(90deg, rgba(240,150,26,1) 0%, rgba(253,89,45,1) 100%);transition: all 0.5s ease 0s;}
.baglan-asp span {font-size: 16px; font-weight: 400; letter-spacing: -1px;}
.form-control {border: none; background-color: #fff; height: 85px; border-radius: 50px; padding: 25px;}
.form-control:focus {box-shadow: none; border: none;}
.kisayollar {background: #140f2d;}
.kisayollar-ic:hover {opacity: 0.6;}
.kisayollar-ic {padding: 25px; color: #fff; font-weight: 300;}
.kisayollar-ic a {color: #fff; text-decoration: none; font-size: 17px;}
.kisayollar-ic strong{font-weight: 500; }
.kisayollar-ic img {float: left; margin-top: 10px; margin-right: 30px;}
.makaleler-genel {margin-top: 80px;}
.makale-baslik h2 {color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 2px;}
.makale-baslik h2 span {color: #c5d86d; }
.makale-baslik h2 img {vertical-align:bottom; margin-right: 20px;}
.sohbet-makale-icerik {color: #fff; margin-top: 20px; font-weight: 300; line-height: 30px; font-weight: 17px; text-align: justify;}
.sohbet-makale-icerik a {color: #c5d86d; font-weight: 500;}
.mobil-telefon {text-align: right; margin-top: 0px;}
.mobil-telefon img {width: 330px; height: 500px;}
.alt-makale {margin-top: 30px;}
.sidebar {background: url("resimler/sidebarbg.webp") no-repeat center center; width: 299; height: 672px; background-repeat: no-repeat;}
.sidebar-baslik {padding: 20px 10px; margin-top: 10px;}
.sidebar-baslik h2 { font-size: 17px; color: #d7263d;}
.sidebar-ic {color: #fff; padding: 2px 5px; font-size: 14px; font-weight: 300;}
.sidebar-ic p {margin-top: 5px;}
.nokta {margin-top: 13px;}
.nokta1 {margin-top: 47px;}
.nokta2 {margin-top: 35px;}
.nokta3 {margin-top: 13px;}
.nokta4 {margin-top: 48px;}
.sidebar-uyari {padding: 15px 25px; color: #d7263d; font-size: 12px;}
.sosyal-medya-genel {background: url("resimler/sosyalmedyabg3.webp"); width: 100%; height: 322px; margin-top: -27px;}
.sosyal-yazi {margin-top: 140px;}
.sosyal-yazi h3 {font-size: 23px; line-height: 40px; color: #fff; font-weight: 400;}
.sosyal-yazi em {font-weight: 600; letter-spacing: 1px;}
.sosyal-siteler {margin-top: 140px; text-align: center;}
.sosyal-siteler a {text-decoration: none; color: #fff; font-size:21px; line-height: 40px;transition: all 0.5s ease 0s;}
.sosyal-siteler a:hover {opacity: 0.6;transition: all 0.5s ease 0s;}
.makale-ve-yardim {margin-top: 30px;}
.makale-baslikiki h2 {color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 2px;}
.makale-baslikiki  h2 span {color: #c5d86d; }
.makale-baslikiki  h2 img {vertical-align:bottom; margin-right: 20px;}
.makale-baslikuc h2 {color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 2px;}
.makale-baslikuc  h2 span {color: #7f6ef2; }
.makale-baslikuc  h2 img {vertical-align:bottom; margin-right: 20px;}
.sidebar-genel {padding: 5px;}
.sidebariki {background: url("resimler/yardimbg.webp") no-repeat center center; width: 318px; height: 684px; background-repeat: no-repeat; margin-top: -30px;}
.sidebariki-baslik {padding: 10px 10px; margin-top: 10px;}
.sidebariki-baslik h2 { font-size: 17px; color: #fff;}
.sidebariki-ic {color: #fff; padding: 2px 10px; font-size: 13px; font-weight: 300;}
.sidebariki-ic p {margin-top: 5px;}
.sidebariki-uyari {padding: 15px 25px; color: #fff; font-size: 12px;}
.footer {background: #282345; width: 100%;margin-top:30px;border-top: 3px solid #e36746;}
.footer-linkler {margin-top: 30px;}
.footer-linkler img {margin-right: 25px;}
.footer-linkler ul li {padding:0px !important;}
.footer-linkler ul li a {padding: 10px 15px !important; margin-bottom:30px}
.footer-yazi {color: #fff; margin-top: 20px; font-size: 16px;}
.logo {margin-top: 80px; text-align:right}
.dmcalar {text-align:center; margin-top:25px}
.sosyal-medya-genel-alt {display: none;}

/*DETAY ALANI*/
.detay-Makale-alani {margin-top: 30px; padding: 0px 50px 0px 0px; }
.detay-makale-baslik {color: #fff;font-size: 23px;}
.detay-makale-baslik span{ color: #c5d86d; }
.detay-makale-baslik a { color: #c5d86d; }
.yardim-sayfasi a { color: #c5d86d; }
.detay-sohbet-alani {background: #221f3b; width: 100%; border-radius: 30px; padding: 5px; border-top: 10px solid #dc2d44; border-bottom: 5px solid #19162e; }
.detay-Makale-alani h2 {color: #f46036; font-size: 28px; margin-top: 30px; margin-bottom: 15px;}
.detay-Makale-alani h3 {color: #f7b537; font-size: 24px; margin-top: 30px; margin-bottom: 15px;}
.detay-asp {height: 60px;}
.sticky-top {top:40px}
.detay-sidebar {padding: 0px;}
.detay-inputlar {padding: 50px 10px 10px 10px;}
.detay-baglan-asp {background: #141126; color: #fff; margin-top: 15px; border-radius: 50px; text-align: left; padding: 20px; font-weight: 300; font-size: 17px; position: relative;}
.detay-baglan-asp:hover {background: #d7263d; color: #fff;}
.detay-baglan-asp img { position: absolute; right: 2px; top: 5px;}
.detay-butonlar {padding: 10px;}
.detay-butonlar a {margin-bottom: 15px; font-weight: 300;}
.btn-adroid {background: #c5d86d; color: #fff; text-decoration: none; padding: 15px; border-radius: 50px; text-align: left; font-weight: 300;}
.btn-app {background: #dc2d44; color: #fff; text-decoration: none; padding: 15px; border-radius: 50px; text-align: left; font-weight: 300;}
.btn-muzik {background: #f46036; color: #fff; text-decoration: none; padding: 15px; border-radius: 50px; text-align: left; font-weight: 300;}
.btn-chat {background: #8672f2; color: #fff; text-decoration: none; padding: 15px; border-radius: 50px; text-align: left; font-weight: 300;}
.detay-sosyaller {background: #19162e; padding: 15px; border-radius: 50px;}
.detay-sosyaller a {text-decoration: none; margin-left: 5px;}
.detay-sosyaller p {margin: 0px; padding: 0px; color: #fff;}
.detay-y-s {margin-top: 15px;}
.detay-y-s a {text-decoration: none;}
.detay-y-s a:hover {color: rgb(172, 172, 172);}
.btn-yardim {background: #19162e; color: #fff; margin: 0px; padding: 15px; border-radius: 50px 0px 0px 50px; display: block; width: 40%; float: left;}
.btn-kurallar {background: #ff0090; color: #fff;margin: 0px;padding: 15px; border-radius: 0px 50px 50px 0px; display: block; width: 60%; float: left;}
.accordion-button {color: #ffffff !important;background-color: #141126 !important; border-radius: 20px !important;}
.accordion-item {background: none !important; color: #fff; border: none;}
.detay-makale-baslik p {font-size: 16px;}
.accordion-button:focus {box-shadow: none; box-shadow: none !important; border: none;}
.accordion-flush .accordion-item { margin-bottom: 15px;border-radius: 24px;}
.accordion-button::after {background:none !important;}
.iletisim-alani a {text-decoration: none; color: #fff; font-weight: 400; background: #140f2d; padding: 15px; border-radius: 12px; display:inline-flex; margin-top: 15px;}
.iletisim-alani p b {color: #f7b537;font-weight: 500;}
.iletisim-alani p strong {color: #f7b537; font-weight: 500;}
.iletisim-alani p {font-size: 17px; color: #fff; font-weight: 400;}
.iletisim-alani {margin-top: 50px;}
.yardim-sayfasi { color: #fff; margin-top: 50px;}
.yardim-sayfasi strong {font-weight: 500; color: #c5d86d;}
/* Mobil menü */
.m-logo {display: none;}
.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: 9999;position: absolute;display: block;padding: 9px; height: 40px;width: 40px;margin: 0px;top: 50px;right: 25px; cursor:pointer}
.mobilenav {font-family: inherit;top: 0;left: 0;z-index: 9999;display: none;position: fixed;width: 100%;height: 100%; background: #2e294e;}
.mobilenav li {list-style-type: none;text-align: left;padding: 15px;}
.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; }
.detay-sidebar-mobil {display: none;}
.mircindir {font-size:30px;font-weight:600;margin-bottom:30px;margin-top:20px;display:flex;}

@media (max-width: 768px) {
	.menu-icon {display: inherit !important;}
	.menu{display: none;}
	.m-menu {border-bottom: 2px solid #f46036;}
	.m-logo {display: inherit; padding: 15px;}
	.m-logo img {width: 221px; height: 86px;}
	.header-renk {width: 100%;}
	.menu {height: auto;background: #140f2d; border-bottom: 2px solid #f46036;}
	.navbar-toggler {color: #fff;}
	.sohbet-alani {margin-top: 30px; margin-bottom: 30px;}
	.sidebar {display: none;}
	.mobil-telefon {display: none;}
	.logo img {width: 70%; height: 62px;}
	.sohbet-yazi {display: none;}
	.sohbet-inputlar {margin-left: 0px;width: 100%;background-repeat: no-repeat;}
	.mavra-chat {background: none;}
	.makaleler-genel {margin-top: 20px;}
	.makale-baslik h2 img {float: left;margin-top: 10px;}
	.makale-baslikiki h2  {font-size: 18px;}
	.makale-baslikiki h2 img {float: left;margin-top: 10px;}
	.makale-baslikuc h2  {font-size: 16px;}
	.makale-baslikuc h2 img {float: left;margin-top: 10px;}
	.sosyal-yazi {display: none;}
	.makale-ve-yardim {padding: 15px;}
	.sidebariki {display: none;}
	.footer {background: #231e3d; height: auto; padding: 30px 0px; text-align: center;}
	.footer-linkler {margin-top: 10px;}
	.footer-linkler img {margin-right: 5px;}
	.logo {margin-top: 10px;}
	.sosyal-medya-genel {display: none;}
	.sosyal-medya-genel-alt {height: auto; margin-top: 0px; display: inherit;}
	.mirc-indir {background: #d7263d;color: #fff;	border-radius: 24px;text-align: center;	}
	.sosyal-medya-genel-alt {background:#d7263d; width: 100%; height: auto; margin-top: -27px;}
	.sosyal-yazi-alt {display: none;}
	.sosyal-siteler-alt {margin-top: 20px; text-align: center; margin-bottom: 10px;}
	.sosyal-siteler-alt img {width: 41px; height: 40px;}
	.sosyal-siteler-alt a {text-decoration: none; color: #fff; font-size:21px; line-height: 40px;transition: all 0.5s ease 0s;}
	.sosyal-siteler-alt a:hover {opacity: 0.6;transition: all 0.5s ease 0s;}
	.footer {position: relative; bottom: 0px;}
	/* detay alanı*/
	.detay-Makale-alani {padding:15px;}
	.sohbet-makale-icerik {position: relative; height: auto;}
	.detay-sidebar { padding: 15px; margin-bottom: 50px; display: none;}
	.detay-sohbet-alani {background: #221f3b; width: 100%; border-radius: 30px; padding: 15px; border-top: 10px solid #dc2d44; border-bottom: 5px solid #19162e; }
	.detay-sidebar-mobil {display: inherit; margin-top: 50px;}
	.footer-linkler ul li a {display:none}

}

@media screen and (min-width:1024px) and (max-width:1366px) {
	.menu {background: url("resimler/menubg.webp"); width: 100%; height: 200px; background-size: cover;}
	.sohbet-inputlar {background: url("resimler/inputlarbg.webp"); width: 343px; height: 298px; margin-left: 0px;}
	.kisayollar-ic a {font-size: 15px;}
	.sidebar-ic {font-size: 12px;}
	.sidebariki-ic {font-size: 12px;}
	.icerikleri img {width: 8px; height: 8px;}
	.icerikleri {padding: 0px;}
	.aspp {width: 90.5% !important;}
	.sosyal-medya-genel {height: 213px;margin-top: -18px;background-size: contain;}
	.sosyal-siteler {margin-top: 70px;text-align: center;}
	.sosyal-yazi {margin-top: 78px;}
	.makale-baslik h2 {font-size: 22px;}
	.makale-baslikiki h2 {font-size: 22px;}
	.makale-baslikuc h2 {font-size: 22px;}
	.sohbet-makale-icerik {font-size: 16px; line-height: 25px;}
	.sidebar-detay {margin-top: -15px; margin-left: 0px; width: 262px !important; padding: 5px;}
	.asppp {width: 89.5% !important;}
	.detay-sosyaller img {width: 20px; height: 20px;}
	.detay-sosyaller p {font-size: 14px;}
	.sidebariki {width: 283px;height: 684px;}
	.detay-y-s {font-size: 13px;}
} 

@media screen and (min-width:1024px) and (max-width:600px) {
	.inputlar {margin-left: 0px;}
}
@media screen and (min-width:820px) and (max-width:1180px) {

}
	
@media screen and (min-width:768px) and (max-width:1024px) {
	.sohbet-giris-alani {width: 100% !important; position:relative; text-align: center;}
	.inputlar {text-align: center;}
	.sohbet-yazi {display: none;}
	.sohbet-inputlar {width: 343px;margin: 0 auto;}
	.kisayollar-ic {padding: 0px;}
	.kisayollar-ic a { font-size: 12px; line-height: 5px;}
	.kisayollar-ic img {float: left; margin-top: 10px; margin-right: 5px;}
	.mobil-telefon {display: inherit; margin-top: 150px;}
	.mobil-telefon img {width: 100%;height: 230px;}
	.sidebar {display: inherit; background: #140f2d; height: auto; padding: 0px; font-size: 12px;}
	.sidebar-uyari {padding: 0px;}
	.sidebariki {display: inherit; background: #d7263d; padding: 0px; height: auto; margin-top: -45px;}
	.sidebariki-uyari {padding: 0px;}
	.nokta {display: none;}
	.nokta1 {display: none;}
	.nokta2 {display: none;}
	.nokta3 {display: none;}
	.nokta4 {display: none;}
	.sosyal-medya-genel {background: #d7263d; margin-top: 0px;}
	.sosyal-siteler {width: 100%; position:relative; margin-top: 20px;}
	.sohbet-makale-icerik {font-size: 14px;}
	.footer-yazi {display: none;}
	.logo img {width: 100%;}
}

@media screen and (min-width:820px) and (max-width:1180px) {
	.sohbet-giris-alani {width: 100% !important; position:relative; text-align: center;}
	.inputlar {text-align: center;}
	.sohbet-yazi {display: none;}
	.sohbet-inputlar {width: 343px;}
	.kisayollar-ic {padding: 0px;}
	.kisayollar-ic a { font-size: 12px; line-height: 5px;}
	.kisayollar-ic img {float: left; margin-top: 10px; margin-right: 5px;}
	.mobil-telefon {display: inherit; margin-top: 150px;}
	.mobil-telefon img {width: 100%;height: 230px;}
	.sidebar {display: inherit; background: #140f2d; height: auto; padding: 0px; font-size: 12px;}
	.sidebar-uyari {padding: 0px;}
	.sidebariki {display: inherit; background: #d7263d; padding: 0px; height: auto; margin-top: -45px;}
	.sidebariki-uyari {padding: 0px;}
	.nokta {display: none;}
	.nokta1 {display: none;}
	.nokta2 {display: none;}
	.nokta3 {display: none;}
	.nokta4 {display: none;}
	.sosyal-yazi {display: none;}
	.sosyal-medya-genel {background: #d7263d; margin-top: 0px; height: auto;}
	.sosyal-siteler {width: 100%; position:relative; margin-top: 20px;}
	.sohbet-makale-icerik {font-size: 14px;}
	.footer-yazi {display: none;}
	.logo img {width: 100%;}
	.menu {height: auto;background: #140f2d; border-bottom: 2px solid #f46036;}
	.navbar-toggler {color: #fff;}
	.sohbet-alani {margin-top: 30px; margin-bottom: 30px;}
}
	
@media screen and (min-width:360px) and (max-width:740px) {
	.navbar-brand img {
		width: 100%;
		height: 50px;
	}
}
@media screen and (min-width:360px) and (max-width:740px) {
.sohbet-giris-alani {text-align: center;}
.kisayollar-ic a {font-size: 17px !important;}
}

@media screen and (min-width:280px) and (max-width:653px) {
	.sohbet-giris-alani {text-align: center;}
	.kisayollar-ic a {font-size: 14px;}
	.sohbet-inputlar {background-size: contain;}
	.navbar-brand img {width: 100%;height: 35px;}
	}


	@media (max-width: 914px) {
		.sidebar {display: none;}
		.sidebariki {display: none;}
		.mobil-telefon {display: none;}
		.Makale-alani {width: 100% !important; float: left; display: block;}
		.makale-iki  {width: 100% !important;}
		.makaleuc  {width: 100% !important;}
	}