@font-face {
  font-family: 'Bebas Neue';
  src: url('/sistemdosyalari/themes/sahifa/fonts/BebasNeue/BebasNeue-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Site Icons';
  src: url('/sistemdosyalari/themes/sahifa/fonts/fontawesome/fontawesome-webfont.woff2') format('woff2');
  font-display: block;
}

:root {
  --accent: #f88c00;
  --link: #b75e00;
  --ink: #333;
  --muted: #666;
  --line: #e6e6e6;
  --nav: #2d2d2d;
  --heading-font: 'Bebas Neue', 'Arial Narrow', 'Liberation Sans Narrow', Arial, sans-serif;
  --page-gutter: 24px;
}

*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: light; }
body {
  margin: 0;
  color: var(--ink);
  background: #fff url('/sistemdosyalari/themes/sahifa/images/patterns/body-bg7.png');
  font: 13px/1.5 'Droid Sans', Arial, Verdana, sans-serif;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--link); }
:focus-visible { outline: 2px solid #a95100; outline-offset: 2px; }
img { max-width: 100%; height: auto; vertical-align: middle; }
h1, h2, h3, h4, h5, p, ul, ol, figure { margin: 0; }
button, input, select, textarea { color: inherit; font: inherit; }
button, input[type='submit'] { cursor: pointer; }
[hidden] { display: none !important; }
.clear { display: none; }
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.screen-reader-text:focus-visible {
  top: 5px;
  left: 5px;
  z-index: 10;
  width: auto;
  height: auto;
  padding: 8px;
  background: #fff;
  clip-path: none;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
}
#theme-header, #breaking-news, #main-content { width: min(100%, 1045px); }
#theme-header {
  position: relative;
  margin: 20px auto 25px;
  background: #fff;
  border-top: 3px solid var(--accent);
  box-shadow: 0 0 3px #cacaca;
}
#top-nav {
  min-height: 31px;
  background: #fbfbfb;
  border-bottom: 1px solid #ececec;
  color: #696969;
  font-size: 12px;
}
#top-nav > .container, .footer-bottom > .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.top-menu { margin-right: auto; }
.top-menu ul, .main-menu ul, #breaking-news ul, .widget ul, .flat-social {
  padding: 0;
  list-style: none;
}
.top-menu ul { display: flex; flex-wrap: wrap; }
.top-menu a { display: block; padding: 6px 10px; }
.search-block form { display: flex; align-items: center; }
.search-block input {
  order: -1;
  width: 90px;
  min-height: 30px;
  padding: 3px 7px;
  border: 0;
  border-left: 1px solid #ececec;
  background: transparent;
}
.search-button, .social-icons a {
  display: inline-grid;
  place-items: center;
  width: 30px;
  min-height: 28px;
  padding: 0;
  color: inherit;
  border: 0;
  background: transparent;
}
.search-button { min-height: 30px; color: #333; background: var(--accent); }
.fa::before, .menu-item-home > a::before, #topcontrol:empty::before {
  display: inline-block;
  font: normal 1em/1 'Site Icons';
}
.fa-search::before { content: '\f002' / ''; }
.fa-rss::before { content: '\f09e' / ''; }
.fa-bolt::before { content: '\f0e7' / ''; }
.fa-child::before { content: '\f1ae' / ''; }
.fa-smile-o::before { content: '\f118' / ''; }
.fa-asterisk::before { content: '\f069' / ''; }
.fa-tripadvisor::before { content: '\f262' / ''; }
.fa-map-o::before { content: '\f278' / ''; }
.fa-random::before { content: '\f074' / ''; }
.fa-clock-o::before { content: '\f017' / ''; }
.fa-calendar::before { content: '\f073' / ''; }
.fa-home::before { content: '\f015' / ''; }
.fa-facebook::before { content: '\f09a' / ''; }
.fa-twitter::before { content: '\f099' / ''; }
.fa-stumbleupon::before { content: '\f1a4' / ''; }
.fa-linkedin::before { content: '\f0e1' / ''; }
.fa-pinterest::before { content: '\f0d2' / ''; }
.header-content, .header-content .logo { margin: 0; padding: 0; }
.header-content .logo { margin-block: 0 !important; text-align: center; }
.header-content .logo a, .header-content .logo img { display: block; width: 100%; }
.header-content .logo strong { display: none; }

#main-nav { position: relative; z-index: 5; color: #ddd; background: var(--nav); border-bottom: 5px solid var(--accent); box-shadow: inset 0 -1px #393939; }
#main-nav > .container { position: relative; display: flex; align-items: center; padding-inline: 10px; }
.main-menu { min-width: 0; }
.main-menu > ul { display: flex; flex-wrap: wrap; }
.main-menu > ul > li { display: flex; align-items: stretch; }
.main-menu > ul > li > a {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 47px;
  padding: 0 10px;
  border-inline-end: 1px solid #383838;
  font-weight: bold;
}
.main-menu > ul > li > a > .fa { flex: none; }
.main-menu > ul > li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor, .current-post-ancestor, :hover, :focus-within) > :is(a, .submenu-toggle),
.main-menu > ul > li:has(> .submenu-toggle[aria-expanded='true']) > a { color: #242424; background-color: var(--accent); }
#main-nav .menu-item-home.current-menu-item > a { color: #fff; background-position: center 13px; }
#main-nav :focus-visible { position: relative; z-index: 1; outline-color: #fff; outline-offset: -3px; }
.main-menu > ul > .menu-item-home > a {
  justify-content: center;
  min-width: 52px;
  font-size: 0;
  background-image: image-set(url('/sistemdosyalari/themes/sahifa/images/home.png') 1x, url('/sistemdosyalari/themes/sahifa/images/home@2x.png') 2x);
  background-position: center -44px;
  background-repeat: no-repeat;
}
.main-menu > ul > .mega-menu:not(:has(.submenu-toggle)) > a::after,
.submenu-toggle::before {
  width: 5px;
  height: 5px;
  margin-left: 3px;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg) translateY(-2px);
  content: '';
}
.submenu-toggle {
  display: inline-grid;
  place-items: center;
  width: 24px;
  padding: 0 7px 0 1px;
  border: 0;
  color: inherit;
  background: transparent;
}
.submenu-toggle:hover, .submenu-toggle[aria-expanded='true'] { color: #242424; background: var(--accent); }
.submenu-toggle[aria-expanded='true']::before { transform: rotate(225deg); }
.random-article { margin-left: auto; padding: 12px; font-size: 16px; }
.random-article:not(:has(.fa-random))::before { content: '⇄' / ''; }
.menu-toggle { display: none; }

@media (width > 900px) {
  .main-menu { flex: 1; }
  .main-menu > ul { flex-wrap: nowrap; }
  .main-menu > ul > li { flex: none; }
  .main-menu > ul > li > a { flex: none; gap: 5px; padding-inline: 8px; font-weight: normal; line-height: 1.3; white-space: nowrap; }
  .main-menu > ul > li:has(> .submenu-toggle) > a { padding-inline-end: 0; border-inline-end: 0; }
  .submenu-toggle { flex: 0 0 24px; padding-inline: 0 5px; border-inline-end: 1px solid #383838; }
  .random-article {
    display: grid;
    flex: none;
    place-items: center;
    width: 42px;
    height: 47px;
    margin-right: -10px;
    padding: 0;
    color: #fff;
    background: #494949;
    font-size: 18px;
  }
}

@media (900px < width <= 990px) {
  .main-menu > ul > li > a { padding-inline-start: 6px; font-size: 12px; }
  .main-menu > ul > .menu-item-home > a { min-width: 44px; font-size: 0; }
  .submenu-toggle { flex-basis: 20px; }
}

.mega-menu-block {
  display: none;
  position: absolute;
  z-index: 1;
  inset: 100% 0 auto;
  min-width: 0;
  padding: 15px;
  color: var(--ink);
  background: #fff;
  border-top: 5px solid var(--accent);
  box-shadow: 0 3px 7px #0003;
}
.mega-menu:not(:has(.submenu-toggle)):is(:hover, :focus-within) > .mega-menu-block,
.submenu-toggle[aria-expanded='true'] + .mega-menu-block { display: block; }
.mega-menu-block :focus-visible { outline-color: #a95100 !important; }
.mega-cat-wrapper, .mega-menu.mega-recent-featured .mega-menu-content { display: flex; gap: 16px; }
.mega-cat-sub-categories { flex: 0 0 155px; min-width: 0; }
.mega-cat-sub-categories a { display: block; padding: 7px 9px; border-bottom: 1px solid var(--line); }
.mega-cat-sub-categories a[aria-current='true'] { color: #fff; background: #a95100; }
.mega-cat-content { flex: 1; min-width: 0; }
.mega-cat-content-tab { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mega-menu-block :is(.mega-menu-post, .mega-recent-post, .mega-check-also) { min-width: 0; overflow-wrap: anywhere; }
.mega-cat-content-tab:not([hidden]) ~ .mega-cat-content-tab:not([hidden]) { margin-top: 12px; }
.mega-recent-post { flex: 0 1 45%; }
.mega-check-also { flex: 1; }
.mega-check-also li { display: flow-root; margin-bottom: 8px; }
.mega-check-also .post-thumbnail { float: left; width: 90px; margin-right: 10px; }
.post-thumbnail a, .post-thumbnail img { display: block; width: 100%; }
.post-box-title { margin: 6px 0 4px; font-size: 15px; line-height: 1.35; }

#breaking-news {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 32px;
  margin: -5px auto 25px;
  background: #fff;
  box-shadow: 0 0 3px #cacaca;
}
.breaking-news-title {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
  min-height: 32px;
  padding: 0 10px;
  color: #fff;
  background: #f43d2a;
  font: 700 19px/1 var(--heading-font);
  text-transform: uppercase;
}
.breaking-news-title .fa-bolt { display: none; }
#breaking-news ul { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; padding: 6px 8px; overflow-x: auto; font: 12px/20px Tahoma, Arial, sans-serif; }
#breaking-news li { flex: none; max-width: 100%; }
#breaking-news li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ticker-controls { display: flex; gap: 1px; flex: none; padding-inline: 4px; }
.ticker-controls button { min-width: 27px; min-height: 27px; padding: 0 3px; border: 0; background: #fff; color: #5a5a5a; font-size: 18px; line-height: 1; }
.ticker-controls button:hover { color: #242424; background: var(--accent); }

#main-content {
  display: grid;
  grid-template-columns: minmax(0, 660fr) minmax(0, 310fr);
  align-items: start;
  gap: 27px;
  margin: 20px auto 25px;
  padding: 24px var(--page-gutter);
  background: #fff;
  box-shadow: 0 0 3px #cacaca;
}
#main-content > .content, #sidebar { min-width: 0; }
#main-content.full-width, #main-content:not(:has(#sidebar)) { grid-template-columns: minmax(0, 1fr); }
.post-listing, .widget-container {
  border-bottom: 4px solid var(--accent);
  background: #fff;
  box-shadow: 0 0 3px #cacaca;
}
.post-listing.post { margin-bottom: 40px; }
.post-inner { padding: 20px; }
.post-title, .page-title, .archive-title {
  margin-bottom: 10px;
  color: #222;
  font: 400 28px/1.12 var(--heading-font);
  overflow-wrap: anywhere;
}
.post-meta {
  display: flex;
  flex-wrap: wrap;
  column-gap: 9px;
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 11px;
}
.post-meta:empty { display: none; }
.entry { display: flow-root; font-size: 13px; line-height: 22px; overflow-wrap: anywhere; }
.entry p, .entry ul, .entry ol, .entry blockquote, .entry figure { margin: 0 0 1em; }
.entry p { margin-bottom: 20px; }
.entry ul, .entry ol { padding-left: 24px; }
.entry :is(h2, h3, h4, h5) { margin: 0.85em 0 0.5em; line-height: 1.3; }
.entry h2 { margin: 25px 0 10px; font: 400 30px/1.2 Helvetica, Arial, sans-serif; }
.entry h3 { font-size: 19px; }
.entry h4 { font-size: 16px; }
.entry a { color: var(--link); }
.entry a:hover { text-decoration: underline; }
.entry .alignleft { float: left; margin: 5px 25px 5px 0; }
.entry .alignright { float: right; margin: 5px 0 5px 25px; }
.entry .aligncenter { display: block; margin: 5px auto 12px; }
.entry figcaption, .wp-caption-text { color: var(--muted); font-size: 12px; text-align: center; }
.entry figure, .wp-caption { max-width: 100%; }
.entry iframe, .entry video { max-width: 100%; }
.entry table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.entry th, .entry td { padding: 7px; border: 1px solid var(--line); text-align: left; }
.entry blockquote { padding: 8px 14px; border-left: 3px solid var(--accent); background: #fafafa; }

.widget { margin-bottom: 25px; }
.widget-top, .page-head { display: flex; align-items: center; gap: 10px; min-height: 19px; padding: 5px 0; }
.widget-top h4 { flex: none; color: #222; font: 400 20px/1.15 var(--heading-font); }
.widget-top h4:empty { display: none; }
.stripe-line { flex: 1; height: 12px; background: url('/sistemdosyalari/themes/sahifa/images/stripe.png'); }
.widget-container { padding: 10px; }
.widget-container li { padding: 0 0 5px; line-height: 18px; }
.widget-container a:hover { text-decoration: underline; }
.widget_categories .widget-container li::before { margin-right: 7px; color: #767676; content: '▱'; }
.search-form { display: flex; gap: 6px; }
.search-form label { flex: 1; min-width: 0; }
.search-field, .search-submit { min-height: 33px; padding: 5px 8px; border: 1px solid #ddd; border-radius: 0; }
.search-field { width: 100%; background: #fff; }
.search-submit { color: #fff; background: #a95100; border-color: #a95100; }

.archive-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.archive-card, .archive .post-listing, .blog .post-listing { min-width: 0; margin-bottom: 16px; }
.archive-card .post-inner { padding: 13px; }
.archive-card .post-title { font-size: 22px; }
.archive-card .post-thumbnail img { aspect-ratio: 310 / 165; object-fit: cover; }
#crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; color: var(--muted); font-size: 11px; }
.page-head .page-title { margin: 0; }
.rss-cat-icon { flex: none; }
.item-list { display: flow-root; padding: 20px 20px 25px; border-bottom: 1px solid #f2f2f2; }
.item-list .post-box-title { margin: 0 0 5px; font-size: 23px; font-weight: 400; }
.item-list .post-thumbnail { float: left; max-width: 42%; margin: 0 14px 5px 0; }
.item-list .entry { display: block; }
.item-list .entry p { margin-bottom: 12px; line-height: 21px; }
.archive .pagination, .blog .pagination, .page-numbers {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.pagination a, .pagination span, a.page-numbers, span.page-numbers { padding: 4px 9px; border: 1px solid var(--line); }
.pagination .current, .page-numbers.current { background: var(--nav); color: #fff; }
.search-results .search-results-list { margin: 12px 0 0; padding: 0; list-style: none; }
.search-result { padding: 12px 0; border-top: 1px solid var(--line); }
.search-result-title { font-size: 17px; font-weight: bold; }
.search-result .search-result-excerpt { margin: 4px 0 0; }

.review_wrap { clear: both; margin: 15px 0; }
.review-box { border: 1px solid var(--line); background: #fafafa; }
.review-box .review-box-header { margin: 0; padding: 8px 12px; color: #fff; background: var(--nav); font-size: 17px; }
.review-item, .user-rate-wrap { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--line); }
.review-summary { display: flex; flex-wrap: wrap; gap: 12px; padding: 12px; border-bottom: 1px solid var(--line); }
.review-summary p { margin: 0; }
.post-large-rate, .post-large-rate > span {
  height: 22px;
  background-image: image-set(url('/sistemdosyalari/plugins/taqyeem/images/stars-large.png') 1x, url('/sistemdosyalari/themes/sahifa/images/stars-large@2x.png') 2x);
  background-repeat: no-repeat;
}
.post-large-rate { position: relative; display: inline-block; width: 98px; background-position: left bottom; }
.post-large-rate > span { position: absolute; inset: 0 auto 0 0; width: 100%; background-position: left top; }
.share-post { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.share-text { font-weight: bold; }
.flat-social { display: flex; flex-wrap: wrap; gap: 4px; }
.flat-social a { display: block; padding: 4px 7px; color: #fff; background: #3a4e64; font-size: 11px; }
.flat-social .social-facebook { background: #34528a; }
.flat-social .social-twitter { background: #166990; }
.flat-social .social-stumble { background: #a23d2a; }
.flat-social .social-linkedin { background: #096488; }
.flat-social .social-pinterest { background: #a9232e; }

#theme-footer { margin-top: 20px; padding: 20px 0; border-top: 8px solid #ff8500; color: #ddd; background: #333; box-shadow: 0 -8px #0000001a; }
#footer-widget-area, .footer-bottom > .container { width: min(98%, 1045px); margin-inline: auto; }
#footer-widget-area { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.footer-bottom { min-height: 45px; padding: 15px 0; border-top: 1px solid #444; color: #ccc; background: #2e2e2e; font-size: 12px; line-height: 35px; }
.footer-bottom .alignleft { order: -1; margin-right: auto; }
.footer-bottom .alignright { margin-left: auto; }
.footer-bottom a:hover { color: #fff; }
#topcontrol {
  position: fixed;
  z-index: 4;
  right: 15px;
  bottom: 15px;
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 0;
  color: #fff;
  background: #333;
}
#topcontrol:empty::before { content: '\f106' / ''; }

@media (max-width: 1045px) {
  #wrapper { width: 99%; }
  :root { --page-gutter: 15px; }
  #main-content { gap: 18px; }
}

@media (max-width: 990px) {
  #main-content { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

@media (max-width: 900px) {
  #wrapper { width: 100%; background: #fff; }
  #theme-header { margin: 0 0 11px; }
  #theme-header:has(#main-nav[data-menu-ready] .menu-toggle[aria-expanded='false']) #top-nav { display: none; }
  #top-nav > .container { justify-content: space-between; }
  .top-menu { width: 100%; }
  .top-menu a { padding-inline: 7px; }
  .search-block { margin-left: 7px; }
  #main-nav > .container { display: block; padding-inline: 0; }
  #main-nav[data-menu-ready] .menu-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 4px 12px;
    border: 0;
    color: #fff;
    background: transparent;
  }
  #main-nav[data-menu-ready] .menu-toggle::before { font-size: 16px; content: '☰' / ''; }
  #main-nav[data-menu-ready]:has(.menu-toggle[aria-expanded='false']) .main-menu { display: none; }
  body:has(#main-nav[data-menu-ready] .menu-toggle[aria-expanded='true']) #topcontrol { display: none; }
  .main-menu > ul { display: block; }
  .main-menu > ul > li { position: relative; flex-wrap: wrap; }
  .main-menu > ul > li > a { flex: 1; min-width: 0; min-height: 44px; padding: 8px 12px; border: 0; border-top: 1px solid #454545; }
  .main-menu > ul > .menu-item-home > a { justify-content: flex-start; background-image: none; font-size: inherit; }
  .menu-item-home > a::before { content: '\f015' / ''; }
  .submenu-toggle { flex: 0 0 44px; width: 44px; min-height: 44px; padding: 0; border-top: 1px solid #454545; }
  .mega-menu:not(:has(.submenu-toggle)):is(:hover, :focus-within) > .mega-menu-block, .main-menu > ul > .mega-menu > a::after { display: none; }
  .mega-menu-block { position: static; flex: 0 0 100%; width: 100%; padding: 10px; box-shadow: none; }
  .mega-cat-content-tab { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main-nav .random-article { display: none; }
  #breaking-news, #main-content { width: 99%; margin: 10px auto; }
  #main-content { padding: 0; box-shadow: none; }
  .post-inner { padding: 15px; }
  .post-title, .page-title, .archive-title { font-size: 26px; }
  #footer-widget-area { grid-template-columns: 1fr; }
  .footer-bottom > .container { justify-content: center; text-align: center; }
  .footer-bottom .alignleft, .footer-bottom .alignright, .footer-bottom .social-icons { width: 100%; margin: 0; line-height: 20px; }
}

@media (max-width: 670px) {
  .mega-menu.mega-recent-featured .mega-menu-content { display: grid; grid-template-columns: minmax(0, 1fr); }
  .breaking-news-title > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .breaking-news-title .fa-bolt { display: block; }
}

@media (max-width: 510px) {
  .entry :is(.alignleft, .alignright) { display: block; float: none; margin: 10px auto; }
  .archive-cards { grid-template-columns: minmax(0, 1fr); }
  .mega-cat-wrapper { display: block; }
  .mega-cat-sub-categories { display: flex; flex-wrap: wrap; margin-bottom: 8px; }
}