.site_baslik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 20px 0px;
}
.site_baslik h3 {
width: fit-content;
height: 36px;
line-height: 37px;
overflow: hidden;
display: inline-block;
position: relative;
background: var(--body);
padding: 0px 15px 4px 0px;
z-index: 2;
font-size: 22px;
font-weight: 700;
color: var(--siyah_color);
}
.site_baslik:after {
width: 100%;
height: 1px;
overflow: hidden;
display: block;
position: absolute;
content: "";
background: var(--border);
top: calc(50% - 3px);
transform: translateY(-50%);
z-index: 1;
}
.site_baslik h3::before {
width: calc(100% - 15px);
height: 5px;
overflow: hidden;
display: inline-block;
position: absolute;
content: "";
bottom: 0px;
left: 0px;
background: var(--siyah);
border-radius: 4px;
}
.site_baslik a {
width: auto;
height: 16px;
line-height: 16px;
overflow: hidden;
display: inline-block;
padding-left: 15px;
background: var(--body);
font-size: 11px;
font-weight: 600;
color: var(--siyah_color);
position: absolute;
top: calc(50% - 4px);
transform: translateY(-50%);
right: 0px;
z-index: 2;
}
.site_baslik a:hover {
color: var(--kirmizi);
}
.site_baslik h3[data-control="ÖNE ÇIKAN HABERLER"]::before,
.site_baslik h3[data-control="Öne Çıkan Haberler"]::before {
background: var(--turuncu);
}
.site_baslik h3[data-control="GÜNDEM"]::before,
.site_baslik h3[data-control="Gündem"]::before {
background: var(--kirmizi);
}
.site_baslik h3[data-control="EKONOMİ"]::before,
.site_baslik h3[data-control="Ekonomi"]::before {
background: var(--mavi);
}
.site_baslik h3[data-control="SPOR"]::before,
.site_baslik h3[data-control="Spor"]::before {
background: var(--yesil);
}
.site_baslik h3[data-control="DÜNYA"]::before,
.site_baslik h3[data-control="Dünya"]::before {
background: var(--turuncu);
}
.site_baslik h3[data-control="SİYASET"]::before,
.site_baslik h3[data-control="Siyaset"]::before {
background: var(--kirmizi);
}
.site_baslik h3[data-control="MAGAZİN"]::before,
.site_baslik h3[data-control="Magazin"]::before {
background: var(--mor);
}
.site_baslik h3[data-control="RESMİ İLANLAR"]::before,
.site_baslik h3[data-control="Resmi İlanlar"]::before,
.site_baslik h3[data-control="BASIN İLAN"]::before,
.site_baslik h3[data-control="Basın İlan"]::before,
.site_baslik h3[data-control="İLANLAR"]::before,
.site_baslik h3[data-control="İlan"]::before {
background: var(--hardal);
}
.site_baslik h3[data-control="YORUM YAP"]::before {
background: var(--kirmizi);
}
.site_baslik h3[data-control="VIDEO GALERİ"]::before,
.site_baslik h3[data-control="Video Galeri"]::before,
.site_baslik h3[data-control="VİDEO GALERİ"]::before {
background: var(--kirmizi);
}


.one_cikanlar .swiper-slide[data-control="GÜNDEM"] .dashed-line,
.one_cikanlar .swiper-slide[data-control="Gündem"] .dashed-line {
background: repeating-linear-gradient(
to right,
var(--kirmizi) 0px,
var(--kirmizi) 5px,
transparent 5px,
transparent 10px
);
}
.one_cikanlar .swiper-slide[data-control="EKONOMİ"] .dashed-line,
.one_cikanlar .swiper-slide[data-control="Ekonomi"] .dashed-line {
background: repeating-linear-gradient(
to right,
var(--mavi) 0px,
var(--mavi) 5px,
transparent 5px,
transparent 10px
);
}
.one_cikanlar .swiper-slide[data-control="SPOR"] .dashed-line,
.one_cikanlar .swiper-slide[data-control="Spor"] .dashed-line {
background: repeating-linear-gradient(
to right,
var(--yesil) 0px,
var(--yesil) 5px,
transparent 5px,
transparent 10px
);
}
.one_cikanlar .swiper-slide[data-control="DÜNYA"] .dashed-line,
.one_cikanlar .swiper-slide[data-control="Dünya"] .dashed-line {
background: repeating-linear-gradient(
to right,
var(--turuncu) 0px,
var(--turuncu) 5px,
transparent 5px,
transparent 10px
);
}
.one_cikanlar .swiper-slide[data-control="SİYASET"] .dashed-line,
.one_cikanlar .swiper-slide[data-control="Siyaset"] .dashed-line {
background: repeating-linear-gradient(
to right,
var(--kirmizi) 0px,
var(--kirmizi) 5px,
transparent 5px,
transparent 10px
);
}
.one_cikanlar .swiper-slide[data-control="MAGAZİN"] .dashed-line,
.one_cikanlar .swiper-slide[data-control="Magazin"] .dashed-line {
background: repeating-linear-gradient(
to right,
var(--mor) 0px,
var(--mor) 5px,
transparent 5px,
transparent 10px
);
}

.one_cikanlar .swiper-slide[data-control="GÜNDEM"] .solid-line,
.one_cikanlar .swiper-slide[data-control="Gündem"] .solid-line {
border: 2px solid var(--kirmizi);
}
.one_cikanlar .swiper-slide[data-control="EKONOMİ"] .solid-line,
.one_cikanlar .swiper-slide[data-control="Ekonomi"] .solid-line {
border: 2px solid var(--mavi);
}
.one_cikanlar .swiper-slide[data-control="SPOR"] .solid-line,
.one_cikanlar .swiper-slide[data-control="Spor"] .solid-line {
border: 2px solid var(--yesil);
}
.one_cikanlar .swiper-slide[data-control="DÜNYA"] .solid-line,
.one_cikanlar .swiper-slide[data-control="Dünya"] .solid-line {
border: 2px solid var(--turuncu);
}
.one_cikanlar .swiper-slide[data-control="SİYASET"] .solid-line,
.one_cikanlar .swiper-slide[data-control="Siyaset"] .solid-line {
border: 2px solid var(--kirmizi);
}
.one_cikanlar .swiper-slide[data-control="MAGAZİN"] .solid-line,
.one_cikanlar .swiper-slide[data-control="Magazin"] .solid-line {
border: 2px solid var(--kirmizi);
}


.one_cikanlar .swiper-slide[data-control="GÜNDEM"] time,
.one_cikanlar .swiper-slide[data-control="Gündem"] time {
color: var(--kirmizi);
}
.one_cikanlar .swiper-slide[data-control="EKONOMİ"] time,
.one_cikanlar .swiper-slide[data-control="Ekonomi"] time {
color: var(--mavi);
}
.one_cikanlar .swiper-slide[data-control="SPOR"] time,
.one_cikanlar .swiper-slide[data-control="Spor"] time {
color: var(--yesil);
}
.one_cikanlar .swiper-slide[data-control="DÜNYA"] time,
.one_cikanlar .swiper-slide[data-control="Dünya"] time {
color: var(--turuncu);
}
.one_cikanlar .swiper-slide[data-control="SİYASET"] time,
.one_cikanlar .swiper-slide[data-control="Siyaset"] time {
color: var(--kirmizi);
}
.one_cikanlar .swiper-slide[data-control="MAGAZİN"] time,
.one_cikanlar .swiper-slide[data-control="Magazin"] time {
color: var(--kirmizi);
}

.one_cikanlar .swiper-slide[data-control="GÜNDEM"] .moving-lines:after,
.one_cikanlar .swiper-slide[data-control="Gündem"] .moving-lines:after {
background: var(--kirmizi);
}
.one_cikanlar .swiper-slide[data-control="EKONOMİ"] .moving-lines:after,
.one_cikanlar .swiper-slide[data-control="Ekonomi"] .moving-lines:after {
background: var(--mavi);
}
.one_cikanlar .swiper-slide[data-control="SPOR"] .moving-lines:after,
.one_cikanlar .swiper-slide[data-control="Spor"] .moving-lines:after {
background: var(--yesil);
}
.one_cikanlar .swiper-slide[data-control="DÜNYA"] .moving-lines:after,
.one_cikanlar .swiper-slide[data-control="Dünya"] .moving-lines:after {
background: var(--turuncu);
}
.one_cikanlar .swiper-slide[data-control="SİYASET"] .moving-lines:after,
.one_cikanlar .swiper-slide[data-control="Siyaset"] .moving-lines:after {
background: var(--kirmizi);
}
.one_cikanlar .swiper-slide[data-control="MAGAZİN"] .moving-lines:after,
.one_cikanlar .swiper-slide[data-control="Magazin"] .moving-lines:after {
background: var(--kirmizi);
}

.hamburger-icon {
width: auto;
height: auto;
line-height: 30px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 5px 0px 0px;
padding: 0px 5px 0px 0px;
font-size: 26px;
color: var(--beyaz);
background: none;
border: none;
outline: none;
cursor: pointer;
z-index: 99;
}
.icon_logo .hamburger-icon {
color: var(--siyah);
}
.hamburger-icon svg {
vertical-align: middle;
}
.side-menu {
position: fixed;
top: 0;
left: 0;
width: 300px;
height: calc(100% - 0px);
background: var(--mobilbg);
transform: translateX(-100%);
transition: transform 0.3s ease;
z-index: 9999999;
padding-top: 0px;
}
.side-menu.open {
transform: translateX(0);
}

.side-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.side-menu ul li {
position: relative;
margin: 0;
padding: 0;
}
.side-menu ul li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 20px;
font-size: 18px;
font-weight: 600;
color: var(--mobil_color);
text-decoration: none;
cursor: pointer;
transition: background 0.2s ease;
}
.side-menu ul li a:hover {
opacity: 0.8;
}
.side-menu .submenu-icon {
font-size: 14px;
margin-left: auto;
transition: transform 0.3s ease;
}
.side-menu li.submenu-open .submenu-icon {
transform: rotate(180deg);
}
.side-menu li ul {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
list-style: none;
padding: 0;
margin: 0;
}
.side-menu li ul li a {
padding: 7px 20px 7px 30px;
font-size: 16px;
font-weight: 400;
color: var(--mobil_color);
display: block;
}
.side-menu .mwhatsapp {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
background: rgb(14 193 47/100%);
padding: 7.5px 15px;
text-align: center;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
.side-menu .mwhatsapp:hover {
background: rgb(14 193 47/70%)
}
.side-menu .mwhatsapp a {
height: calc(44px - 0px);
display: block
}
.side-menu .mwhatsapp .iconify[data-icon="mdi:whatsapp"] {
width: auto;
height: 44px;
overflow: hidden;
position: relative;
font-size: 44px;
margin-right: 12px;
color: var(--beyaz);
display: inline-block;
animation: wpPulse 1.6s ease-in-out infinite;
}
@keyframes wpPulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
}
.side-menu .mwhatsapp strong {
width: 100px;
height: 44px;
line-height: 1.4;
overflow: hidden;
display: inline-block;
position: relative;
font-size: 16px;
color: #fff;
font-weight: 300;
text-align: left
}
.side-menu .mwhatsapp strong:first-line {
font-weight: 500
}

.close-menu {
position: absolute;
top: 18px;
right: 5px;
font-size: 30px;
background: none;
border: none;
color: var(--mobil_color);
cursor: pointer;
}
.menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(3px);
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 999998;
}
.menu-overlay.open {
opacity: 1;
visibility: visible;
}
.menu_scrollbar {
width: 100%;
height: calc(100% - 30px);
overflow: hidden;
display: block;
}
.menu_scrollbar_ic {
width: 100%;
height: calc(100% - 30px);
padding-right: 0;
overflow-y: scroll;
}
.menu_scrollbar_ic::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgb(255 255 255 / 80%) !important;
background-color: rgb(255 255 255 / 80%) !important;
}
.menu_scrollbar_ic::-webkit-scrollbar {
width: 3px !important;
background-color: rgb(255 255 255 / 80%) !important;
}
.menu_scrollbar_ic::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 80%) !important;
background: rgb(0 0 0 / 80%) !important;
}
.side-menu .menu_sosyal a {
color: var(--mobil_color);
border-color: rgb(255 255 255 / 40%);
}


img.f_mlogo {
width: auto;
height: 36px;
overflow: hidden;
display: block;
margin: 20px 0px 15px 20px;
object-fit: contain;
object-position: center;
}

.menu_sosyal {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 20px 0px 50px 0px;
text-align: center;
}
.menu_sosyal a {
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
display: inline-table;
padding: 0px 0px;
margin: 0px 3px;
color: var(--beyaz);
border: 1px solid #ffffff;
background: transparent;
border-radius: 100%;
}
.menu_sosyal a:hover {
color: var(--beyaz);
border: 1px solid var(--kirmizi);
background: var(--kirmizi);
}
.menu_sosyal .iconify {
font-size: 18px;
vertical-align: middle;
}


section.reklam {
width: 100%;
min-height: 10px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.yatay_reklam {
width: 100%;
max-width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
flex-direction: column;
}
.yatay_reklam img {
max-width: 100%;
height: auto;
display: block;
object-fit: contain;
object-position: center;
}



/* Açılır Arama Paneli */
.arama-buton {
width: auto;
height: 37px;
overflow: hidden;
border: 1px solid var(--beyaz);
background: transparent;
border-radius: 20px;
padding: 0px 15px;
cursor: pointer;
font-size: 14px;
color: var(--beyaz);
outline: none;
}
.arama-buton .iconify[data-icon="material-symbols:search-rounded"] {
font-size: 22px;
color: var(--beyaz);
display: inline-block;
vertical-align: middle;
}

.arama-panel {
width: calc(90% - 30px);
max-width: calc(900px - 30px);
height: auto;
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
padding: 0px 0px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1001;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.arama-panel.show {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
#aramaOverlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(3px);
background-color: rgba(0, 0, 0, 0.3);
z-index: 1000;
transition: opacity 0.3s ease;
opacity: 0;
}
#aramaOverlay.active {
display: block;
opacity: 1;
}
.arama-panel form {
position: relative;
}
.arama-panel input {
width: calc(100% - 100px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 70px 15px 30px;
border: 0px;
outline: 0px;
font-size: 18px;
font-weight: 700;
border-radius: 9999px;
z-index: 1;
}
.arama-panel button {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
right: 20px;
font-size: 22px;
color: var(--siyah_color);
border: 0px;
outline: none;
background: transparent;
cursor: pointer;
}

.yorumun_alani {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 45px;
}
.yorumun_alani input#author,
.yorumun_alani input#email {
width: calc(50% - 10px);
height: 45px;
resize: vertical;
box-sizing: border-box;
padding: 10px;
font-size: 15px;
line-height: 1.4;
border: 1px solid var(--border);
outline: none;
border-radius: 3px;
margin: 0px 15px 15px 0px;
}
.yorumun_alani input#email {
margin: 0px 0px 15px 0px;
}
.yorumun_alani .textarea textarea {
width: 100%;
height: 100px;
resize: vertical;
box-sizing: border-box;
padding: 10px;
font-size: 15px;
line-height: 1.4;
border: 1px solid var(--border);
outline: none;
border-radius: 3px;
font-family: var(--fontfamily);
}
.yorumun_alani .textarea textarea:focus,
.yorumun_alani .textarea textarea:focus-visible,
.yorumun_alani input#author:focus,
.yorumun_alani input#email:focus,
.yorumun_alani input#author:focus-visible,
.yorumun_alani input#email:focus-visible  {
border: 1px solid var(--siyah);
border-radius: 3px;
}
.yorumun_alani button#submit {
width: 120px;
text-align: center;
position: relative;
overflow: hidden;
background: var(--siyah);
color: var(--beyaz);
border: none;
padding: 10px 0px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
z-index: 1;
border-radius: 3px;
margin-top: 5px;
}
.yorumun_alani button#submit::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: var(--yesil);
transform: translate(-50%, -50%);
z-index: 0;
transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.yorumun_alani button#submit:hover::before {
width: 105%;
height: 105%;
}
.yorumun_alani button#submit span {
position: relative;
z-index: 2;
}
.yorumun_alani .yorumacevapveren {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
}
.yorumun_alani .yorumacevapveren a {
font-weight: 700;
color: var(--kirmizi);
}

.yapilanYorumlar {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 20px 0px;
}
.yapilanYorumlar .yorum {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid var(--border);
}
/*.yapilanYorumlar .yorum:last-child {
border-bottom: 0px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}*/
.yapilanYorumlar .yorum span.name {
font-size: 15px;
font-weight: 500;
}
.yapilanYorumlar .yorum span.date {
font-size: 10px;
font-weight: 400;
margin-left: 5px;
opacity: 0.6;
}
.yapilanYorumlar .yorum p {
font-size: 15px;
font-weight: 400;
margin: 10px 0px 8px 0px;
}
.yapilanYorumlar ul.children {
padding: 0px 0px 0px 10px;
}
.yorum-butonlari {
width: auto;
height: auto;
overflow: hidden;
display: block;
float: left;
}
.yorum-butonlari a,
.yapilanYorumlar .yorum .answer a {
display: inline-block;
padding: 4px 10px;
border-radius: 6px;
font-size: 14px;
text-decoration: none;
color: #444444;
margin-right: 0px;
}
.yorum-butonlari a.comment-reply-link {
padding: 4px 2px;
}
.yorum-butonlari a.comment-reply-link:hover,
.yapilanYorumlar .yorum .answer a:hover {
color: #dc3545;
}
.yorum-butonlari a i.fa-thumbs-up {
width: 15px;
}
.yorum-butonlari a i.fa-thumbs-down {
width: 19px;
}

.yorum-butonlari a.begen-link:hover {
color: #28a745;
}
.yorum-butonlari a.begenme-link:hover {
color: #dc3545;
}

.yorum-butonlari a.secili.begen-link {
color: #28a745;
}

.yorum-butonlari a.secili.begenme-link {
color: #dc3545;
}
.yorum-butonlari a.disabled {
opacity: 1;
pointer-events: none;
cursor: default;
}

.yorum-kurali {
width: calc(100% - 120px);
margin: 15px 0;
font-size: 14px;
float: left;
position: relative;
}
.yorum-kurali a {
color: var(--kirmizi);
text-decoration: underline;
cursor: pointer;
}
.yorum-kurali label {
position: relative;
padding-left: 30px;
cursor: pointer;
font-size: 15px;
user-select: none;
display: inline-block;
color: var(--siyah_color);
}
.yorum-kurali input[type="checkbox"] {
opacity: 0;
position: absolute;
left: 0;
top: 0;
height: 21px;
width: 21px;
cursor: pointer;
z-index: 2;
margin: 0px;
}
.yorum-kurali label::before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 18px;
height: 18px;
border: 2px solid var(--border);
border-radius: 4px;
background-color: var(--beyaz);
transition: all 0.3s ease;
z-index: 1;
}
.yorum-kurali label::after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 6px;
height: 12px;
border: solid var(--beyaz);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.2s ease;
z-index: 3;
}
.yorum-kurali input[type="checkbox"]:checked + label::before {
background-color: var(--kirmizi);
border-color: var(--kirmizi);
}
.yorum-kurali input[type="checkbox"]:checked + label::after {
opacity: 1;
}
.kural-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(3px);
background-color: rgba(0, 0, 0, 0.3);
z-index: 999;
}
.kural-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 20px 15px;
border-radius: 5px;
z-index: 1000;
width: 90%;
max-width: 600px;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.kural-modal .kapat {
position: absolute;
top: 10px;
right: 15px;
font-size: 20px;
cursor: pointer;
}
.kural-icerik {
height: auto;
}
.kural-icerik h3 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid var(--border);
font-size: 18px!important;
font-weight: 700;
color: var(--kirmizi);
}
.kural-icerik h3 i {
padding: 0px 5px 0px 2px;
}
.kural-icerik p {
font-size: 14px;
font-weight: 400;
}
.kural-icerik ol {
width: calc(100% - 20px);
height: auto;
overflow: hidden;
padding: 0px 0px 0px 20px;
margin: 15px 0px 0px 0px;
}
.kural-icerik ol li {
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
}
.kural-alert {
background-color: #ffebeb;
color: #c0392b;
border-left: 4px solid #e74c3c;
padding: 10px 15px;
margin: 15px 0 0;
border-radius: 4px;
font-size: 14px;
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.kural-alert.show {
opacity: 1;
}
.yorum-bos {
width: auto;
display: table;
background: #f8f8f8;
margin: 20px auto;
font-size: 15px;
}

ul.thewp_sayfayolu {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
ul.thewp_sayfayolu li {
width: auto;
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
ul.thewp_sayfayolu li a {
position: relative;
margin: 0px 5px 0px 0px;
padding: 0px 10px 0px 0px;
color: var(--siyah_color);
opacity: 0.6;
font-size: 13px;
height: 20px;
line-height: 20px;
}
ul.thewp_sayfayolu li a:after {
width: auto;
height: auto;
position: absolute;
content: ">";
right: 0px;
color: var(--siyah_color);
opacity: 0.6;
font-size: 13px;
top: 50%;
transform: translateY(-50%);
}
ul.thewp_sayfayolu li strong {
color: var(--siyah_color);
opacity: 0.8;
font-size: 13px;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
height: 20px;
line-height: 22px;
}




.thewp-pagination-wrapper {
width: 100%;
text-align: center;
margin: 20px 0px 0px 0px;
}
.thewp-pagination,
.page-numbers {
display: inline-flex;
list-style: none;
padding: 0;
gap: 8px;
}
.thewp-pagination li,
.page-numbers li {
display: inline;
}
.thewp-pagination a,
.thewp-pagination span,
.page-numbers li a,
.page-numbers li span {
height: 34px;
line-height: 34px;
overflow: hidden;
display: inline-block;
padding: 0px 14px;
border: 1px solid var(--border);
color: var(--siyah_color);
text-decoration: none;
border-radius: 3px;
transition: all 0.3s;
font-size: 14px;
font-weight: 600;
}
.thewp-pagination a:hover,
.page-numbers li a:hover {
background: var(--kirmizi);
color: var(--beyaz);
}
.thewp-pagination .active span,
.page-numbers li .page-numbers.current {
background: var(--kirmizi);
color: var(--beyaz);
border-color: var(--kirmizi);
}
.thewp-pagination .dots,
.page-numbers li .page-numbers.dots {
padding: 0px 10px;
color: #999;
}
.thewp-pagination .iconify[data-icon="material-symbols:chevron-right"],
.page-numbers li .iconify[data-icon="material-symbols:chevron-right"],
.thewp-pagination .iconify[data-icon="material-symbols:chevron-left"],
.page-numbers li .iconify[data-icon="material-symbols:chevron-left"] {
font-size: 22px;
display: inline-block;
vertical-align: middle;
}


@media (max-width: 980px) {
ul.thewp_sayfayolu li a,
ul.thewp_sayfayolu li strong {
font-size: 11px;
}
ul.thewp_sayfayolu li a:after {
top: 55%;
transform: translateY(-50%);
}




}


@media (max-width: 768px) {
section.reklam {
margin-top: 20px;
}

.yorumun_alani input#author,
.yorumun_alani input#email {
width: calc(100% - 1px);
margin: 0px 0px 15px 0px;
}
.yorumun_alani input#email {
margin: 0px 0px 15px 0px;
}
}

@media (max-width: 640px) {
.side-menu {
width: 100%;
}
.arama-buton {
display: none;
}







}