/* Mobile Friendly Font Size */


@media only screen and (max-width: 767px) {
    div.release-date {
        font-size: 12px;
        margin-top: -6.5px;
        margin-bottom: 2px;
    }
	p.stats {font-size:12px !important;}
	p#copyright {
		font-size:12px !important;
	}
}

/* Title Edit */

h1.entry-title {
    color: white !important;
    font-size: 25px;
    line-height: 24px;
    font-family: "Droid Sans",Helvetica,Arial,sans-serif;
    font-weight: 500;
    letter-spacing: -2px;
}

.release-date {
	color: #a6a6a6;
    font-size: 10px;
    height: 18px;
}

a.collection.label-small:hover {
    background: #84744e;
}

a.collection.label-small {
background: #93a0a8;
		position: absolute;
    color: #fff;
		top: 245px;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 0 0;
    height: 16px;
    text-align: center;
	  background: #c8b36b;
    box-shadow: 0 0.5px 0 #84744e;
    display: block;
    height: 15px;
	  width: max-content;
    cursor: pointer;
    border-radius: 3px;
}
a.collection.brtlx {left:242px}
a.collection.vxn {left:252px;}
a.collection.brzzrs {left:235px;}
a.collection.jav {left:261px;}
a.collection.czechav {left:234px;}
a.collection.rk {left:215px;}
a.collection.clpsfrsl {left:226px;}
a.collection.prvmm {left:232px;}
a.collection.prncz {left:241px;}
a.collection.mylf {left:251px;}
a.collection.nbls {left:241px;}
a.collection.myprvyfmly {left:201px;}
a.collection.prtb {left:225px;}
a.collection.trmx {left:270px;}
a.collection.fmlystrks{left:206px;}
a.collection.brttymlf{left:224px;}
a.collection.bngbrs{left:229px;}
a.collection.sxmx{left:240px;}
a.collection.pblcagnt{left:217px;}
a.collection.mssx{left:243px;}
a.collection.hjbhkp{left:213px;}
a.collection.brttyss{left:233px;}
a.collection.sslvsm{left:218px;}
a.collection.mofos {left:249px;}
a.collection.nghtymrc{left:194px;}
a.collection.dgtlplygrnd{left:187px;}
a.collection.trnsngls{left:215px;}

div#lgbt {
 position:absolute;
 top: 151.3px;
	left:5px;
	background: rgba(251, 202, 39, 0.7);
	color: rgb(0, 0, 0);
	font-family: Oswald;
    font-size: 0.9em;
	padding: 0.3em 0px 0.15em;
	width: 95.3%;
	text-align: center;
	font-style: italic;
}

.new-png {
	position: absolute;
	width:28px;
	top:12px;
	left:12px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img.new-png {
    animation: blink 1.25s;
    animation-iteration-count: infinite;
}

.home #main {
        padding-top: 0;
}

.home .panel-row-style:first-of-type {
        padding-top: 0 !important;
}

/* Metaslider Align */

.metaslider.ms-theme-cubic {
    opacity: 0;
    padding-bottom: 0px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.metaslider.metaslider.ms-theme-cubic.ms-is-small {
    padding-bottom: 2px;
}

/* Search Bar Align */

#header-search {
    float: right;
    width: 210px;
    margin-left: 100px;
}

/* Footbar Center */

#colophon {
    font-size: 12px;
    color: #aaa;
    text-align: center;
}

/* Loop Nav Text Colour */

a {
    color: #2b86c6;
}

#main-nav {
    border-bottom: 1px solid #e1e2e3;
    position: relative;
   background: black;;
    display: block;
    height: 42px;
    text-transform: capitalize;
    width: 100%;
}

/*Brazzers Nav-Bar */

#main-nav .menu>li {
    background: black;
}

#main-nav .menu>li>a {
    float: left;
    position: relative;
              height: 100%;
    color: white;
    display: flex
    width: 300px;
    top: 0px;
    flex-direction: column;
    z-index: 2;
    transform: translateX(0%);
    animation: 0.5s ease 0s 1 normal forwards running bFopx;
    pointer-events: all !important;
       font-family: roboto, "Droid Sans", sans-serif;
    border-style: solid;
    border-color: transparent;
    font-size: 15px;

}

#main-nav ul {
    font-size: 17px;
    letter-spacing: -1px;
    font-weight: 100;
    list-style: none;
    margin: 0;
    display: block;
    padding: 2px 15px 0;
    color: #1a1a1a;
        }


#header {
    background: black;
}




/* Responsive Nav-Bar */

#main-nav select {
    font-size: 17px;
    font-weight: 100;
    color: #1a1a1a;
    text-shadow: 0 1px 0 #fff;
	
}

/* Hover */

#main-nav ul li:hover > a {
    background: #242424;
}

#main-nav .menu>li>a:hover {
    color: #f4c324;
    text-shadow: 0 -1px 0 #967a20;
}

#main-nav .menu>li.current-menu-item>a {
    border-top: 3px solid #eeaa23;
        background: linear-gradient(to bottom,#242424 0,#242424 57%,#0A0A0A 77%,#0A0A0A 100%);
    text-shadow: 0 1px 0 #000;
          color: #f4c324;
	
}

/* Loop Colour */


.loop-actions {
        background: black;;
}

.loop-actions span, .loop-actions a, .loop-actions i
{
        line-height: 26px;
}



/* Category Title */

.elementor-623 .elementor-element.elementor-element-1f299f0.elementor-widget-heading .elementor-heading-title {
    color: #231f20;
    font: 400 22px "Droid Sans",Helvetica,Arial,sans-serif;
    float: left;
    text-shadow: 0 1px 0 #fff;
}


/* Widget Titles */

.widget-title {
    display: block;
    border-bottom: 1px solid #DDD;
    line-height: 24px;
    font-size: 15px;
    margin: 0;
    padding-bottom: 6px;
    font-family: "Droid Sans",Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-shadow: 0 1px 0 #fff;
    border-radius: 4px 4px 4px 4px;
    text-transform: capitalize;
    z-index: 4;
    text-align-last: center;
    padding-top: 6px;
    background: black;
    border: 1px solid #fff;
    border-color: #fff #acacac #7d7d7d;
    border-right: 0;
    border-left: 0;
    color: rgb(238, 238, 238);
}

/* Nav-Menu Margin Left */

#main-nav .menu {
    margin-left: -37px;
	background: black;
	 text-transform: uppercase;
}

/* Home-Featured Colour */

.home-featured .nav li.active .inner {
    border-left: 4px solid #eeaa23;
}

.wall {
    background: #0a0a0a;
}

/* Footbar Colour */

#colophon {
    font-size: 12px;
    color: #797878;
    text-align: center;
    background: #0c0c0c;
}

#colophon a {
    color: #fff;
}

body {
    margin: 0;
    font: 13px sans-serif;
    line-height: 1.615;
    text-shadow: 0 1px 0 #fff0;
}

/* Main Background Image */

#main {
    background: url(https://31vakticdn.website/wp-content/uploads/2019/02/section.png) center top repeat-x #fff;
        border-top: 0px solid #FFF;
}




/* Footbar Navigation Hover */

#footer-nav li a:hover {
    color: #ccc;
}

/* Page Numbers Nav */

.pag-nav a, .pag-nav span {
background: linear-gradient(to bottom,#E4E5E5 0,#E4E6E7 61%,#dbdbdb 63%,#e5e5e5 100%);
border-color: #fff #999 #7d7d7d;
border-style: solid;
border-width: 1px;
color: #464646;
box-shadow: 0 0 1px #7d7d7d;
  padding: 3px 10px;
text-shadow: 0 1px 0 #fff;
}

.pag-nav a:hover
{
background: linear-gradient(to bottom,#CBCCCE 0,#CBCCCE 61%,#BDBFC1 63%,#BDBFC1 100%);
color: #000;
border-top: 1px solid #f4f4f4;
box-shadow: 0 0 1px #acacac;
text-shadow: 0 1px 0 #dbdbdb;
}

.pag-nav .current
{
background: linear-gradient(to bottom,#6e7072 0,#929497 100%);
    border-bottom: 1px solid #464646;
    border-top: 1px solid #acacac;
    box-shadow: 0 0 1px #464646;
    color: #fff;
    text-shadow: 0 -1px 0 #464646;
}

.wp-pagenavi span.current {
    font-weight: normal;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #acacac #7d7d7d #464646;;
}

/* Footer Navigation */

img.size-full, img.size-large, img.wp-post-image
{
    padding-top: 10px;
}

#footer-nav {
    padding-top: 10px;
}

/* Socializer */

.socializer {
    border: 1px solid #000;
    padding: 5px 5px 5px 5px;
    margin: 0;
    display: inline-block;
    background: #2a2a2a;
    border-radius: 7px;
    box-shadow: 2px 2px 2px #888;
}

/* Pornstars */

.coauthors ul {
display:inline;
}
.coauthors li {
display:inline;
list-style:none;
}
.coauthors li:after{
content:", "
}
.coauthors li:last-child:after {
    content: "";
}

.coauthors li, ul { margin: 2px 0px; }

.coauthors a {
        font-size:12px;
                cursor: pointer;
        font-weight: 700;
}

.coauthors a:hover {
        color: #369;
    text-decoration: none;
}

.grid-medium .entry-title {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
	
}

/* Single Video Header Padding */

.entry-header .entry-title {
    padding-top: 10px;
}

/* Duyuru */

div.announcementcontainer {

}

/* Skip Button */

button#skipbutton {
        background: linear-gradient(to bottom,#ebebec 0,#f1f1f1 56%,#e1e1e1 62%,#e2e3e4 100%);
        margin:0 100px 10px;
}

button#skipbutton:hover {
        background:#242424;
        color: #f4c324;
        cursor:pointer;
}

/* Single Video New Badge */

#newbadge1 {margin: 12px 7px;}

/* Alternatif Part Sitemi */

#altbutton {    background: linear-gradient(to bottom,#E4E5E5 0,#E4E6E7 61%,#dbdbdb 63%,#e5e5e5 100%);
    border: 1px solid #333;
    border-color: #fff #acacac #7d7d7d;
    border-right: 0;
    border-left: 0;
    color: #464646;
    margin: 0 0 1px;
    cursor: pointer;
}

#part2 {

 position: relative;

 padding-bottom: 56.25%; /* set the aspect ratio here as (height / width) * 100% */

 height: 0;

 overflow: hidden;

 max-width: 100%;

}

#part2 iframe {

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

}

#alternativevideo {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}

#alternativevideo iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


/* Video HD Icon */

.lgbt {
        position: absolute;
        top: 227px;
        left: 261px;
}

.videothumb {
  position: relative;
  top: 0;
  left: 0;
}
.hq {
  position: absolute;
  top: 245px;
  left: 283px;
}

#uzunluk {left: 258px;
top:10px;
}
span#uzunluk p{
	margin-top:20px;
}

#lentochka {left:192px;
top:62px}

#zzturk {
        height:auto;
        width:55px;
        top:7.3px;
left:5.7px;}

div.textwidget.custom-html-widget {height:75px; width:300px;
}


li.cat-item {
        background: black;
        border-right:solid;
        border-right-color:black;;
        border-radius:0px;
        border-bottom:solid;
        border-bottom-color:black;
}

li.cat-item a {color:white;}

.tag-description {
        border:solid 3px;
        border-color:white;
	border-radius:7px;
	color:white;
	
}

.tag-description a {color:rgb(251, 202, 39);}

/* HD Video */
.fp_hd_source { color: yellow !important; }

/* Comment Author Bold */

span.comment-author {
        font-weight:bold;
}

/* Video Altı istatistik */

div.istatistikler {
        margin-top:-13px;
}

.begenisayisi {padding-left:6px;
}

div.izlenmesayisi {
        margin-left:5px;
        margin-top:-11px;
}

div.section-content {

        margin-top:5px;
}

.hd-icon-large {
        margin-left:3px;
        margin-top:-13px;
}

span.begeniicon {
        padding-left:3px;
}

div.begeniicon1 {
        margin-top: 2px;
    margin-left: 1px;
}

.addthis_inline_share_toolbox {
float:right;
        margin-top:-34px;
}

/* Footer Clickaine */

#clck_ntv {
        margin-top:-32px;
}

/* Content Detail Center */
div.entry-content.rich-content {
	text-align:center;
	display: block;
    line-height: 24px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 100;
    text-align: left;
}

div.entry-content.rich-content h2, h4 {line-height: 1;
    font-size: 18px;
    padding-right: 5px;
    overflow-wrap: break-word;
    cursor: pointer;
    color: rgb(181, 181, 181);}

/* Beğeni Butonu */
.entry-actions {
	margin-top: -15px;
}

/* Pornstar & Studio */
#pornstar {border: 3px solid #eeaa23; padding: 3px; margin: 3px;}

#studio {border: 3px solid #304fff; padding: 3px; margin: 3px; }

/* Comment Form Url */
p.comment-form-url {
display:none;
}

/* Model name under the video */
div#models {
	margin-top: -9px;
}
div#models a.cat-item {
	font-size:15px;
}
/* New Style */

ul.coauthors a.cat-item {color: rgb(251, 202, 39);
white-space: nowrap;
	font-size: 0.9rem;
    font-weight: bold;
}

/* Grid Data Background */

.grid-medium .item {
    width: 315px;
    float: left;
    margin: 0 2.5px 20px;
    background: black;
    position: relative;
}

div.data h2.entry-title a {white-space: nowrap;
    width: 100%;
    color: rgb(214, 214, 214);
font-size: 0.8125rem;}

div#main {
	background:black;
}

/* Grid Around Thumbnails */

.grid-medium .thumb {
padding: 7px;
}

#main-nav > div > div > div > select {color: rgb(212, 212, 212);

    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.4;}

.loop-actions {
    margin: 0px 0px 20px;
    height: 21px;
    line-height: 21px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: black;;
    border-image: initial;
    border-radius: 3px;
	box-shadow: rgb(247, 247, 247) 0px 1px 0px inset; }
	
	.boxed-wrap #page {
		box-shadow: none;}

#main-nav {border-bottom:black;}

.loop-actions {
	box-shadow:none;
	
}

span.orderby i {color:white;
	display: flex;

	    border-color: rgb(254, 254, 254);
    border-style: solid;
    border-width: 1px;
    border-radius: 25px;
	color: rgb(254, 254, 254);
	padding:2px;
box-sizing: border-box;
	align-items: center;
	    background: rgba(51, 51, 51, 0);
}

#categories-3 li.cat-item a {color: rgb(214, 214, 214);}

#categories-4 li.cat-item a {color: rgb(214, 214, 214);}

div.sort {margin-left:-15px;}

div#extras a {background: rgb(246, 202, 47);
    padding: 0.2em 0.8125em;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
    margin-right: 0.65em;
    margin-bottom: 0.65em;
    display: inline-block;
    color: rgb(0, 0, 0);}

#models > strong {line-height: 1;
    font-size: 18px;
    padding-right: 5px;
    overflow-wrap: break-word;
    cursor: pointer;
    color: rgb(181, 181, 181);}

div#extras h4 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
	font-size:16px;
	margin-bottom:9px;
}

div.section-content {background:black;}

h3 {color:white;}

p#copyright {color: rgb(255, 255, 255);
    font-size: 10px;
    margin: 10px auto;
    max-width: 1000px;
    line-height: 1.2;}

div.izlenmesayisi {color: rgb(222, 222, 222);}

div#info.info-more p.entry-meta {color: rgb(222, 222, 222);}

div#info p.entry-meta {color: rgb(222, 222, 222);}

div.loop-header h1.loop-title em {color: #e4a321;}

div.loop-header h1.loop-title {color:white;}

ul.coauthors li a {color: rgb(251, 202, 39);
white-space: nowrap;
	font-size: 0.9rem;
    font-weight: bold;}

#post-623 > div > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-f598557.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div.elementor-column.elementor-col-66.elementor-top-column.elementor-element.elementor-element-2013807 > div > div > div > div > h2 {color:white;}

div.tag-description {border:none;}

body {background:black !important;}

div.data ::after {color:rgb(251, 202, 39);}

div.tag-description strong {color: rgb(172, 172, 172);} 

div.tag-description p {font-family: roboto, "Droid Sans", sans-serif; } 

div.metaslider {background: black;}

span.comment-author > cite.fn {
	color:rgb(181, 181, 181);
}

/* Category Grid Wrapper */
.category-grid-wrapper {
    padding: 20px;
    background-color: #000; /* Black background */
    color: #fff; /* White text color for readability */
}

.category-grid-container {
    display: grid;
    grid-template-columns: repeat(4, 210px); /* Four columns with fixed width */
    gap: 20px;
    margin: 0 auto;
    justify-content: center;
}

.category-item {
    background: #333; /* Dark background for each category item */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
    width: 210px; /* Fixed width for each box */
    height: auto; /* Height will adjust based on content */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Hover effect for category items */
.category-item:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Stronger shadow on hover */
}

.category-link {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff; /* White text for category links */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-image {
    position: relative;
    width: 100%;
    aspect-ratio: 420 / 344; /* Maintains 420x344 aspect ratio */
    background-size: cover;
    background-position: center;
    border-radius: 8px 8px 0 0; /* Rounded top corners for thumbnails */
}

/* Thumbnail styling */
.category-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0; /* Rounded top corners for thumbnails */
}

/* Category title styling */
.category-title {
    padding: 10px 15px;
    background-color: #222; /* Dark background for titles */
    border-top: 2px solid #444; /* Subtle border for separation */
    text-align: center;
}

.category-title h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff; /* White text for category titles */
}

/* Optional: Add a subtle hover effect for the title */
.category-item:hover .category-title h3 {
    color: #ffcc00; /* Yellow text color on hover */
}

/* Media Queries for Responsiveness */

/* Tablet and smaller screens (e.g., 768px and below) */
@media (max-width: 768px) {
    .category-grid-container {
        grid-template-columns: repeat(2, 1fr); /* Two columns */
        gap: 15px;
    }

    .category-item {
        width: 100%; /* Full width for each box */
        height: auto; /* Adjust height to fit content */
    }

    .category-image {
        aspect-ratio: 420 / 344; /* Keep aspect ratio consistent for smaller screens */
    }
}

/* Mobile screens (e.g., 480px and below) */
@media (max-width: 480px) {
    .category-grid-container {
        grid-template-columns: 1fr; /* One column */
        gap: 10px;
    }

    .category-item {
        width: 100%; /* Full width for each box */
        height: auto; /* Adjust height for better fit */
    }

    .category-image {
        aspect-ratio: 420 / 344; /* Keep aspect ratio consistent for mobile screens */
    }

    .category-title h3 {
        font-size: 14px; /* Smaller font size for mobile screens */
    }
}

/* Category description styling */
.category-description {
    background-color: #222; /* Darker gray background */
    color: #ddd; /* Soft light gray text */
    padding: 25px; /* Breathing space */
    border-radius: 10px; /* Rounded corners */
    margin-bottom: 30px; /* Space below */
    font-size: 14px; /* Slightly smaller font size for readability and clean design */
    line-height: 1.7; /* Increased line height for better readability */
    border: 1px solid #444; /* Subtle border */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); /* Soft shadow for depth */
}

/* Heading styles */
.category-description h1, .category-description h2, .category-description h3 {
    color: #f0b400; /* Goldish yellow for headings */
    font-weight: 600; /* Bold font weight */
    margin-bottom: 15px;
    font-size: 16px; /* Slightly larger font size for headings */
}

/* Paragraph styles */
.category-description p {
    color: #ddd; /* Light gray text */
    font-size: 14px; /* Uniform font size for paragraphs */
    line-height: 1.8; /* Spacious line height for readability */
}

/* Optional: Heading hover effect */
.category-description h1:hover, .category-description h2:hover, .category-description h3:hover {
    color: #ffcc00; /* Hover effect for headings */
}

/* Optional: Adjustments for mobile responsiveness */
@media (max-width: 768px) {
    .category-description {
        padding: 20px; /* Reduced padding for mobile screens */
        font-size: 13px; /* Smaller font size for mobile */
    }

    .category-description h1, .category-description h2, .category-description h3 {
        font-size: 16px; /* Adjust heading size on mobile */
    }
}

.category-description-wrapper {
    position: relative;
    margin-bottom: 20px;
}

/* Sleek text-based toggle button */
.toggle-description {
    display: none;
    font-size: 15px;
    font-weight: bold;
    color: #ddd; /* Light grey text */
    cursor: pointer;
    text-align: left;
    padding: 10px 0;
    transition: color 0.3s ease;
}

.toggle-description:hover {
    color: #fff; /* Brighten on hover */
}

.category-description-wrapper {
    position: relative;
    margin-bottom: 20px;
    background: #111; /* Dark background */
    padding: 15px;
    border-radius: 5px;
    color: #ddd;
}

/* Short version: always visible */
.category-description-short {
    display: block;
}

/* Full version: hidden on mobile */
.category-description-full {
    display: none;
    margin-top: 10px;
}

/* Stylish Read More button */
.toggle-description {
    display: block;
    margin-top: 10px;
    background: #444; /* Dark grey */
    color: #fff;
    border: none;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-description:hover {
    background: #666; /* Lighter grey hover */
}

.category-description-wrapper {
    position: relative;
    margin-bottom: 20px;
    background: #111; /* Dark background */
    padding: 15px;
    border-radius: 5px;
    color: #ddd;
}

/* Short version: always visible */
.category-description-short {
    display: block;
}

/* Full version: hidden by default on desktop */
.category-description-full {
    display: block;
    margin-top: 10px;
}

/* Stylish Read More button */
.toggle-description {
    display: none; /* Hidden by default on desktop */
    margin-top: 10px;
    background: #444; /* Dark grey */
    color: #fff;
    border: none;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-description:hover {
    background: #666; /* Lighter grey hover */
}

.category-description-wrapper {
    position: relative;
    margin-bottom: 20px;
    background: #111; /* Dark background */
    padding: 15px;
    border-radius: 5px;
    color: #ddd;
}

/* Short version: Show on mobile only, with ellipsis */
.category-description-short {
    display: block; /* Show on mobile */
    overflow: hidden; /* Hide overflow content */
    text-overflow: ellipsis; /* Show "..." when content overflows */
    white-space: nowrap; /* Prevent wrapping of the description */
}

/* Full version: Hidden by default on mobile */
.category-description-full {
    display: block; /* Always visible */
    margin-top: 10px;
}

/* Stylish Read More button */
.toggle-description {
    display: none; /* Hidden by default on desktop */
    margin-top: 10px;
    background: #444; /* Dark grey */
    color: #fff;
    border: none;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-description:hover {
    background: #666; /* Lighter grey hover */
}

/* Mobile-specific adjustments: only show button on mobile */
@media (max-width: 768px) {
    .category-description-short {
        display: block; /* Show short version with ellipsis on mobile */
        white-space: normal; /* Allow wrapping */
    }
    .category-description-full {
        display: none; /* Hide full description on mobile */
    }
    .toggle-description {
        display: block; /* Show the button on mobile */
    }
}

/* Hide short version and ellipsis on desktop */
@media (min-width: 769px) {
    .category-description-short {
        display: none; /* Hide short version completely on desktop */
    }
}

/* Page Title Color */

h1.page-title {color:white;}

h1.pornstar-name {color:white;}

div.pornstar-bio p {color:white;}

/* ? Overall page styling */
div.pornstar-list {
    background-color: #111;
    color: #fff;
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}

/* ? Container */
.pornstar-listing-page .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* ? Header Styling */
header {
    background-color: #222;
    padding: 20px 0;
    text-align: center;
    color: #fff;
}

header .site-logo {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

/* ?️ Title */
.page-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

/* ? Pornstar Listing Grid */
.pornstar-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    gap: 20px;
    margin-top: 30px;
    justify-content: center;
}

/* ? Pornstar Item */
.pornstar-item {
    background-color: #1a1a1a;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pornstar-item:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

/* ? Image Styling */
.pornstar-thumbnail {
    width: 165px;
    height: 220px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 5px;
}

.pornstar-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ℹ️ Name & Video Count */
.pornstar-info {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.pornstar-name {
    font-size: 18px;
    font-weight: 600;
    color: #f1c40f;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.post-count {
    font-size: 12px;
    color: #bbb;
}

/* ? Search Bar */
.pornstar-search {
    background-color: #333;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.pornstar-search label {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

/* ? Input Field */
.pornstar-search input[type="text"] {
    padding: 6px 10px;
    font-size: 13px;
    width: 220px;
    max-width: 100%;
    border: 1px solid #888;
    border-radius: 4px;
    background-color: #222;
    color: #fff;
    transition: border-color 0.3s;
}

.pornstar-search input[type="text"]:focus {
    border-color: #f1c40f;
    outline: none;
}

/* ? Search Button */
.pornstar-search button {
    padding: 6px 12px;
    background-color: #f1c40f;
    border: none;
    border-radius: 4px;
    color: #222;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.pornstar-search button:hover {
    background-color: #e67e22;
}

/* ? Pagination */
.pagination {
    background: black;
    margin-top: 1px;
    text-align: center;
}

.pagination ul {
    list-style: none;
    padding: 0;
    display: inline-block;
}

.pagination ul li {
    display: inline-block;
    margin: 3px 5px;
}

.pagination a {
    text-decoration: none;
    padding: 3px 10px;
    background: linear-gradient(to bottom, #E4E5E5 0%, #E4E6E7 61%, #dbdbdb 63%, #e5e5e5 100%);
    border-color: #fff #999 #7d7d7d;
    border-style: solid;
    border-width: 1px;
    color: #464646;
    box-shadow: 0 0 1px #7d7d7d;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 1px 0 #fff;
    transition: background 0.3s ease, color 0.3s ease;
    display: inline-block;
    min-width: 30px;
    text-align: center;
}

.pagination .active {
    background: linear-gradient(to bottom, #6e7072 0%, #929497 100%);
    border-bottom: 1px solid #464646;
    color: #fff;
}

.pagination a.disabled {
    color: #aaa;
    cursor: not-allowed;
}

/* ? Pornstar Bio */
.pornstar-bio {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    color: #fff;
    max-width: 800px;
    margin: 20px auto;
    flex-wrap: wrap; /* Allow items to wrap to the next line on small screens */
}

/* ? Bio Photo */
.pornstar-photo {
    width: 250px;
    height: auto;
    border-radius: 6px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

/* Expand Image to its Original Size */
.pornstar-photo.expanded {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 600px;
    max-height: 90vh;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    border-radius: 8px;
}

/* ? Mobile Responsive Fixes */
@media (max-width: 768px) {
    .pornstar-bio {
        display: block; /* Stack the elements vertically on smaller screens */
        gap: 10px; /* Reduce gap between image and text */
        align-items: center; /* Center align text */
    }

    .pornstar-photo {
        width: 200px; /* Smaller image size on mobile */
        margin-bottom: 10px; /* Add spacing between the photo and text */
    }

    .pornstar-bio dl {
        margin-left: 0;
        padding-left: 0;
    }

    .pornstar-bio dt, .pornstar-bio dd {
        font-size: 14px; /* Adjust font size for readability */
    }
}

/* ? Label & Value Styling */
.pornstar-bio dl {
    margin: 0;
    padding: 0;
}

.pornstar-bio dt {
    font-weight: bold;
    color: #efba04; /* Golden Yellow for labels */
    font-size: 14px;
    margin-top: 5px;
}

.pornstar-bio dd {
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #fff; /* White for values */
    font-weight: normal;
}

/* Dark overlay when image expands */
.pornstar-photo-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9998;
}

.pornocu-h1 {
    background-color: #000; /* Black background */
    
    text-align: center; /* Center align text */
    padding: 20px; /* Some padding for better spacing */
    margin: 0; /* Ensure no extra margin around the div */
}

.pornocu-h1 h1 {
    font-size: 24px; /* Adjust the font size as needed */
    font-weight: bold; /* Bold font for the heading */
    margin: 0; /* Remove default margin from the h1 */
	color: #fff; /* White text color */
}

/* Center the time element within the box */
.videouzunluk {
    background-color: #373933;
    position: relative;
    height: 17px;
    width: 45px;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1; /* Ensures the text aligns properly in a single line */
}

.pornstar-slider {
    display: flex;
    overflow: hidden; /* Hide content that overflows */
    width: 100%; /* Full container width */
    position: relative;
}

.pornstar-slider ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    transform: translateX(0); /* Ensure it starts at the default position */
    transition: transform 1s ease-in-out; /* Smooth sliding */
}

/* Prevent wrapping of text inside the list items */
.pornstar-slider li {
    white-space: nowrap; /* Prevent text from wrapping */
}

/* Make sure the anchor links have no underlines */
.pornstar-slider a {
    text-decoration: none;
    color: #000;
}

/* The sliding animation */
@keyframes scroll-left {
    0% {
        transform: translateX(0); /* Start at default position */
    }
    100% {
        transform: translateX(-100%); /* Slide to the left */
    }
}

header.category-header h1 {color:#efba04;}

header.studio-header h1 {color:#efba04;}

/* Studio Grid Wrapper */
.studio-grid-wrapper {
    padding: 20px;
    background-color: #000; /* Black background */
    color: #fff; /* White text color for readability */
}

.studio-grid-container {
    display: grid;
    grid-template-columns: repeat(4, 210px); /* Four columns with fixed width */
    gap: 20px;
    margin: 0 auto;
    justify-content: center;
}

.studio-item {
    background: #333; /* Dark background for each studio item */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
    width: 210px; /* Fixed width for each box */
    height: auto; /* Height will adjust based on content */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Hover effect for studio items */
.studio-item:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Stronger shadow on hover */
}

.studio-link {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff; /* White text for studio links */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.studio-image {
    position: relative;
    width: 100%;
    aspect-ratio: 420 / 344; /* Maintains 420x344 aspect ratio */
    background-size: cover;
    background-position: center;
    border-radius: 8px 8px 0 0; /* Rounded top corners for thumbnails */
}

/* Thumbnail styling */
.studio-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0; /* Rounded top corners for thumbnails */
}

/* Studio title styling */
.studio-title {
    padding: 10px 15px;
    background-color: #222; /* Dark background for titles */
    border-top: 2px solid #444; /* Subtle border for separation */
    text-align: center;
}

.studio-title h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff; /* White text for studio titles */
}

/* Optional: Add a subtle hover effect for the title */
.studio-item:hover .studio-title h3 {
    color: #ffcc00; /* Yellow text color on hover */
}

/* Media Queries for Responsiveness */

/* Tablet and smaller screens (e.g., 768px and below) */
@media (max-width: 768px) {
    .studio-grid-container {
        grid-template-columns: repeat(2, 1fr); /* Two columns */
        gap: 15px;
    }

    .studio-item {
        width: 100%; /* Full width for each box */
        height: auto; /* Adjust height to fit content */
    }

    .studio-image {
        aspect-ratio: 420 / 344; /* Keep aspect ratio consistent for smaller screens */
    }
}

/* Mobile screens (e.g., 480px and below) */
@media (max-width: 480px) {
    .studio-grid-container {
        grid-template-columns: 1fr; /* One column */
        gap: 10px;
    }

    .studio-item {
        width: 100%; /* Full width for each box */
        height: auto; /* Adjust height for better fit */
    }

    .studio-image {
        aspect-ratio: 420 / 344; /* Keep aspect ratio consistent for mobile screens */
    }

    .studio-title h3 {
        font-size: 14px; /* Smaller font size for mobile screens */
    }
}

/* Studio description styling */
.studio-description {
    background-color: #222; /* Darker gray background */
    color: #ddd; /* Soft light gray text */
    padding: 25px; /* Breathing space */
    border-radius: 10px; /* Rounded corners */
    margin-bottom: 30px; /* Space below */
    font-size: 14px; /* Slightly smaller font size for readability and clean design */
    line-height: 1.7; /* Increased line height for better readability */
    border: 1px solid #444; /* Subtle border */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); /* Soft shadow for depth */
}

/* Heading styles */
.studio-description h1, .studio-description h2, .studio-description h3 {
    color: #f0b400; /* Goldish yellow for headings */
    font-weight: 600; /* Bold font weight */
    margin-bottom: 15px;
    font-size: 16px; /* Slightly larger font size for headings */
}

/* Paragraph styles */
.studio-description p {
    color: #ddd; /* Light gray text */
    font-size: 14px; /* Uniform font size for paragraphs */
    line-height: 1.8; /* Spacious line height for readability */
}

/* Optional: Heading hover effect */
.studio-description h1:hover, .studio-description h2:hover, .studio-description h3:hover {
    color: #ffcc00; /* Hover effect for headings */
}

/* Optional: Adjustments for mobile responsiveness */
@media (max-width: 768px) {
    .studio-description {
        padding: 20px; /* Reduced padding for mobile screens */
        font-size: 13px; /* Smaller font size for mobile */
    }

    .studio-description h1, .studio-description h2, .studio-description h3 {
        font-size: 16px; /* Adjust heading size on mobile */
    }
}

.studio-description-wrapper {
    position: relative;
    margin-bottom: 20px;
}

/* Sleek text-based toggle button */
.toggle-description {
    display: none;
    font-size: 15px;
    font-weight: bold;
    color: #ddd; /* Light grey text */
    cursor: pointer;
    text-align: left;
    padding: 10px 0;
    transition: color 0.3s ease;
}

.toggle-description:hover {
    color: #fff; /* Brighten on hover */
}

.studio-description-wrapper {
    position: relative;
    margin-bottom: 20px;
    background: #111; /* Dark background */
    padding: 15px;
    border-radius: 5px;
    color: #ddd;
}

/* Short version: always visible */
.studio-description-short {
    display: block;
}

/* Full version: hidden on mobile */
.studio-description-full {
    display: none;
    margin-top: 10px;
}

/* Stylish Read More button */
.toggle-description {
    display: block;
    margin-top: 10px;
    background: #444; /* Dark grey */
    color: #fff;
    border: none;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-description:hover {
    background: #666; /* Lighter grey hover */
}

.studio-description-wrapper {
    position: relative;
    margin-bottom: 20px;
    background: #111; /* Dark background */
    padding: 15px;
    border-radius: 5px;
    color: #ddd;
}

/* Short version: Show on mobile only, with ellipsis */
.studio-description-short {
    display: block; /* Show on mobile */
    overflow: hidden; /* Hide overflow content */
    text-overflow: ellipsis; /* Show "..." when content overflows */
    white-space: nowrap; /* Prevent wrapping of the description */
}

/* Full version: Hidden by default on mobile */
.studio-description-full {
    display: block; /* Always visible */
    margin-top: 10px;
}

/* Stylish Read More button */
.toggle-description {
    display: none; /* Hidden by default on desktop */
    margin-top: 10px;
    background: #444; /* Dark grey */
    color: #fff;
    border: none;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-description:hover {
    background: #666; /* Lighter grey hover */
}

/* Mobile-specific adjustments: only show button on mobile */
@media (max-width: 768px) {
    .studio-description-short {
        display: block; /* Show short version with ellipsis on mobile */
        white-space: normal; /* Allow wrapping */
    }
    .studio-description-full {
        display: none; /* Hide full description on mobile */
    }
    .toggle-description {
        display: block; /* Show the button on mobile */
    }
}

/* Hide short version and ellipsis on desktop */
@media (min-width: 769px) {
    .studio-description-short {
        display: none; /* Hide short version completely on desktop */
    }
}

.studio-name-centered {
    display: flex;
    justify-content: center;      /* Horizontally center the text */
    align-items: center;          /* Vertically center the text */
    background-color: #333;       /* Dark background to match your site theme */
    text-align: center;
    font-size: 16px;
    color: #fff;                  /* White text for contrast */
    font-weight: bold;
    padding: 20px;                /* Add some padding around the text */
    box-sizing: border-box;       /* Ensures padding doesn't affect width/height */
    min-height: 100px;             /* Set a minimum height so the container is not too small */
}
.studio-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
}

    /* Change the color of the play button icon */
    .jw-icon-play path {
        fill: #efba04 !important;
    }

    /* Change the control bar button colors (play, volume, settings, etc.) */
    .jw-button-color path {
        fill: #efba04 !important;
    }

    /* Change the progress bar color */
    .jw-progress {
        background-color: #efba04 !important;
    }

    /* Change the volume slider color */
    .jw-slider-container .jw-slider-track {
        background-color: #efba04 !important;
    }

    /* Change the settings menu highlight */
    .jw-settings-menu .jw-settings-content-item.jw-settings-content-item-active {
        color: #efba04 !important;
    }

    /* Change forward/rewind buttons */
    .jw-icon-rewind path,
    .jw-icon-next path {
        fill: #efba04 !important;
    }

/* Force desktop-style controls on mobile */
@media (max-width: 768px) {
    .jw-flag-touch .jw-controlbar {
        display: flex !important;  /* Force desktop-style controls */
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
    }

    /* Ensure forward & rewind buttons remain visible */
    .jw-icon-rewind,
    .jw-icon-rewind.forward {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 40px !important;
        height: 40px !important;
    }
    
    /* Prevent JW Player from hiding elements on mobile */
    .jw-flag-touch .jw-button-container {
        display: flex !important;
        justify-content: center !important;
    }

    /* Increase button size for touch */
    .jw-button-container .jw-icon {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Style the circular image */
/* Container for the entire list and "Modeller:" label */
section#models .pornocu-listesi-container {
    display: flex;
    align-items: center; /* Vertically center the "Modeller:" label */
    margin-bottom: 15px;
}

/* Style the circular image */
/* Style for the "Modeller:" label */
section#models h2 {
    font-size: 15px;
	  color: rgb(172, 172, 172);
    display: inline-flex;
    align-items: center; /* Vertically center the label */
    margin-right: 10px; /* Space between label and list */
}

/* Style the circular image */
section#models .pornstar-image-wrapper {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 8px;
    position: relative;
    background-color: #f1f1f1;
}

section#models .pornstar-image {
    width: 100%; /* Increase the image size to zoom in */
    height: 150%; /* Increase height proportionally */
    object-fit: cover;
    object-position: top center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}


/* Style for the names below the image */
section#models .pornstar-name {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-top: 5px;
}

/* pornocu-listesi list style */
section#models .pornocu-listesi {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center; /* Vertically align list items */
    flex-wrap: wrap;
}

/* Individual pornstar item style */
section#models .pornocu-listesi li {
    display: inline-block;
    text-align: center;
    width: 100px;
    margin-right: 20px;
}

section#models .pornocu-listesi li::after {
    content: "";
}

section#models .pornocu-listesi a {
        font-size:12px;
                cursor: pointer;
        font-weight: 700;
}

section#models .pornocu-listesi a:hover {
        color: #369;
    text-decoration: none;
}

section#models ul.pornocu-listesi a.cat-item {color: rgb(251, 202, 39);
white-space: nowrap;
	font-size: 0.9rem;
    font-weight: bold;
}

section#models ul.pornocu-listesi li a {color: rgb(251, 202, 39);
white-space: nowrap;
	font-size: 0.9rem;
    font-weight: bold;}

/* CSS for section#models */
#models a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 100%;
}

#models div.pornocunun-adi {
    display: block;
    max-width: 122px;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflowed text */
    text-overflow: ellipsis; /* Show "..." if text overflows */
}

/* For fallback image handling */
.pornstar-image-wrapper img {
    max-width: 100%;
    height: auto;
}

/* Container for the related videos section */
.related-videos {
    margin-top: 20px;
    padding: 15px;
    background-color: #222; /* Dark background */
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Heading style for the related videos section */
.related-videos h2 {
    font-size: 18px;
    font-weight: 600;
    color: rgb(181, 181, 181); /* Light grey for consistency with header */
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Flex container for displaying related videos */
.related-videos-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 side-by-side columns */
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Individual video item container */
.related-video-item {
    background-color: #333; /* Dark background for each video item */
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Changed to flex-start to align the image at the top */
}

/* Hover effect for video items */
.related-video-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Maintain 16:9 aspect ratio for thumbnails */
.related-video-thumbnail {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
    overflow: hidden;
    background-color: #444; /* Background color in case thumbnail is missing */
}

/* Ensure image fits without cropping */
.related-video-thumbnail img {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Ensures the image is contained without cropping */
    background-color: #444; /* Subtle background color */
}

/* Title of the related video */
.related-video-title {
    font-size: 14px;
    font-weight: 500;
    color: #ddd; /* Light grey title */
    padding: 10px;
    margin: 0;
    text-align: center;
    transition: color 0.3s ease;
}

/* Hover effect on video title */
.related-video-item:hover .related-video-title {
    color: rgb(181, 181, 181); /* Match header color */
    text-decoration: underline;
}

/* Responsive design for small screens */
@media (max-width: 1024px) {
    /* Adjust to 2 columns for tablets */
    .related-videos-list {
        grid-template-columns: repeat(2, 1fr); /* 2 side-by-side columns */
    }
}

@media (max-width: 768px) {
    /* Adjust to 1 column for mobile */
    .related-videos-list {
        grid-template-columns: 1fr; /* Single column */
    }

    .related-videos h2 {
        font-size: 16px; /* Slightly smaller heading */
    }
}

@media (max-width: 480px) {
    .related-video-title {
        font-size: 12px;
    }
}









.tag-index-page {
    background-color: black;
    color: white;
    font-family: Arial, sans-serif;
}

.tag-index-page h1 {
    text-align: center;
    color: white;
}

.tag-index-page .tag-search {
    text-align: center;
    margin-bottom: 20px;
}

.tag-index-page .tag-search input {
    padding: 8px;
    font-size: 14px;
    border: 1px solid white;
    background-color: black;
    color: white;
}

.tag-index-page .tag-search button {
    padding: 8px;
    background-color: black;
    color: white;
    border: 1px solid white;
}

.tag-index-page #search-term {
    color: white; /* White text */
    background-color: black; /* Black background */
}


.tag-index-page h2 {
    color: white;
    margin-top: 20px;
}

.tag-index-page .tag-list {
    list-style: none;
    padding: 0;
    column-count: 3;
    column-gap: 20px;
}

.tag-index-page .tag-list li {
    margin: 5px 0;
}

.tag-index-page a {
    color: white;
    text-decoration: none;
}

.tag-index-page a:hover {
    text-decoration: underline;
}

/* Mobile responsive */
.tag-index-page @media screen and (max-width: 768px) {
    .tag-list {
        column-count: 2;
    }
}

.tag-index-page @media screen and (max-width: 480px) {
    .tag-list {
        column-count: 1;
    }
}

/* Video quality text position and styling */
.video-quality {
    position: absolute;
    top: 10px; /* Adjust to position relative to your image */
    left: 10px; /* Adjust to position relative to your image */
    height: 17px;
    width: 45px;
    background-color: #373933; /* Dark background to match your site */
    border-radius: 4px; /* Rounded corners */
    color: white; /* White text color for contrast */
    text-align: center; /* Center the text */
    font-size: 12px;
	font-weight: 500;/* Font size */
    line-height: 17px; /* Vertically center the text */
    font-weight: bold;
    z-index: 10;
}





/* Screenshot bar (only inside #video-screenshots) */
#video-screenshots .screenshot-bar {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    background-color: #111; /* Dark theme */
    border-radius: 8px;
    margin-top: 15px;
}

/* Small thumbnails (only inside #video-screenshots) */
#video-screenshots .screenshot-thumb {
    width: 100px; /* Adjust as needed */
    height: auto;
    border: 2px solid #333;
    border-radius: 5px;
    transition: transform 0.2s ease-in-out, border-color 0.2s;
    cursor: pointer;
}

#video-screenshots .screenshot-thumb:hover {
    transform: scale(1.2);
    border-color: #ff9800; /* Highlight color */
}

/* Lightbox (full-screen) */
#video-screenshots .lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    flex-direction: column;
}

#video-screenshots .lightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 5px;
}

/* Close button (only inside #video-screenshots) */
#video-screenshots .lightbox .close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

/* Responsive Layout: Less than 1024px screen (tablets) */
@media (max-width: 1024px) {
    #video-screenshots .screenshot-bar {
        flex-wrap: wrap; /* Allow wrapping of images */
        justify-content: center; /* Center the images */
    }

    #video-screenshots .screenshot-thumb {
        width: 23%; /* 4 images per row on tablets */
    }
}

/* Responsive Layout: Less than 768px screen (smaller tablets) */
@media (max-width: 768px) {
    #video-screenshots .screenshot-bar {
        flex-wrap: wrap; /* Allow wrapping of images */
        justify-content: center; /* Center the images */
    }

    #video-screenshots .screenshot-thumb {
        width: 30%; /* 3 images per row on smaller tablets */
    }
}

/* Responsive Layout: Less than 480px screen (mobile) */
@media (max-width: 480px) {
    #video-screenshots .screenshot-bar {
        flex-wrap: wrap; /* Allow wrapping of images */
        justify-content: center; /* Center the images */
    }

    #video-screenshots .screenshot-thumb {
        width: 45%; /* 2 images per row on small mobile screens */
    }
}

#kullanim-sartlari {
	color:whitesmoke;
}

h2#comments-title {color:white;}

@media (max-width: 768px) { /* Adjust breakpoint if needed */
    #metaslider-id-858 .flexslider .caption-wrap {
        background: rgba(0, 0, 0, 0) !important; /* Fully transparent */
    }
	div.caption-wrap div.caption a {
		display: inline-block;
    color: white !inportant;
    background: #282828; /* Example button color */
    padding: 5px;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); /* Darkish shadow */
	}
.flex-control-nav {display:none !important;}
	div.caption {
		margin: -47px !important;
	}
}

/* Tag description styling */
.tag-description {
    background-color: #222;
    color: #ddd;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.7;
    border: 1px solid #444;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.tag-description h1,
.tag-description h2,
.tag-description h3 {
    color: #f0b400;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 16px;
}

.tag-description p {
    color: #ddd;
    font-size: 14px;
    line-height: 1.8;
}

.tag-description h1:hover,
.tag-description h2:hover,
.tag-description h3:hover {
    color: #ffcc00;
}

/* Wrapper styling */
.tag-description-wrapper {
    position: relative;
    margin-bottom: 20px;
    background: #111;
    padding: 15px;
    border-radius: 5px;
    color: #ddd;
}

/* Short version: shown only on mobile */
.tag-description-short {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Full version: shown only on desktop */
.tag-description-full {
    display: block;
    margin-top: 10px;
}

/* Toggle button */
.toggle-description {
    display: none;
    margin-top: 10px;
    background: #444;
    color: #fff;
    border: none;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-description:hover {
    background: #666;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .tag-description-short {
        display: block;
        white-space: normal;
    }

    .tag-description-full {
        display: none;
    }

    .toggle-description {
        display: block;
    }
}

/* Desktop adjustments */
@media (min-width: 769px) {
    .tag-description-short {
        display: none;
    }

    .tag-description-full {
        display: block;
    }
}

.jwplayer.jw-state-playing.jw-flag-user-inactive .jw-controlbar {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}