/*
Theme Name:  www.trabzonsohbet.net sohbet Teması
Theme URI:  www.trabzonsohbet.net sohbet Teması
Description: Trabzon chat odaları .trabzonsohbet.net
Author:  1001Renk - Photoshop / Css / HTML5 / Wordpress
License: GNU General Public License
License URI: license.txt
Version: 1
Tags: trabzonsohbet.net sohbet Teması
*/
/* Sohbet */
@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;}
.genel {background: url(resimler/bg.webp) no-repeat top center; width: 100%; height: 910px; background-size: cover;}
.nav-link {color: #1d1e2e; font-weight: 700; letter-spacing: -1px; font-size: 18px;}
.nav-link:hover {color: #e18a0a;}
.nav-link.active {color: #e18a0a !important;}
.nav-item {padding: 10px;}
.navbar-brand img {width: 350px; height:81px;}
.sohbet-baslik {margin-top: 200px;}
.sohbet-baslik h1 {font-size: 32px; font-weight: 700;}
.sohbet-baslik h1 b {color: #e18a0a;}
.sohbet-baslik h2 {font-size: 18px; font-weight: 500; color: #565973; margin-top: 15px;}
h1.line-1{text-align: left;white-space: nowrap;overflow: hidden;}
h1.anim-typewriter{animation: typewriter 2s steps(44) 1s 1 normal both,blinkTextCursor 500ms steps(44) infinite normal !important;}
.indirmeler {margin-top: 30px;}
.indirmeler a {padding: 8px; background: #e18a0a; font-weight: 600; border-radius: 22px;}
.indirmeler a i {font-size: 30px; vertical-align:middle;}
.indirmeler a:hover {background: #1d1e2e; color: #fff;}
.sohbet-alani {background: url(resimler/sohbetbg.webp) no-repeat top center; height: 660px; background-size: contain; margin-top: 10px;}
.sohbet-alani h2 {margin-top: 150px; color: #fff; font-size: 32px; font-weight: 700; text-align: center;}
.sohbet-alani-ic {margin-top: 30px;}
.chat-icon {text-align: left; color: #1d1e2e;}
.chat-icon h2 {font-size: 18px; font-weight: 500;}
.chat-icon h2 i {position:absolute; right: 20px; top: 15px; font-size: 50px;color: #e18a0a;}
.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: #e18a0a; border-color: #e18a0a; color: #fff !important;transition: all 0.5s;} 
.input-group:hover .input-group-text i {color: #fff !important;}
.asp1 i { font-size: 25px; color: #1d1e2e; padding: 0px 5px;}
.form-control {height: 60px; font-weight: 500; color: #e18a0a !important; border-color: #7f6cae;border-radius: 16px;border:none !important;font-family: 'Poppins', sans-serif !important; }
.input-group {border-radius: 16px;}
.btn-baglan {background: #e18a0a; color: #fff; padding: 7px; border-radius: 16px; font-size: 30px; font-weight: 700;}
.btn-baglan:hover {background-color: #1d1e2e; color: #fff;}
.form-control:focus {box-shadow: none;border-color: #c6c6c7 !important;}

@media (max-width: 768px) {
    .navbar-brand img {width: 100%; height:60px;}
    .sohbet-baslik { margin-top: 10px;    }
    h1.anim-typewriter {animation: none !important;}
    .sohbet-baslik h1 {font-size: 24px; font-weight: 700;}
    .sohbet-alani {background: url(resimler/sohbetbg.webp) no-repeat top center; height: 570px; background-size: cover; margin-top: 10px;}
    .sohbet-alani {padding:10px 10px;}
    .sohbet-alani h2 {
        margin-top: 80px;
        color: #fff;
        font-size: 22px;
    }
}

@media screen and (min-width:1024px) and (max-width:1366px) { 

}

@media (min-width: 1400px) {

}


@keyframes typewriter{
    from{width: 0;}
    to{width: 24em;}
    }
  
    @keyframes typewriter{
    from{width: 0;}
    to{width: 24em;}
    }
  
    @keyframes blinkTextCursor{
    from{border-right-color: rgba(255,255,255,.75);}
    to{border-right-color: transparent;}
    }