/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

/* ============================================================
   MODERN TİPOGRAFİ — 2026-06-12
   Kibele.org.tr ile aynı aile: Quicksand (başlık) + Nunito (gövde).
   Fontlar functions.php'de enqueue ediliyor.
   ============================================================ */

/* --- Gövde: Nunito, daha okunur boyut --- */
body,
body input, body select, body textarea, body button,
body p, body a, body li, body span, body div, body td, body th,
body label, body blockquote, body figcaption, body small {
	font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
body {
	font-size: 15px !important;
	line-height: 1.7 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* --- Başlıklar: Quicksand (gövde kurallarından daha spesifik) --- */
body h1, body h2, body h3, body h4, body h5, body h6,
body .mk-fancy-title, body .mk-fancy-title span, body .mk-fancy-title strong,
body .mk-box-icon-2-title, body .mk-box-icon-2-title span,
body .widget-title, body .widget-title span,
body .entry-title, body .entry-title a,
body .theme-page-title, body .mk-blog-single-title,
body .post-title, body .post-title a,
body .menu-item > a, body #mk-vertical-menu .menu-item > a {
	font-family: 'Quicksand', 'Nunito', sans-serif !important;
}

/* Fiyat sayfasi title-box'lari da modern font (eski Dosis kalmasin) */
body .mk-title-box,
body .mk-title-box p,
body .mk-title-box span {
	font-family: 'Quicksand', 'Nunito', sans-serif !important;
}

/* --- Aşırı harf aralığını kıs, Kibele gibi tok başlıklar --- */
body .mk-fancy-title,
body .mk-fancy-title span {
	letter-spacing: 0.3px !important;
	font-weight: 700 !important;
}

/* --- Gövde paragrafları: 12px çok küçüktü --- */
body .theme-page-wrapper p,
body .mk-box-icon-2-content,
body .mk-blog-container p,
body .single-post .the-excerpt,
body .mk-text-block p,
body .vc_column-inner p {
	font-size: 16px !important;
	line-height: 1.78 !important;
}

/* --- Blog/yazı okuma alanı: ferah, okunur --- */
body .single .theme-page-wrapper p,
body .single .post-content p {
	font-size: 17px !important;
	line-height: 1.85 !important;
}
body .single .post-content li {
	font-size: 17px !important;
	line-height: 1.8 !important;
	margin-bottom: 6px;
}

/* --- Menü: net, modern aralık --- */
body .menu-item > a {
	font-weight: 600 !important;
	letter-spacing: 0.3px !important;
}

/* --- Butonlar: Quicksand + Kibele tarzı hap (pill) köşeler --- */
body .mk-button,
body .vc_btn3,
body .wpcf7-submit {
	font-family: 'Quicksand', 'Nunito', sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: 0.4px !important;
	border-radius: 50px !important;
}

/* --- KRİTİK: wpautop, fancy-title içindeki metni <p> ile sarıyor;
   yukarıdaki "paragraf 16px" kuralı başlıkları küçültmesin --- */
body .mk-fancy-title p,
body .mk-fancy-title span p,
body .mk-box-icon-2-title p,
body h1 p, body h2 p, body h3 p {
	font-size: inherit !important;
	line-height: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	letter-spacing: inherit !important;
	color: inherit;
	margin: 0;
	padding: 0;
}

/* ============================================================
   CILIZ SAYFA BAŞLIĞI ÇUBUĞU — tüm sayfalarda gizle
   Jupiter #mk-page-introduce içindeki küçük 20px .page-title
   (h1) gereksiz/cılız duruyordu. display:none ile görsel olarak
   gizlenir; h1 kaynak kodda kaldığı için SEO etkilenmez.
   Görünür ana başlık (.blog-single-title / sayfa hero'su) kalır.
   ============================================================ */
#mk-page-introduce {
	display: none !important;
}

/* TÜM içeriklerde post meta'sını tamamen gizle (kullanıcı isteği):
   - yazar "By ..." (.mk-blog-author)
   - yayın tarihi "Yayınlandı ..." (.mk-post-date)
   - kategori "In ..." (.mk-post-cat)
   - yorum sayısı "0" (.blog-modern-comment)
   - alttaki yazar bio kutusu (.mk-about-author-wrapper)
   Hem tek yazıda hem arşiv hem "Son Yazılar" kartlarında geçerli.
   Öne çıkan görsel ve başlık korunur. */
.mk-blog-author,
.mk-post-date,
.mk-post-cat,
.blog-single-meta,
.mk-blog-meta-wrapper,
.mk-categories,
.blog-modern-comment,
body.single .mk-about-author-wrapper {
	display: none !important;
}

/* TÜM içerik sayfalarında (sayfa + yazı + arşiv) header→içerik ve
   içerik→footer arasındaki fazla boşlukları KALICI olarak kaldır.
   Renkli hero bölümleri header'a yapışır; bölümlerin kendi iç padding'i
   (mk_page_section padding_top/bottom) içeriği zaten nefeslendiriyor. */
.theme-page-wrapper.mk-main-wrapper {
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.theme-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/* Yazı/arşivde içerik header'a tam yapışmasın diye küçük üst nefes payı */
body.single .theme-content,
body.archive .theme-content,
body.blog .theme-content {
	padding-top: 18px !important;
}
/* İçerik ile footer arasındaki anlamsız boşluğu kaldır */
#comments:empty,
#mk-footer-unfold-spacer {
	display: none !important;
}
.blog-similar-posts {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* --- Hizmet sayfasi yan sutun SVG: boyut rezerve et (CLS onle) --- */
.theme-page-wrapper .mk-image img[src*="/uploads/2026/06/"]:not([src*="hero-tech"]),
.theme-page-wrapper .mk-image img[src$=".svg"] {
	width: 100%;
	height: auto;
	max-width: 420px;
}

/* === Anasayfa hero: Kibele tarzi rozet + dairesel gorsel + yumusak halka === */
body.home #Home {
	background:
		radial-gradient(circle at 80% 38%, rgba(67,210,232,0.13), transparent 40%),
		radial-gradient(circle at 8% 88%, rgba(69,78,244,0.06), transparent 46%),
		linear-gradient(135deg, #f6f8ff 0%, #edf5f8 100%);
}
/* Ust rozet (pill) */
.u3d-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: #e8f6fa;
	color: #0c4a73;
	font-family: 'Quicksand', 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.3px;
	padding: 8px 18px;
	border-radius: 50px;
}
.u3d-hero-badge::before {
	content: "";
	width: 9px; height: 9px;
	border-radius: 50%;
	background: #43d2e8;
	box-shadow: 0 0 0 3px rgba(67,210,232,0.28);
}
.u3d-hero-badge-wrap { margin-bottom: 8px !important; }
/* Gorsel sutunu */
body.home #Home .vc_col-sm-6:has(.mk-image) {
	display: flex;
	align-items: center;
	justify-content: center;
}
body.home #Home .mk-image,
body.home #Home .mk-image-container,
body.home #Home .mk-image-holder,
body.home #Home .mk-image-inner {
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}
body.home #Home .mk-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 480px;
}
/* buyuk beyaz daire (halo) */
body.home #Home .mk-image::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 408px; height: 408px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 40px 90px rgba(3,55,113,0.12);
}
/* ince konsantrik cyan halka (hafif ofset) */
body.home #Home .mk-image::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%; left: 50%;
	transform: translate(-54%, -54%);
	width: 470px; height: 470px;
	border-radius: 50%;
	border: 1.5px solid rgba(67,210,232,0.40);
}
/* gorsel: daire icinde beyaz cerceveli */
body.home #Home .mk-image img[src*="fal-hero/hero-tech"] {
	position: relative;
	z-index: 1;
	width: 356px !important;
	height: 356px !important;
	max-width: 82% !important;
	border-radius: 50%;
	object-fit: cover;
	border: 10px solid #ffffff;
	box-shadow: 0 24px 55px rgba(3,55,113,0.20);
}
@media (max-width: 1090px) {
	body.home #Home .mk-image { min-height: 400px; }
	body.home #Home .mk-image::before { width: 350px; height: 350px; }
	body.home #Home .mk-image::after { width: 404px; height: 404px; }
	body.home #Home .mk-image img[src*="fal-hero/hero-tech"] { width: 300px !important; height: 300px !important; }
}
@media (max-width: 600px) {
	body.home #Home .mk-image { min-height: 320px; }
	body.home #Home .mk-image::before { width: 272px; height: 272px; }
	body.home #Home .mk-image::after { width: 312px; height: 312px; }
	body.home #Home .mk-image img[src*="fal-hero/hero-tech"] { width: 238px !important; height: 238px !important; }
}

/* --- Bilgi Merkezi yazi sonu CTA kutusu (the_content filtresiyle eklenir) --- */
.bm-cta-box {
	margin: 44px 0 10px;
	padding: 26px 30px;
	background: linear-gradient(135deg, #454ef4 0%, #2a2f9e 100%);
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px;
	box-shadow: 0 10px 30px rgba(69, 78, 244, 0.25);
}
.bm-cta-box .bm-cta-text strong {
	display: block;
	color: #ffffff !important;
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 700;
	font-size: 21px;
	margin-bottom: 4px;
}
.bm-cta-box .bm-cta-text span {
	display: block;
	color: #d7dbff !important;
	font-size: 15px;
	max-width: 560px;
}
.bm-cta-box .bm-cta-btn {
	flex: 0 0 auto;
	background: #43d2e8;
	color: #0d1230 !important;
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 700;
	padding: 14px 30px;
	border-radius: 50px;
	white-space: nowrap;
	transition: transform 0.2s ease, background 0.2s ease;
}
.bm-cta-box .bm-cta-btn:hover {
	background: #ffffff;
	transform: translateY(-2px);
}
@media (max-width: 600px) {
	.bm-cta-box { flex-direction: column; align-items: flex-start; }
}

/* --- "Kayık" italik öğeleri düzelt (testimonial vb.) --- */
body .mk-testimonial-text,
body .mk-testimonial-author,
body blockquote {
	font-style: normal !important;
}

/* ============================================================
   Ucuz3D görsel cila — 2026-06-12
   Düşük riskli iyileştirmeler: buton/kart geçişleri, form
   alanları, footer linkleri. Yerleşimi değiştirmez.
   ============================================================ */

/* NOT: html{scroll-behavior:smooth} kullanma — Jupiter'in js-smooth-scroll
   JS'i ile çakışıp fare tekerleği kaydırmasını kilitliyor. */

/* --- Butonlar: yumuşak geçiş + hover'da hafif yükselme --- */
.mk-button,
.vc_btn3,
.wpcf7-submit {
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
}
.mk-button:hover,
.vc_btn3:hover,
.wpcf7-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

/* --- Mavi bölümdeki DETAYLAR (vc_btn) butonları: beyaz kontur, hover'da dolgu --- */
.vc_btn3.vc_btn3-style-outline {
	border-color: #ffffff !important;
	color: #ffffff !important;
}
.vc_btn3.vc_btn3-style-outline:hover {
	background-color: #ffffff !important;
	color: #454ef4 !important;
}

/* --- İkon kutuları (hizmet kartları): hover'da hafif büyüme --- */
.mk-icon-box2 {
	transition: transform 0.25s ease;
}
.mk-icon-box2:hover {
	transform: translateY(-6px);
}

/* --- Form alanları (CF7): modern görünüm + odak halkası --- */
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="file"],
.wpcf7 select,
.wpcf7 textarea {
	border: 1px solid #d5d8e0;
	border-radius: 8px;
	padding: 12px 14px;
	width: 100%;
	max-width: 640px;
	background: #ffffff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	outline: none;
	border-color: #454ef4;
	box-shadow: 0 0 0 3px rgba(69, 78, 244, 0.15);
}
.wpcf7 label {
	font-weight: 600;
	margin-bottom: 6px;
	display: block;
}
.wpcf7 .wpcf7-submit {
	background-color: #454ef4;
	border-radius: 8px;
	padding: 14px 36px;
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
}
.wpcf7 .wpcf7-submit:hover {
	background-color: #3a42d6;
}

/* --- Footer: link hover geçişi --- */
#mk-footer a,
#mk-footer .widget a {
	transition: color 0.2s ease, opacity 0.2s ease;
}
#mk-footer a:hover {
	opacity: 0.75;
}

/* --- Görsellerde hafif yuvarlatma (içerik görselleri) --- */
.mk-image .mk-image-inner img,
.theme-page-wrapper .mk-image img {
	border-radius: 10px;
}

/* NOT: #mk-boxed-layout'a overflow verme — overflow-y'yi auto'ya çevirip
   sayfa kaydırmasını bozan bir iç scroll kapsayıcısı oluşturuyor. */

/* ============================================================
   MODERN PALET — 2026-06-12 görsel modernizasyon
   Eski cıvıl renkler yerine kurumsal lacivert/indigo paleti.
   Bölüm sınıfları: #bolum-kart kart bölümü, #bolum-cozum
   "özel çözüm" bölümü, #bolum-referans referans bölümü.
   ============================================================ */

/* Hero: beyaz zemine çok hafif teknolojik doku */
#Home {
	background-image: radial-gradient(circle at 75% 15%, rgba(69, 78, 244, 0.07), transparent 55%),
		radial-gradient(circle at 10% 85%, rgba(67, 210, 232, 0.06), transparent 45%);
}

/* Kart bölümü: parlak maviden derin lacivert degradeye */
#bolum-kart {
	background: linear-gradient(135deg, #161d4e 0%, #0d1230 100%) !important;
}
/* "Özel çözüm" bölümü: yeşilden marka indigosuna
   (boşluk satırı silinince numara 22→20 kaydı; ikisi de hedefleniyor) */
#bolum-cozum,
#bolum-cozum {
	background: linear-gradient(135deg, #454ef4 0%, #2a2f9e 100%) !important;
}
/* Referans bölümü: derin lacivert (55→53 kaydı) */
#bolum-referans,
#bolum-referans {
	background: linear-gradient(135deg, #1a2156 0%, #0d1230 100%) !important;
}
/* Eski x/nokta desen katmanlarını gizle */
#bolum-kart .background-layer-holder,
#bolum-cozum .background-layer-holder,
#bolum-cozum .background-layer-holder,
#bolum-referans .background-layer-holder,
#bolum-referans .background-layer-holder {
	display: none !important;
}

/* Kart sütunlarını eşit yüksekliğe getir; DETAYLAR butonları alta hizalansın
   (kartlar farklı metin uzunluklarında olduğu için "kayık" görünüyordu) */
#bolum-kart .mk-padding-wrapper > .vc_row,
#bolum-kart .wpb_row {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch !important;
}
#bolum-kart .wpb_column {
	display: flex !important;
	flex-direction: column;
	align-self: stretch !important;
	height: auto !important;
	float: none !important;
}
/* Kart gövdesi büyüsün (eşit yükseklik), buton en alta itilsin */
#bolum-kart .wpb_column > .mk-box-icon-2 {
	flex: 1 1 auto;
}
#bolum-kart .vc_btn3-container {
	margin-top: auto !important;
	padding-top: 18px;
}
/* Mobil: tek sütunda esneme kapansın */
@media (max-width: 767px) {
	#bolum-kart .wpb_row { display: block !important; }
	#bolum-kart .wpb_column { display: block !important; }
}

/* Koyu bölümlerdeki hizmet kartları: cam efekti */
#bolum-kart .mk-box-icon-2,
#bolum-kart .mk-icon-box-2,
#bolum-kart .mk-icon-box2 {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 18px;
	padding: 28px 18px 22px;
	transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
#bolum-kart .mk-box-icon-2:hover,
#bolum-kart .mk-icon-box-2:hover,
#bolum-kart .mk-icon-box2:hover {
	background: rgba(255, 255, 255, 0.10);
	border-color: rgba(67, 210, 232, 0.45);
	transform: translateY(-6px);
}
/* Kart ikon görselleri (SVG) boyut dengesi */
#bolum-kart .mk-box-icon-2 img,
#bolum-kart .mk-icon-box2 img {
	max-width: 96px;
	height: auto;
}
/* Kart başlıkları: pembe yerine beyaz */
#bolum-kart .mk-box-icon-2-title,
#bolum-kart .mk-box-icon-2 h2,
#bolum-kart .mk-box-icon-2 h3,
#bolum-kart .mk-box-icon-2 h4 {
	color: #ffffff !important;
	letter-spacing: 1px;
}

/* Turuncu butonu palete uydur (cam göbeği) */
#bolum-cozum .mk-button,
#bolum-cozum .mk-button {
	background-color: #43d2e8 !important;
	color: #0d1230 !important;
}
#bolum-cozum .mk-button:hover,
#bolum-cozum .mk-button:hover {
	background-color: #ffffff !important;
}

/* ============================================================
   HEADER — logo, menüyle çakışmasın
   Logo 222px genişlikteydi ve mutlak konumlu olduğu için
   ANASAYFA menü butonunun üstüne biniyordu. Menü alanına
   taşmayacak şekilde sınırlandırıldı.
   ============================================================ */
.header-logo img,
.mk-header-logo img,
#mk-header .logo img,
.logo-container .logo-inner img {
	max-width: 172px !important;
	width: auto !important;
	height: auto !important;
}

/* ============================================================
   FOOTER — Kibele tarzı temiz, hizalı sütunlar
   ============================================================ */
#mk-footer {
	background-color: #ffffff !important;
	padding-top: 30px;
}
#mk-footer .footer-wrapper {
	padding-top: 18px !important;
}
/* Sütun başlıkları: indigo, Quicksand */
#mk-footer .widgettitle,
#mk-footer .widget-title,
#mk-footer h3,
#mk-footer h4 {
	color: #1a2156 !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	margin-bottom: 18px !important;
}
/* Tüm footer metni ve linkleri tek tutarlı renk (kahverengi karışıklığı bitsin) */
#mk-footer,
#mk-footer p,
#mk-footer li,
#mk-footer span,
#mk-footer .mk-contact-info,
#mk-footer .mk-contact-info * {
	color: #5b6478 !important;
}
#mk-footer a {
	color: #5b6478 !important;
	line-height: 1.9 !important;
	display: inline-block;
}
#mk-footer a:hover {
	color: #454ef4 !important;
}
/* İkonlar marka renginde */
#mk-footer .mk-contact-info i,
#mk-footer .mk-svg-icon,
#mk-footer i {
	color: #454ef4 !important;
	fill: #454ef4 !important;
}
/* Linkler kelime ortasından kırılmasın */
#mk-footer .widget a,
#mk-footer .mk-contact-info li {
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: normal;
}
#mk-footer .widget {
	padding-right: 14px;
}

/* İletişim widget'ı: ikon + metin üst üste binmesin (flex ile garanti) */
#mk-footer .widget_contact_info ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#mk-footer .widget_contact_info li {
	display: flex !important;
	align-items: flex-start;
	gap: 11px;
	padding: 0 0 14px 0 !important;
	margin: 0 !important;
	position: static !important;
	border: 0 !important;
}
#mk-footer .widget_contact_info li .mk-svg-icon,
#mk-footer .widget_contact_info li svg {
	position: static !important;
	flex: 0 0 auto;
	margin-top: 4px;
	left: auto !important;
	top: auto !important;
}
/* İletişim öğesi: ikon sabit, metin kalan alana sarsın (e-posta yan sütuna taşmasın).
   "flex:1 1 0 + min-width:0 + overflow-wrap:anywhere" = uzun metni flex içinde sardırmanın
   kanonik yolu. welcome@ucuz3d.com gerekirse 2 satıra iner (telefon zaten 2 satır). */
#mk-footer .widget_contact_info li > span {
	display: block !important;
	flex: 1 1 0% !important;
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}
#mk-footer .widget_contact_info,
#mk-footer .widget_contact_info span,
#mk-footer .widget_contact_info a {
	font-size: 13.5px !important;
}
#mk-footer .widget_contact_info li {
	gap: 7px;
}
/* Sütunlar kutu modeli + sağ boşluk (sütunlar arası nefes payı) */
#mk-footer .mk-col-1-6,
#mk-footer [class*="mk-col-"] {
	box-sizing: border-box !important;
	padding-right: 14px;
}

/* Alt footer şeridi (telif): lacivert — gerçek seçici .mk-footer-copyright */
#sub-footer,
.mk-sub-footer,
.mk-footer-copyright,
#mk-footer-unfold-spacer {
	background-color: #0d1230 !important;
}
.mk-footer-copyright,
.mk-footer-copyright * {
	color: #aab3d4 !important;
}

/* Sayfa yükleyici rengi marka ile uyumlu */
.mk-body-loader-overlay.page-preloader {
	background-color: #ffffff !important;
}

/* Yazı içi konu illüstrasyonları */
.bm-topic-figure {
	margin: 0 0 28px;
}
.bm-topic-figure img {
	width: 100%;
	height: auto;
	border-radius: 14px;
	border: 1px solid #e3e7fb;
}

/* Bilgi Merkezi liste görünümü: kart hissi */
.mk-blog-container article.mk-blog-modern-item,
.mk-blog-container article {
	border-radius: 14px;
	overflow: hidden;
}
.mk-blog-container article img {
	border-radius: 14px;
	transition: transform 0.3s ease;
}
.mk-blog-container article:hover img {
	transform: scale(1.02);
}

/* === u3d-footer-2col (2026-06-19 v2): bos 6. kolonu gizle, Hizmetlerimiz 2 sutun (saga) === */
@media (min-width:768px){
  #mk-footer .mk-padding-wrapper > .mk-col-1-6:nth-child(6){ display:none !important; }
  #mk-footer .mk-padding-wrapper > .mk-col-1-6:nth-child(5){ width:33% !important; }
  #mk-footer #text-5 .textwidget > div{ -webkit-columns:2; -moz-columns:2; columns:2; column-gap:26px; }
  #mk-footer #text-5 .textwidget a{ display:block; margin-bottom:6px; -webkit-column-break-inside:avoid; break-inside:avoid; }
  #mk-footer #text-5 .textwidget br{ display:none; }
}