/*

Theme Name: 1001Renk Haylaz.TR Sohbet Teması

Theme URI: 1001Renk Haylaz.TR Sohbet Teması

Description: 1001Renk Tarafından özel yazılmış HTML 1001Renk Haylaz.TR 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 Haylaz.TR Sohbet Teması

*/

/* AspavA */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..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: "Outfit", sans-serif !important;}

a {font-family: "Outfit", sans-serif !important;}

b {font-family: "Outfit", sans-serif !important; font-style: normal;}

em {font-family: "Outfit", sans-serif !important; font-style: normal;}

li {font-family: "Outfit", sans-serif !important;}

ul {font-family: "Outfit", sans-serif !important; list-style-type: none !important; }

.btn {font-family: "Outfit", sans-serif !important; font-style: normal;}

body, html {font-family: "Outfit", sans-serif !important;}

a {transition: all 0.5s; text-decoration: none;}

a:hover {transition: all 0.5s;}

.genel {background: url(resimler/ustbg.webp) no-repeat top center;  width: 100%; height: auto;background-size:contain;}

.menu {position: relative; z-index: 999;}

.headerbg{margin-bottom: 6rem; position: relative; z-index: 100;background: url(resimler/headaer-mirc.webp) left top no-repeat; position:absolute;width: 500px; height: 375px; left: 0; top: 0;}

.aspmenu {background: #fff; 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; letter-spacing: -1px;}

.nav-link:hover {color: #6244c5;}

.nav-item {padding: 10px;}

.navbar-brand {width: 281px; height: 88px;}

.navbar-expand-lg .navbar-nav .dropdown-menu { border: none;box-shadow: 0 .625rem 1rem rgba(35,35,35,.1)!important;  background-color: #fff}

.logo {text-align: center; margin-top: 30px; position: relative; z-index: 900;}

.logo img {width: 356px; height: 98px;}

.sohbet-alani-genel {margin-top: 50px;}

.header-yazi {margin-top: 150px;}

.header-yazi h2 {font-size: 26px; color: #453078; font-weight: 700;}

.header-yazi p {font-size: 20px; color: #453078;}

.orta-resim {padding: 0px; position: relative; z-index: 999;}

.orta-resim img {width: 100%; height: 100%; object-fit: contain;}

.sohbet-alani {padding: 0px; margin-left: -50px;}

.inputlar {margin-top: 190px;}

.form-control:focus {box-shadow: none;border-color: #291c55 !important;}

.form-control:focus {color: #212529;background-color: #fff;border-color: #fff;outline: 0;box-shadow: none;}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: 0;}

.form-control::-moz-placeholder {color: #291c55 !important;opacity: 1;}

.form-control::placeholder {color: #291c55;opacity: 1;}

.form-control {position: relative;  z-index: 999;

    background: #fff;

    padding: 0px 60px;

    height: 60px;

    font-size: 16px;

    border: none !important;

    letter-spacing: -1px;

    font-weight: 600;

    color: #291c55 !important;

    border-color: #fff;

    border-radius: 0px 12px 12px 0px !important;

    border: none !important;

    font-family: 'Poppins', sans-serif !important;

}

.ekyazi {

    position: absolute; z-index: 999;

    right: 20px;

    top: 20px;

    font-size: 12px;

    color: #291c55;

    font-weight: 300;

}

.btn-baglan {position: relative; z-index: 10; border: none;  border-radius: 0px 12px 12px 0px !important; text-align: right;background: #8492EB; background: linear-gradient(90deg,rgba(132, 146, 235, 1) 0%, rgba(120, 59, 232, 1) 50%); padding: 15px; color: #fff; font-weight: 700;}

.ekyazi-btn {  position: absolute;

    left: 40px;

    top: 20px;

    font-size: 12px;

    color: #fff;

    font-weight: 400;}

    .mirc {font-size: 14px; color: #fff; text-align: center; margin-top: 15px; font-weight: 300;}

    .mirc a {font-weight: 700; color: #fff; text-decoration: underline;}

    .makale-genel {margin-top: 200px;}

    .makale h1 {font-weight: 700; color: #291c55; font-size: 20px;}

    .makale h1 span {color: #ffa346;}

    .makale h1 em {text-decoration: underline;}

    .makale p {text-align: justify; padding-right: 70px; color: #453078;}

    .haylaz p {color: #ffa346; font-weight: 700; text-align: right;}

    .haylaz b {color: #291c55;}

.sosyaller {margin-top: 150px; margin-left: -84px; position: relative;}

.sosyaller a {display: block; margin-bottom: 15px; color: #fff;background: linear-gradient(90deg,rgba(132, 146, 235, 1) 0%, rgba(120, 59, 232, 1) 50%); width: 80%; padding: 8px; border-radius: 0px 8px 8px 0px;}

.sosyaller a:hover {background: #ffa346;}

.sosyaller img {margin-right: 10px;}

.kisakisa {background:#f5f8fe; padding:15px}

    .nick-kayit  {color: #432e73;position: relative; border-right:2px dashed  #e2e1f1; padding: 30px; }

    .nick-kayit h2 {font-size: 24px; font-weight: 700;}

    .nick-kayit img {position: absolute; right: 60px; top: 0px; width: 200px; height: 160px;}

    .nick-kayit p {line-height: 25px; padding: 0px; margin: 0px;}

    .sitene-ekle {border: none !important;}

    .s-s-s {margin-top: 50px;}

    .sss-ici {padding: 0px;}

    .s-ic {padding: 0px;}

    .ss-makale {background: url(resimler/mobil-chat.png) no-repeat top center; background-size: contain;background-position: bottom 50px right 10px; color:#432e73}

    .s-ic h4 {

writing-mode: sideways-lr;

text-orientation: mixed; font-size: 30px;

  background: #432e73; color: #fff; padding:162px 15px;

}

   .s-ic {

        flex: 0 0 auto;

        width: 12.8%;

    }



.sss-ic {padding: 0px;}

.accordion-button:not(.collapsed) {

    color: #fff;

    background-color:#432e73;

    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);

}

.accordion-button {color: #432e73; font-size: 18px;}

.accordion-item {margin-bottom: 8px; border:none;}

.accordion-item:first-of-type>.accordion-header .accordion-button {

    background: #432e73; color: #fff;

}

.accordion-button::after {display: none;}

.accordion-body {color: #432e73;}

.ss-makale h2 {font-size: 18px; font-weight: 700; color: #432e73;}

.ss-makale p {color: #432e73; font-size: 14px;}

.bloglar-baslik {padding: 0px;}

.blogbasliklar {margin-top: -15px; background: #432e73; color: #fff; padding: 15px;}

.blog h2 {padding: 0px; margin: 0px; font-weight: 700;}

.blog-ac-yazi {text-align: right;}

.blog-ac-yazi p { padding: 0px; margin-top: 10px;}

.ondekiler {margin-top: 30px;}

.konular {margin-top: 30px; position:relative; float: left; margin-right: 15px;}

.konular img {transition: all 0.5s; width: 100%; height: 100%; border-radius: 0px; float: left; margin-right: 15px;box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(31 27 45 / 8%), 0 0.25rem 0.75rem rgb(31 27 45 / 8%);}

.konular img:hover {opacity: 0.6;transition: all 0.5s;}

.konular a { color: #fff !important; text-decoration: none;}

.konular h2 {font-size: 20px; position: absolute; bottom: 0%; left: 0px; font-weight: 600;}

.konular:nth-child(1) { flex: 0 0 auto; width: 44.2%; height: 510px !important;}

.konular:nth-child(1) img { border-radius: 0px !important;}

.konular:nth-child(1) h2{ background: #432e73a1; padding: 15px; width: 100%; border-radius:0px;}



.konular:nth-child(2) { flex: 0 0 auto; width:17.333%;  height: 240px !important;}

.konular:nth-child(2) img { border-radius: 0px !important;}

.konular:nth-child(2) h2 {font-size: 15px; background: #432e73a1; padding: 15px; min-width:100%; border-radius: 0px;}



.konular:nth-child(3) { flex: 0 0 auto; width: 17.33%;  height: 240px !important;}

.konular:nth-child(3) img { border-radius: 0px !important;}

.konular:nth-child(3) h2 {font-size: 15px; background: #432e73a1; padding: 15px; min-width:100%; border-radius:0px;}



.konular:nth-child(4) { flex: 0 0 auto; width:17.33%;  height: 240px !important;}

.konular:nth-child(4) h2 {font-size: 15px; background: #432e73a1; padding: 15px; min-width:100%; border-radius:0px;}

.konular:nth-child(4) img { border-radius: 0px !important;}



.konular:nth-child(5) { flex: 0 0 auto; width: 17.33%;  height: 240px !important; }

.konular:nth-child(5) img { border-radius: 0px !important;border: 2px solid #432e73;}

.konular:nth-child(5) h2 {font-size: 15px;background: #432e73a1; padding: 15px; min-width:100%; border-radius:0px;}

.konular:nth-child(6) { flex: 0 0 auto; width: 17.33%;  height: 240px !important; }

.konular:nth-child(6) img { border-radius: 0px !important;}

.konular:nth-child(6) h2 {font-size: 15px; background: #432e73a1; padding: 15px; min-width:100%; border-radius:0px;}

.konular:nth-child(7) { flex: 0 0 auto; width: 17.33%;  height: 240px !important; }

.konular:nth-child(7) img { border-radius: 0px !important;}

.konular:nth-child(7) h2 {font-size: 15px; background: #432e73a1; padding: 15px; min-width:100%; border-radius:0px;}

.footer {background: url(resimler/footerbg.webp) no-repeat top center; width: 100%; height:758px; background-size: contain;}

.footer-linkler  {padding-top: 550px; text-align: center; color: #fff;}

.f-linkler a {color: #fff; text-decoration: underline; padding: 10px;}

.gizlilik {color: #48367e; margin-top: 90px;}

.gizlilik p {margin: 0px; padding: 0px; margin-top: 15px;}

.gizlilik a {color: #48367e; text-decoration: underline; padding: 10px;}

.makale-resimleri img {width: 100%; height: auto;}

 .kisayollar {margin-top:50px}

/*DETAY ALANI*/

.blog-ic {margin-top: 30px; padding: 15px;}

.blog-ic img {border-radius: 12px;transition: all 0.5s; object-fit: fill; width: 100%; height: 200px;}

.blog-ic img:hover {opacity: 0.6;transition: all 0.5s;}

.blog-ic h2 {line-height: 20px; margin-top: 15px; font-weight: 600; height: 50px;}

.blog-ic h2 a { color: #414141; font-size: 18px; }

.blog-ic p {font-size: 12px; font-weight: 600; color: #0f3b77;}

.blog-ic:hover h2 a{color: #5b1c61;}

.yazi-ist {margin-bottom:50px; margin-top:30px}

.yazi-ist p {line-height:10px !important; color:#453078}

.yazi-ist p a {color:#453078; font-weight:700}

 .makale-detay {height:auto;margin-top:110px}

  .makale-detay h1 {font-weight: 700; color: #291c55; font-size: 26px;}

  .makale-detay h2 {font-weight: 700; color: #291c55; font-size: 20px;}

  .makale-detay h3 {font-weight: 700; color: #291c55; font-size: 18px;}

  .makale-detay img {width: 33%; height: auto; float:right; object-fit: contain; border-radius: 22px;margin-left:20px}

 .makale-detay p {text-align: justify;  color: #453078; font-size:15px}

 .etiketler p {font-weight: 700;}

 .etiketler a {color: #432e73;display: inline; padding: 10px;}

 .etiketler a::before{

    content: "#";

 }

  .makale-detay-kat img {width: 100% !important; max-height: 250px;object-fit:cover; margin-top:100px}

  .makale-detay-kat h1 {font-weight: 700; color: #291c55; font-size: 26px;}
.sayfalama {margin-top:30px}
.sayfalama ul {padding:0px}
.sayfalama ul li {
    float: left;
    padding: 10px;
    background: #0060eb;
    margin-left: 2px;
    border-radius: 6px;
    color: #fff;
}
.sayfalama ul li a {color:#fff;}

@media (max-width: 768px) {

 .genel {background: url(resimler//mobilbg.webp) no-repeat top center;  width: 100%; height: auto;background-size:cover;}

 .navbar-collapse {background: #432e73cc; border-radius: 22px;}

.inputlar {margin-top: 15px;}

.sohbet-alani {background: #432e73; padding: 15px; border-radius: 22px; margin-left: 0px;}

.form-control {padding: 15px;border-radius:12px !important;}

.btn-baglan {

    position: relative;

    z-index: 10;

    border: none;

    border-radius:12px !important;

    text-align: right;

    background: #8492EB;

    background: linear-gradient(90deg, rgba(132, 146, 235, 1) 0%, rgba(120, 59, 232, 1) 50%);

    padding: 15px;

    color: #fff;

    font-weight: 700;

}

  .header-alani {padding: 15px; margin-top: 0px;}

  .navbar-brand {width: 70%;}

  .navbar-brand img {width: 100%;height: auto;}

  .orta-resim img {display: none;}

  .header-yazi {display: none;}

  .kisayollar {display: none;}



  .makale-genel {margin-top:50px ;}

  .makale p {padding: 0px;}

  .sosyaller {display: none;}

  .bloglar-baslik {margin-top: 0px;}

  .konular {width: 100% !important; height: auto; margin-top: 50px !important; border-radius: 0px !important;}

.konular img {border-radius: 0px !important;}

.konular:nth-child(1) { flex: 0 0 auto; width: 100%; height: auto !important;}

.konular:nth-child(1) img { border-radius: 10px !important; border-radius: 0px !important;}

.konular:nth-child(1) h2{ background: #432e73a1; padding: 15px; width: auto; border-radius:0px;}

.konular:nth-child(2) { flex: 0 0 auto; width: 100%; height: auto !important;}

.konular:nth-child(2) img { border-radius: 0px !important;  border-radius: 0px !important;}

.konular:nth-child(3) { flex: 0 0 auto; width: 100%; height: auto !important;}

.konular:nth-child(3) img { border-radius: 0px !important;  border-radius: 0px !important;}

.konular:nth-child(4) { flex: 0 0 auto; width: 100%; height: auto !important;}

.konular:nth-child(4) img { border-radius: 0px !important;   border-radius: 0px !important;}

.konular:nth-child(5) { flex: 0 0 auto; width: 100%; height: auto !important;}

.konular:nth-child(5) img { border-radius: 0px !important; border-radius: 0px !important;}

.konular:nth-child(6) { flex: 0 0 auto; width: 100%; height: auto !important;}

.konular:nth-child(6) img { border-radius: 0px !important; border-radius: 0px !important;}

.s-ic {display: none;}

.sss-ici {padding: 15px; margin-bottom: 30px; border-bottom: 1px solid #bdbdbd;}

.footer {background: url(resimler/footerbg-mobil.webp) no-repeat top center; width: 100%; height:600px; background-size: cover; padding: 0px;}

.footer-linkler  {padding-top: 250px; text-align: center; color: #fff;}

.gizlilik p {color: #fff; }

.gizlilik {margin-top: 10px;}

.gizlilik a {color: #fff; margin-bottom: 30px;}  

.makale-detay {height: auto; width: 100%; padding: 15px; margin-top:15px}

.makale-detay img {width:100%; height:auto;}

}







  @media (min-width: 1025px) and (max-width: 1280px) {



  }





@media (min-width: 1400px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

        max-width: 1600px;

    }

}



@media (min-width: 2560px) { 

.genel {background: url(resimler/ustbg.webp) no-repeat top center;  width: 100%; height: auto;background-size:contain;}

 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

        max-width: 2000px;

    }

    .inputlar {

    margin-top: 260px;

}

.header-yazi p {

    font-size: 26px;

    color: #453078;

}

.header-yazi h2 {

    font-size: 32px;

    color: #453078;

    font-weight: 700;

}

.makale-genel {margin-top:410px}

.makale-detay p {

    text-align: justify;

    padding-right: 105px;

    color: #453078;

    font-size: 24px;

}

.makale-detay h1 {

    font-weight: 700;

    color: #291c55;

    font-size: 34px;

}

.sosyaller {

    margin-top: 310px;

    margin-left: -107px;

    position: relative;

}

.sosyaller a {

    padding: 15px;

}

.kisayollar {margin-top: 50px;}

    .haylaz p {color: #ffa346; font-weight: 700; text-align: right;}

    .haylaz b {color: #291c55;}

    .nick-kayit p {

    font-size: 20px;

    line-height: 30px;

}

.s-ic {

    flex: 0 0 auto;

    width: 10.33%;

}

.footer {background: url(resimler/footerbg.webp) no-repeat top center; width: 100%; height:1028px; background-size: cover;}

.footer-linkler {

    padding-top: 810px;

    text-align: center;

    color: #fff; font-size: 18px;

}

.makale-detay {

    height: auto;

}

.makale-detay h1 {

    font-weight: 700;

    color: #291c55;

    font-size: 30px;

}

.makale-detay h2 {

    font-weight: 700;

    color: #291c55;

    font-size: 24px;

}

.makale-detay h3 {

    font-weight: 700;

    color: #291c55;

    font-size: 20px;

}

.makale-detay p {

    text-align: justify;

    color: #453078;

    font-size: 18px;

}
.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
  padding-left: 0;
}

.pagination li {
  list-style: none;
}

.pagination li a,
.pagination li span {
  display: inline-block;
  padding: 8px 12px;
  background: #eee;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
  min-width: 40px;
  text-align: center;
}

.pagination li .current {
  background: #333;
  color: #fff;
  font-weight: bold;
}
}