/*
Theme Name: 1001Renk Hiperalem.net sohbet Teması
Theme URI: 1001Renk Hiperalem.net sohbet Teması
Description: 1001Renk Tarafından özel yazılmış HTML 1001Renk Hiperalem.net 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 Hiperalem.net 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;}
body, html {font-family: 'Poppins', sans-serif !important; background: #fff}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
.header-alani {background: url(resimler/headerbg.webp) no-repeat top center;height: 790px;padding: 0px;}
.nav-link {color: #1d2241; font-weight: 700; letter-spacing: -1px; font-size: 18px;}
.nav-link:hover {color: #ff283f;}
.nav-link.active {color: #ff283f !important;}
.nav-item {padding: 10px;}
.navbar-brand img {width: 339px; height:81px;}
.indir {color: #5905ac !important; border-bottom: 1px solid #5905ac;}
.radyodinle {color: #ff6c45 !important; border-bottom: 1px solid #ff6c45;}
.playstore {margin-top: 250px; padding: 0px; position: relative; z-index: 1;}
.playstore a {display: block; margin-top: 5px; background: #ff6644; color: #fff; padding: 8px; border-radius: 8px; font-size: 14px;}
.sohbet-alani { background: url(resimler/sohbetbg.webp) no-repeat top center; margin-top: 50px;height: 574px;background-position: right 10px top;padding: 0px; position: relative; z-index: 999;}
.mirc-indir {margin-top: 60px;}
.mirc-indir a:hover {opacity: 0.5;}
.mirc-indir img {float: left; margin-right: 10px; vertical-align: text-bottom;}
.mirc-indir p {font-size: 12px; color: #fff; line-height: 15px;}
.sohbet-inputlar {margin-top: 140px;}
.formasp {border-bottom: 2px solid #ff273e;}
.input-group-text {border: none; background: none; padding: 12px 0px;}
.form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 25px;font-weight: 800;color: #ff273e !important;border: none !important;}
.form-control.sifresi::placeholder {color: #c7c7ce;opacity: 1;}
.form-control:focus {color: #212529;background-color: #fff;border-color: #ff4e4f;outline: 0;box-shadow: none;}
.form-control::-moz-placeholder {color: #ff273e !important;opacity: 1;}
.form-control::placeholder {color: #ff273e;opacity: 1;}
.btn-baglan {background:#1d2241; color:#fff; text-align:center; font-size:18px; font-weight:700; padding:8px 35px; border-radius:22px}
.btn-baglan:hover {background:#ff6644; color:#fff; text-align:center;}
.alternatifler ul {list-style: none; width: 100%; padding: 0px;}
.alternatifler ul li {float: left; padding: 5px; font-weight: 600;}
.alternatifler ul li input[type=radio]+label {padding: 3px 3px 3px 3px;cursor: pointer;align-items: center;}
.btn.btn-aspa {background: #ff3a40 !important; border-radius: 30px;}
.btn.btn-aspa1 {background: #ff6644 !important;border-radius: 30px;}
.makale-genel {margin-top: 30px;}
.resim1 { width: 241px; height: 262px; float: left; margin-right: 10px; }
.resim2 { width: 145px; height:148px; float: left; margin-right: 10px; }
.resim3 { width: 141px; height:163px; float: right; margin-left: 10px; }
.makale p {color: #1d2241; line-height: 34px; text-align: justify;}
.makale h1 {font-size:24px; font-weight: 700; color: #1d2241; margin-bottom: 15px;}
.makale h1 span {color: #ff293f;}
.makale h2 {font-size:20px; font-weight: 700; color: #1d2241; margin-bottom: 15px;}
.makale h2 span {color: #ff293f;}
.makale h3 {font-size:20px; font-weight: 700; color: #1d2241; margin-bottom: 15px;}
.makale h3 span {color: #ff293f;}
/*sidebar alanı*/
.radyo {position: relative;}
.baloncuk {position: absolute; right: 0; top: -30px;}
.radyo a {background: #1d2241; border-radius: 50px; display: block; padding: 30px 15px; color: #fff;}
.radyo a:hover {opacity: 0.8;}
.radyo a img {float: left; margin-right: 15px; margin-top: 20px; margin-bottom: 20px;}
.radyo a p {padding: 0px; margin: 0px; font-size: 16px; letter-spacing: -1px; line-height: 20px;}
.radyo a h2 {font-size: 24px; font-weight: 700;}
.sitene-ekle {position: relative; margin-top: 35px;}
.baloncuk2 {position: absolute; left: 0; top: -30px;}
.sitene-ekle  a {background: #1d2241; border-radius: 50px; display: block; padding: 30px 15px; color: #fff;}
.sitene-ekle  a:hover {opacity: 0.8;}
.sitene-ekle  a img {float: left; margin-right: 15px; margin-top: 20px; margin-bottom: 20px;}
.sitene-ekle  a p {padding: 0px; margin: 0px; font-size: 16px; letter-spacing: -1px; line-height: 20px;}
.sitene-ekle  a h2 {font-size: 24px; font-weight: 700;}
.sorular {padding: 15px; border-radius: 22px; background: #1d2241; margin-top: 30px;}
.sorular h3 {font-weight: 700; font-size: 24px !important; margin: 0px; color: #fff; margin-bottom: 20px;}
.sorular-baslik p {font-size: 14px; color: rgb(212, 212, 212); border-bottom: 1px solid #0d304e;}
.sorular-ici p {color: #fff; font-size: 14px;}
.accordion-button {font-weight:600; font-size: 18px;background: #1a1e39; color: #fff;border-radius: 16px !important; box-shadow: none !important;}
.accordion-button:not(.collapsed) {color: #0c63e4;background: #1a1e39; box-shadow: none; color: #fff; }
.accordion-item {background-color:#1d2241 !important; color: #fff;border: none; margin-bottom: 15px;}
.accordion-body {background: #1d2241 !important;}
.accordion-button:not(.collapsed)::before {width: auto;height: auto;background-image: none;content: "-";font-size: 20px;transform: translate(-5px, -4px);transform: rotate(0deg);color: #fff;float: left;margin-top: -2px;font-weight: 700;}
.accordion-button::before {width: auto;height: auto;content: "+";font-size: 20px;background-image: none;font-weight: 100;color: #fff;transform: translateY(-4px);float: left;margin-right: 10px;margin-top: 5px; font-weight: 700;}
.accordion-button::after {content: "";display: none;}
.accordion-button:not(.collapsed)::after {content: "";display: none;}
.mobil-sohbet {margin-top: 30px;}
.mobil-sohbet img {width: 100%; height: auto;}
.benzerler {padding: 0px;}
.benzerler h2 {color: #1d2241; font-size: 20px; font-weight: 700;}
.benzerler h2 span {color: #ff273e; text-decoration: underline;}
.benzerler-ic {margin-top: 20px; position: relative;}
.benzerin-ici {background: url(resimler/makalebg.webp) no-repeat top center; width: 288px; height: 247px; position: relative;}
.benzerin-ici img {padding: 27px;border-radius: 100%;text-align: center;margin-left: 7px;margin-top: 5px; object-fit:cover}
.benzerin-ici .basliklar {position: absolute;top: 31px;left: 43px;padding: 87px 14px 20px 17px;width: 189px;height: 195px; border-radius: 100%; opacity: 0;transition: all 0.5s; line-height: 10px;}
.benzerin-ici .basliklar:hover {opacity: 1;  background: rgba(0, 0, 0, 0.438);transition: all 0.5s;}
.benzerin-ici .basliklar h2 {font-size: 13px; color: #fff; }
.benzerin-ici .basliklar p {font-size: 10px; color: #fff; margin: 0px; padding: 0px; }
.kurallar-alani { margin-top: 50px;}
.kurallar {background: #1d2241; color: #fff; padding: 50px 50px; border-radius: 50px 0px 0px 50px; position: relative;}
.kurallar h3 {font-size: 24px; font-weight: 700;}
.kurallar a {color: #fff;}
.kurallar p {margin: 0px; padding: 0px; color: #fff;}
.komutlar {background: #ff293f; color: #fff; padding: 50px 50px; position: relative;}
.komutlar h4 {font-size: 24px; font-weight: 700;}
.komutlar a {color: #fff;}
.komutlar p {margin: 0px; padding: 0px; color: #fff;}
.iletisimler {background: #f9b256; color: #fff; padding: 50px 50px; border-radius: 0px 50px 50px 0px; position: relative;}
.iletisimler h4 {font-size: 24px; font-weight: 700;}
.iletisimler a {color: #fff;}
.iletisimler p {margin: 0px; padding: 0px; color: #fff;}

.b11 {position: absolute; left: 0;}
.b12 {position: absolute; right: -50px; top: 0; margin-top: 50px;}
.b13 {position:absolute; right: -10px; top: -30px;}
.b14 {position:absolute; left: 0px; bottom: -10px;}
.b15 {position: absolute; right: 0; bottom: -20px;}

.footer {margin-top: 80px;}
.footer-yazi {padding: 0px; color: #1d2241;}
.footer-yazi span {font-size: 24px; font-weight: 700;}
.footer-yazi a {padding-right: 15px; color: #1d2241;}
.footer-yazi a:hover {color: #ff293f;}
.footer-yazi p {font-size:15px }
.uygulamalar {margin-top: 20px;}
.sosyaller  {text-align: right;}
.footer-resim img {margin-top:-15px;}
.footer-resim {text-align:center}
.cizik {height: 2px; background: #ff273e; margin-top: 50px;}
.komut { line-height: 22px; margin-top: 10px; background: #f6f6f7; padding: 10px 30px; border-radius: 22px; margin-bottom: 15px;}
.komut p {line-height: 20px; margin: 0px; padding: 0px;}

ol.kurallarimiz li {padding: 15px; font-weight: 600; color: #464556;margin-bottom: 10px;}
  ol.kurallarimiz {
    list-style-type: none;
    counter-reset: ordered;
  }
  ol.kurallarimiz li::before {
    border: 1px solid #1d2241;
    border-radius: 50%;
    color: #1d2241;
    content: counter(ordered);
    counter-increment: ordered;
    display: inline-block;
    font-weight: 100;
    margin-left: -50px;
    margin-top: -5px;
    padding: 5px 12px;
    position: absolute; font-weight: 700;
  }
  
  .mail {padding: 15px; border-radius: 12px; margin-bottom: 15px;}
.mail a {color: #464556; font-size: 18px;}
.mail a i {font-size: 30px; color: #ff4e4f; vertical-align: middle; margin-right: 15px;}
.skype {padding: 15px; border-radius: 12px; margin-bottom: 15px;}
.skype a {color: #464556; font-size: 18px;}
.skype a i {font-size: 30px; color: #02aaf4; vertical-align: middle; margin-right: 15px;}
.whatsapp {padding: 15px; border-radius: 12px; margin-bottom: 15px;}
.whatsapp a {color: #464556; font-size: 18px;}
.whatsapp a i {font-size: 30px; color: #4caf50; vertical-align: middle; margin-right: 15px;}
@media (max-width: 768px) {
  .fa-bars {color: #fff !important;}
  .nav-link {color: #fff;}
  .indir {color: #ff273e !important;}
  .header-alani {background: #1d2241; height: auto;}
  .navbar-brand img {width: 100%; height:60px;}
  .navbar-toggler.collapsed {color: #fff }
  .sohbet-alani {background: none; padding: 30px; height: auto; margin-top: 10px;}
  .sohbet-inputlar {margin-top: 10px; background: #fff; padding: 15px; border-radius: 12px;}
  .playstore {margin-top: 0px; padding: 15px; position: relative; z-index: 1;}
  .mirc-indir {display: none;}
  .alternatifler {padding: 15px 0px;}
  .makale h1 {font-size: 22px;}
  .resim1 {width: 100px; height: auto;}
  .mobil-sohbet img {display: none;}
  .benzerler {display: none;}
  .benzerler-ic {display: none;}
  .kurallar {border-radius: 30px 30px 0px 0px;}
  .iletisimler {border-radius: 0px 0px 30px 30px;}
  .footer-resim {display: none;}
  .cizik {display: none;}
  .sosyaller{display: none;}
  .b12 {display: none;}
  .aspa {color: #1D2241 !important;padding: 2px;font-size: 14px;}
  .komut p {font-size:13px }
  .makale {margin-bottom:30px}
}

@media screen and (min-width:1024px) and (max-width:1366px) { 
  .nav-link {color: #1d2241; font-weight: 700; letter-spacing: -1px; font-size: 14px;}
  .navbar-brand img {width: 245px; height:50px;}
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1600px;
  }
}