/* ZYON: Lonyo sablonu uzerine kucuk duzeltmeler (renklere dokunmaz) */

/* Alt menu basliklari panelde yazildigi gibi gorunsun ("Dernek ve Sandık" -> "Dernek Ve Sandık" olmasin) */
.main-menu ul li .sub-menu li a,
.lonyo-mobile-menu ul li a {
  text-transform: none;
}

/* 992-1399px: 6 ana menu tek satira sigsin (Uygulamalar eklenince Blog/Iletisim alta kayiyordu).
   Flex, inline-block ogeler arasindaki bosluk karakterini de kaldirir. */
@media (min-width: 992px) and (max-width: 1399px) {
  .main-menu > ul {
    display: flex;
    flex-wrap: nowrap;
  }

  .main-menu > ul > li {
    margin: 0 6px;
  }

  .main-menu > ul > li:first-child {
    margin-left: 0;
  }

  .main-menu > ul > li > a {
    font-size: 18px;
    white-space: nowrap;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li > a {
    font-size: 17px;
  }
}

/* Anasayfada link yapilan kartlar sablonun metin rengini korusun */
a.lonyo-service-wrap,
.lonyo-t-author-data p a {
  color: inherit;
}

/* Header'daki WhatsApp butonu: Teklif Al'in solunda, ikonlu */
.lonyo-header-info-wraper2 .zyon-whatsapp-btn {
  margin-right: 0;
}

/* Sablonun hover efekti butonu beyaz daireyle dolduruyor; sablon .sm-size yaziyi !important
   ile beyaz tuttugu icin yazi kayboluyordu */
.zyon-whatsapp-btn:hover,
a.lonyo-default-btn.sm-size.zyon-whatsapp-btn:hover {
  color: var(--heading-color) !important;
}

.zyon-whatsapp-btn i {
  font-size: 1.25em;
  margin-right: 8px;
  vertical-align: -2px;
}

/* 992-1199px: menu tek satira sigsin diye header'daki WhatsApp butonu sadece ikon */
@media (max-width: 1199px) {
  .lonyo-header-info-wraper2 .zyon-wa-text {
    display: none;
  }

  .lonyo-header-info-wraper2 .zyon-whatsapp-btn i {
    margin-right: 0;
    font-size: 1.5em;
  }
}

/* Alt sayfa baslik alani (breadcrumb): sablonda ~510px yukseklik ve 100px baslik vardi; icerik
   ekrana daha erken gelsin diye kucultuldu. Ust bosluk sabit header'in (86px) altinda kalmaz. */
.breadcrumb-wrapper {
  padding: 150px 0 70px;
}

.breadcrumb-wrapper::before {
  bottom: 40px;
  width: 160px;
  height: 160px;
}

.breadcrumb-wrapper .breadcrumb-content {
  max-width: 1000px;
}

.breadcrumb-wrapper .breadcrumb-title {
  font-size: 56px;
  letter-spacing: -1px;
}

.breadcrumb-wrapper .breadcrumb-menu-wrap {
  padding-top: 20px;
}

@media (max-width: 1199px) {
  .breadcrumb-wrapper {
    padding: 140px 0 60px;
  }

  .breadcrumb-wrapper .breadcrumb-title {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .breadcrumb-wrapper {
    padding: 115px 0 45px;
  }

  .breadcrumb-wrapper .breadcrumb-title {
    font-size: 34px;
  }

  .breadcrumb-wrapper .breadcrumb-menu-wrap {
    padding-top: 14px;
  }
}

/* Ortalanmis bolum basliklari ("Sikca sorulan sorular" vb.): sablonda 65px ve 650px genislik
   sinirliydi, 2-3 satira dusuyordu. Masaustunde tek satira sigacak sekilde kucultuldu. */
.lonyo-section-title.center,
.lonyo-section-title.center.max-width-700 {
  max-width: 1000px;
}

.lonyo-section-title.center h2 {
  font-size: 48px;
}

@media (max-width: 1199px) {
  .lonyo-section-title.center h2 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .lonyo-section-title.center h2 {
    font-size: 30px;
  }
}

/* Blog: uzun Turkce basliklar 4-5 satira tasmasin diye baslik puntolari kucultuldu */
.lonyo-blog-content h2 {
  font-size: 36px;
  line-height: 44px;
}

.lonyo-blog-d-content > h2:first-child {
  font-size: 44px;
  line-height: 1.15;
}

.lonyo-blog-content .badge {
  display: table;
  margin-bottom: 12px;
}

/* Son Yazilar: gorselsiz liste; baslik en fazla 2 satir, altinda tarih */
.zyon-recent-posts ul li a {
  display: block;
}

.zyon-recent-posts .zyon-recent-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}

.zyon-recent-posts small {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  opacity: .65;
}

/* Yazi detayindaki tarih/okuma suresi link degil (span); sablonun link stiline esitlendi */
.lonyo-blog-meta ul li span {
  font-size: 18px;
  line-height: 25px;
  color: var(--heading-color);
}

.lonyo-blog-meta ul li span img {
  position: absolute;
  top: 4px;
  left: 0;
}

@media (max-width: 1199px) {
  .lonyo-blog-content h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .lonyo-blog-d-content > h2:first-child {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .lonyo-blog-content h2 {
    font-size: 26px;
    line-height: 34px;
  }

  .lonyo-blog-d-content > h2:first-child {
    font-size: 30px;
  }
}

/* Footer logosu orantili gorunsun */
.lonyo-footer-textarea > a {
  display: inline-block;
}

.lonyo-footer-textarea > a img {
  width: 165px;
  height: auto;
}