/*
Theme Name: Opseques Blog
Theme URI:
Author: Celebi Selli
Author URI: https://www.r10.net/wordpress-temalari/4202701-dunyanin-en-hizli-wordpress-temasi-v3-128640-300-000-tl-kazanmama-yardimci-olan-tema.html
Description: Seo compatible and fast wordpress blog/magazine theme.
Version: 3
*/
h1.site-title{width:fit-content;float:left;margin:32px 0 20px 5px}
img.searchicon{margin:4px 0 -8px -33px;position:absolute;width:20px;height:20px;border:none}
input#search{height:26px;border:1px solid rgba(0,0,0,.1);border-radius:5px}
form.searchbox{margin: auto;
    float: right;}
    .menu-item {
        font-size: 15px;
        font-weight: 600;
    }
h1{font-size:28px;margin:20px 0}
h2{font-size:25px;margin:35px 0 15px 0}
h3{font-size:22px;margin:35px 0 15px 0}
h4{font-size:19px;margin:35px 0 15px 0}
h5{font-size:16px;margin:35px 0 15px 0}
h6{font-size:14px;margin:35px 0 15px 0}
img.attachment-post-thumb.size-post-thumb.wp-post-image {
    float: right;
	    margin: 0px 0px 10px 10px;
}
p{font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    font-size: 20px;
    color: #393e46;
    line-height: 32px;
    display: block;}
img.attachment-post-thumb.size-post-thumb.wp-post-image{max-width:100%;height:auto;}
.footerc a{color:#fff;font-weight:400;font-size:14px;}
a.singlesitetitle{width: fit-content;
    float: left;
    margin: 32px 0 20px 5px;font-size:28px;    font-weight: 700;
}
li{line-height:22px;margin:15px 0;color:#2c2f34}
.comment{margin:20px 0;border:1px solid #e4e4e4;padding:10px 10px 10px 10px;border-radius:5px}
ol.comment-list{padding:0}
.comment-meta.commentmetadata {
    display: none;
}
.comment-author.vcard {
    margin: 5px 0px 0px 0px;
}
img.avatar {
    max-width: 30px;
    max-height: 30px;
    margin: -8px 0px;
}
.top{--offset:50px;position:sticky;bottom:50px;margin-left:100%;place-self:end;margin-top:calc(100vh + var(--offset));text-decoration:none;padding:7px;font-family:sans-serif;color:#fff;background:#065c8e;border-radius:5px;white-space:nowrap;font-size:20px}
h3#reply-title{padding:10px 0 10px 20px;border-radius:4px;border-left:15px solid #065c8e;background-color:#f7f7f7!important}
ul#menu-footer{margin:-10px 5px 5px 5px}
a.comment-reply-link{background-color:#818181;color:#fff;padding:5px 10px;border-radius:5px;margin:0 0 10px 0;display:inline-block}
.saat{width:16px;height:16px;margin:0 5px -2px 0}
a.footertext{color:#fff;padding: 0px 1px 0px 0px;margin:0px 0px 0px 5px;}
span.says{display:none}
a.url{color:#254d27 !important;font-size:20px;font-weight:200}
.alignright{float:right;margin:0 0 10px 20px}
.rand-title{margin:8px 0 0 0;font-size:17px;display:block;font-weight:600}
p.comment-form-author,p.comment-form-email,p.comment-form-url,p.form-submit{margin:15px 0}
.post-wrap{text-align:left}
.relatedpost{padding:10px 0 10px 20px;border-radius:4px;border-left:15px solid #065c8e;background-color:#f7f7f7!important;padding:15px 10px 15px 10px}
a.breada {
    color: #000;
}
.alignleft{float:left;margin:0 20px 10px 0}
h3.relatedpost{margin: 40px 0px 20px 5px !important;}
.aligncenter{display:block;margin:0 auto 1px auto;clear:both}
.related-post{width:274px;height:275px;margin:7px 5px;padding:7px 7px 13px 7px;display:inline-grid;}
.wp-caption p.wp-caption-text{font-size:12px;font-style:italic;line-height:20px;padding:0 5px;margin:5px 0}
textarea#comment{width:80%}
ul{list-style:none}
.menu-item::before{display:none}
ul li::before{content:"\2022";color:#16cc62;font-weight:700;display:inline-block;width:25px;font-size:48px;position:relative;left:0;top:10px}
ul{padding:0 15px}
header#masthead{margin:-10px 0 12px 0;display:flow-root;border-bottom:1px solid #e9e9e9;height:95px;}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{max-width:100%}
body{font-family:sans-serif}
.wp-caption{max-width:100%}
.postdesc{color:#666;padding:0 0;line-height:20px;font-size:13px}
.postdesc p{color:#666;padding:0 0;line-height:20px;font-size:13px}
.fipost{float:left;margin:0 10px 0 0;max-width:100%}
div#primary{display:flex}
span.entry-date{font-size:13px;color:#45464f;display:inherit;margin:10px 0}
.more-link{background-color:#065c8e;padding:8px 15px;color:#fff;display:inline-block;border-radius:3px;font-size:13px}
a{text-decoration:none;color:#333}
a.breadcrumb{color:#000}
.menuimg{margin:32px 5px}
span.page-numbers.current{background-color:#45464f;color:#fff;padding:5px 10px;border-radius:5px;margin:15px 3px;display:inline-block}
a.page-numbers{color:#003f00;padding:5px 10px;border-radius:5px;margin:15px 3px;display:inline-block;border:1px solid #333}
input{height:26px;border:1px solid #d0d0d0}
textarea#comment{border:1px solid #d0d0d0}
p.comment-notes{font-size:13px;line-height:30px}
p.comment-form-cookies-consent{font-size:13px;display:flex;line-height:30px}
.footerc{background-color:#191919;color:#fff;width: 100%;
    position: absolute;
    right: 0px;
	padding: 12px 0px 5px 0px;
}
.post-wrap{border:1px solid #e9e9e9;clear:both;margin:12px 0;height:197px;display:block;max-height:197px;border-radius:5px;width:inherit}
.page-nav-container{clear:both;text-align:center;margin:15px 0 30px 0}
img.custom-logo{float:left;margin:15px 0 0 5px}
@media only print and (min-width:1px){
	header#masthead,.breadcrumb {
    display: none;
}
}
@media only screen and (max-width:971px){

	span.h2tit {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    margin: 16px 0px 0px 0px;
}
.top{margin-left:90%}
.titlecat{margin:20px 10px}
ul#menu-footer{margin:5px 5px 5px 5px}
.footerc{text-align:center;padding:10px 0}
.footerc li a{        color: #fff;
        font-weight: 600;
        font-size: 17px;
        border: 1px solid #333;
        padding: 5px 10px;
        display: table-cell;
        margin: -10px !important;background-color: #191919;}
.footerc li{border:none;display:inline-block;padding:5px 5px;margin:0px 5px}
div#footer-menu{margin:20px 0 10px 0}
h1.site-title{margin:32px 0 20px 10px}
article.box{padding:0 5px}
.postdesc{padding:0 0}
.showhide{margin-bottom:.4em}
.showhide .show{display:none}
.showhide:target .show{display:block}
.showhide:target .hide{display:none}
form.searchbox{margin:25px 0 35px 10px;height:20px;float:initial;text-align:center}
}
img.custom-logo {
    margin: 20px 0 10px 5px;
}
.breadcrumb{font-size:13px;line-height:20px;padding:10px 2px 10px 0;}
@media only screen and (max-width:760px){
	.featured-image[style*="float: right;"] {

    margin: 0 auto;
    width: -webkit-fill-available;
}
.featured-image[style*="float: left;"] {

    margin: 0 auto;
    width: -webkit-fill-available;
}

	.post-wrap {
		border: unset !important;}
	img.custom-logo {
    max-width: 240px !important;
    max-height: 100px;
}
	.menuimg {
    margin: 14px 5px;
}
	
	span.paylas{display:none;}
	span.spandivshare {
    width: 28px;
}
	img.attachment-post-thumb.size-post-thumb.wp-post-image{float:unset;    max-width: 100%;
    height: auto;
    margin: 0 auto;}
	
img{max-width:100%;height:auto}
	img.custom-logo {
		float: left;
}
h2.h2tit{margin:15px 0;width:100%}
div#comments{padding:5px 10px}
.breadcrumb{padding:5px 3px 0 5px}
.relatedpost{padding:15px 10px 15px 10px;max-width:90%;margin:30px 10px 20px 13px}
.related-post{width:274px;margin:15px 0;padding:0;border:none}
.rposts{max-width:274px;margin:0 auto;float:initial;}
}
.icerik {
    float: left;
    max-width: 900px;
}
@media only screen and (max-width:1300px){
	.dddddss {
    float: left;
}
	    .h2tit {
        white-space: unset !important;
    }
.post-wrap{border: none !important;
        padding: 5px 10px 25px 10px !important;
        margin: 1rem auto !important;
        max-width: 350px !important;
        display: table-cell !important;}
}

@media only screen and (max-width:1250px){.sidebar {
    float: inherit !important;
    margin: 0 auto !important;
}}
@media only screen and (max-width:460px){
	.featured-image[style*="float: right;"] {
    margin-left: 0px !important;
}
	    body {
        width: -webkit-fill-available;
    }
	
	.icerik {
    margin: 0 0px;
	 width: 100%;
}
.post-wrap{padding:5px 10px 25px 10px;display:inline-table}
.fipost{float:left;margin:0;max-width:100%}
}
.homeic{width:14px;height:14px;margin:0 5px -1px 0}
label{display:block}
input#submit{background-color:#065c8e;color:#fff;padding:15px 15px;border-radius:5px;display:inline-block;border:none;font-size:initial;height:45px!important}
@media only screen and (min-width:769px){
	li.menu-item.menu-item-type-taxonomy.menu-item-object-category.searchhhh {
    margin: auto;
}
	.menu-items li:hover > ul {
    width: max-content;
}
	ul#menu-footer {
    display: flex;
		        margin: auto;
}
	.footerc li {
       
        margin: 5px 15px;
    }

	form.searchbox {
    margin: auto auto auto 10px;
}
}
@media only screen and (min-width:768px){ .featured-image[style*="float: left;"]{margin: 0px 15px 0px 0px;}   .featured-image[style*="float: right;"]{margin: 0px 0px 0px 15px;}}
 
@media only screen and (max-width:768px){
	.footerc {
    position: unset;
    right: 0px;
}
	.featured-image[style*="float: right;"] {
    float: unset !important;
}
	.post-wrap {
    display: inline-block !important;
		
}
	.post-wrap {
    height: unset !important;
		    max-height: fit-content !important;
}
	.icerikler {
    text-align: center;
}
}

@media only screen and (min-width:1280px){
	body {max-width:1280px !important;}
	
}


@media only screen and (max-width:320px){
img.custom-logo {

    width: 75% !important;
}
	.right-sidebar {
    display: inline-block !important;
		    max-width: 90% !important;
}
	.sidebar {
    max-width: 90% !important;
}
	.post-wrap {
    max-width: 90% !important;
}
}
@media only screen and (max-width:1220px){
	h3#reply-title {
    display: inline-block !important;
		        width: 277px;
}
	.icerikler{margin:0 auto}}
@media only screen and (min-width:972px){
	img.custom-logo {
}
	a.footertext {
    padding: 0px 1px 0px 106px;
}
.post-wrap{margin:5px 0}
div#respond{border:1px solid #e2e2e2;margin:20px 0 20px 0;padding:10px 25px}
.h2tit{               margin: 10px 0 0px 0;
        font-size: 20px;
        font-weight: 600;
	display:flow !important;
        display: inline-block;
        white-space: nowrap;
        max-width: 539px;
        text-overflow: ellipsis;
        overflow: hidden;}
div#content{border:1px solid #f4f4f4;padding:10px 20px;margin:10px 0 25px 0;max-width:900px;}
	.rposts {
    max-width: 900px;
		float: left;
}
	div#comments {
    max-width: 900px;
		float: left;
}
.fipost{margin:0 20px 0 -10px}
.post-wrap{padding:0 10px}
body{max-width:1275px;}
}

			/* burası tablo */

/* General table styles for clarity and accessibility */

table {

 width: 100%;

 border-collapse: collapse;

 margin-bottom: 20px;

 font-family: 'Arial', sans-serif;

 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */

 border-radius: 8px; /* Rounded corners */

}



/* Caption for SEO and clarity (optional) */

caption {

 padding-top: 16px;

 caption-side: top;

 text-align: center;

 font-weight: bold;

}
.pysdiv {
    height: 36px;
    max-width: 900px;
}
	.paylasbuton{
    padding: 3px;
    display: flex;
    width: 32px;
    float: left;
    margin: -4px 10px 0px 0px;}
.xtwt{margin: 3px 0px 3px 2px;}
.paylas{margin: 0px 10px 0px 10px;
    padding: 3px 5px;
    display: table-caption;}
.whatsp{    
    padding: 0px;
    display: flex;
    width: 38px;
    float: left;
    margin: -4px 10px 0px 0px;}
.spandivshare{border: 1px solid #e0e0e0;
    padding: 6px;
    display: flex;
    width: 96px;
    float: left;
    margin: -4px 10px 0px 0px;}
/* Table header styles */

thead {

 background-color: #4CAF50; /* Primary color for header */

 color: #fff; /* White text for contrast */

 text-align: center; /* Center header text */

}



/* Header cell styles */

th {

 font-weight: bold;

 padding: 12px 16px; /* Increased padding for better readability */

 border: 1px solid #ddd; /* Light border for separation */

}



/* Table body styles */

tbody {

 background-color: #fff; /* Light background for body */

}



/* Table row styles */

tr {

 border: 1px solid #ddd; /* Light border for each row */

 transition: background-color 0.3s ease; /* Smooth transition for hover effect */

}



/* Even row background color */

tr:nth-child(even) {

 background-color: #f9fafb; /* Light gray background for even rows */

}



/* Hover effect for rows */

tr:hover {

 background-color: #e0e0e0 !important; /* Light gray background on hover */

}



/* Small screen responsiveness */

@media screen and (max-width: 600px) {
	

 table {

  width: 100%;

  overflow-x: auto; /* Enable horizontal scrolling for narrow screens */

 }



 th,

 td {

  padding: 8px 12px; /* Reduce padding for smaller screens */

 }

}



/* WordPress-specific styling */

.wp-block-table table {

 margin: 20px auto;

}


@media only screen and (max-width: 1272px) {
	header#masthead {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		display:block;
	}
	
	a.singlesitetitle {
		margin: 0;
	}
	
	
}
@media only screen and (min-width: 1236px) {
	body{margin: 0 auto !important;padding:0px 10px}
}
@media only screen and (max-width: 1236px) {
.icerikler {
    float: unset !important;
    margin: 0 auto !important;
}}
@media only screen and (max-width: 768px) {
	table td, table th {
		padding: 10px;
		overflow-wrap: anywhere;
	}
}








img.custom-logo {
    max-width: 300px;
    max-height: 100px;
}



a.more-link {
    background: linear-gradient(to right, #45464f, #45464f, #8ba594);
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
}

.post-wrap {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.06);
    box-shadow: 0 2px 5px rgba(0,0,0,.06);
}
a.more-link {
    margin: -5px 0px 0px 0px;
}
.post-wrap {
    border: 1px solid #f7f7f7;
    clear: both;
    margin: 12px 0;
    height: 197px;
    display: block;
    max-height: 197px;
    border-radius: 5px;
    width: inherit;
}
.postdesc p {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    font-size: 18px;
    color: #393e46;
    line-height: 32px;
    display: block;
	margin: 8px 0px 17px 0px;
}
h2,h3,h4,h5,h6, .popularhaber,h3#reply-title,h3.relatedpost {
    display: flex;
    padding: 10px 0 10px 20px;
    border-left: 15px solid rgb(100 188 69);
    background-color: rgba(247, 247, 247, 1);
    max-width: 900px;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
    font-weight: 600;
    color: #000 !important;
    border-radius: 4px;
    margin: 2rem 0rem 2rem 0rem;
    font-size: 27px;
}
table td, table th {
    padding: .4em;
    text-align: left;
    border-right: 1px dotted rgba(0, 0, 0, 0.1);
}
table tbody td, .entry table tbody th {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
table tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.03);
}
table {
    border-spacing: 0;
    border-collapse: separate;
    margin-bottom: 1.5em;
}
#respond > p > a, p.must-log-in {
    color: #333;
}
.js-rmp-rating-item:before {
    content: unset;
}
.related-post {
    height: unset;
}
.top {
    background: #64bc45;
}

.post-wrap {

    display: inline-table;
}


.menu-item {
    
    text-transform: uppercase !important;
}		
		
.opseques-reklam-header {
    margin: 10px 0px;
}
span.fffff {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0px 0px 0px;
    display: block;
}
.fpost-wrap {
    float: left;
    width: 350px;
    margin: 33px;
    display: block;
}
img.fffpf {
    border-radius: 5px;
}
.sidebar{float:right;width: 320px;    margin: -20px 0px 0px 0px;}
.icerikler {
    max-width: 900px;
    width: 100%;
    float: left;
}
span.h2tit.side {
    font-size: 24px;
    margin: 22px 0px 0px 0px;
}
h2.widget-title {
    box-shadow: rgba(23, 43, 99, 0.3) 0 1px 12px;
    font-size: 20px;
	margin: 2rem 0rem 1rem 0rem;
}
.right-sidebar {
    margin: 8px 0px 0px 0px;
}
.sidebar {
    float: right;
    width: 320px;
    margin: -20px 0px 0px 0px;
    display: flex !important;
}
img{max-width:100%}
/* Widget container */
.custom-selected-posts-widget {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

/* Widget title */
.custom-selected-posts-widget .widget-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

/* Post list */
.custom-selected-posts {
    list-style: none;
        margin: 21px 0px 0px 0px;
    padding: 0;
}

/* Post list item */
.custom-selected-posts li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 15px;
    display: block;
    align-items: center;
    transition: background-color 0.3s ease;
}

.custom-selected-posts li:hover {
    background-color: #f1f1f1;
}

/* Post thumbnail */
.custom-selected-posts .selected-post-thumbnail {
    margin-right: 15px;
    flex-shrink: 0;
	float: left;
}

.custom-selected-posts .selected-post-thumbnail img {
    width: 110px;
    height: 75px;
    border-radius: 4px;
    object-fit: cover;
}

/* Post content */
.custom-selected-posts .selected-post-content {
    flex: 1;
    display: block;
    flex-direction: column;
    align-items: flex-end;
}

.custom-selected-posts .selected-post-title {
    font-family: system-ui;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}

.custom-selected-posts .selected-post-title:hover {
    text-decoration: underline;
}

.custom-selected-posts .selected-post-date {
    font-size: 12px;
    color: #666;
    text-align: left;
}

/* Responsive design */
@media (max-width: 768px) {
    .custom-selected-posts li {
        flex-direction: column;
        align-items: flex-start;
    }

    .custom-selected-posts .selected-post-thumbnail {
        margin-bottom: 10px;
        width: 100%;
        max-width: 110px;
    }

    .custom-selected-posts .selected-post-title,
    .custom-selected-posts .selected-post-date {
        text-align: left;
    }
}

/* Widget form */
.custom-selected-posts-widget .widefat {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.custom-selected-posts-widget .checkbox {
    margin-right: 5px;
}

.custom-selected-posts-widget small {
    display: block;
    margin-top: 5px;
    color: #777;
}

li.xx::before {
    display: none;
}
/* Inline Related Post Container */
.inline-related-post {
    display: flex;
    align-items: center;
    background-color: #f4f4f4;
    border-left: 4px solid #0073aa;
    padding: 10px 15px;
    margin: 20px 0;
    font-size: 16px;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* "İlginizi Çekebilir" Text */
.inline-related-post .related-toggle {
    font-weight: bold;
    color: #333;
    margin-right: 10px;
}

/* Related Post Link */
.inline-related-post .related-link {
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

/* Hover Effect for Related Post Link */
.inline-related-post .related-link:hover {
    color: #005a8c;
    text-decoration: underline;
}

/* Responsive Design */
@media (min-width: 1300px) {
.ozel-icerik-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 50px;
    margin: 10px 0px 50px 0px;
}}
@media only screen and (max-width: 320px) {
    body {
        width: 120% !important;
    }
}
@media (max-width: 768px) {
	
    .inline-related-post {
        flex-direction: column;
        align-items: flex-start;
    }
    .inline-related-post .related-toggle {
        margin-bottom: 5px;
    }
}
.footersp{margin: 5px 0rem 0rem 0rem;
    display: inline-block;}
.ad-middle-content,.ad-before-content,.ad-in-content,.after-content-ad,.header-ad {
    height: 300px;
    max-height: 300px;
}