/*!



Theme Name: sexlohet



Theme URI: https://www.sexlohet.co.il/



Author: sexlohet



Author URI: https://www.sexlohet.co.il/



Description: Description



Version: 1.0.0



Tested up to: 5.4



Requires PHP: 5.6



License: GNU General Public License v2 or later



License URI: LICENSE



Text Domain: besticoder_theme



Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready







*/


/*--------------------------------------------------------------



>>> TABLE OF CONTENTS:



----------------------------------------------------------------



# Generic



	- Normalize



	- Box sizing



# Base



	- Typography



	- Elements



	- Links



	- Forms



## Layouts



# Components



	- Navigation



	- Posts and pages



	- Comments



	- Widgets



	- Media



	- Captions



	- Galleries



# plugins



	- Jetpack infinite scroll



# Utilities



	- Accessibility



	- Alignments







--------------------------------------------------------------*/


/*--------------------------------------------------------------



# Generic



--------------------------------------------------------------*/


/* Normalize



--------------------------------------------- */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document



	 ========================================================================== */


/**



 * 1. Correct the line height in all browsers.



 * 2. Prevent adjustments of font size after orientation changes in iOS.



 */


html {


    line-height: 1.15;


    -webkit-text-size-adjust: 100%;


}


/* Sections



	 ========================================================================== */


/**



 * Remove the margin in all browsers.



 */


body {


    margin: 0;

    direction: rtl;
    background-color: black !important;
    overflow-x: hidden;


}


/**



 * Render the `main` element consistently in IE.



 */


main {


    display: block;


}


/**



 * Correct the font size and margin on `h1` elements within `section` and



 * `article` contexts in Chrome, Firefox, and Safari.



 */


h1, h2 {


    font-size: 2em;


    margin: 0.67em 0;


}


/* Grouping content



	 ========================================================================== */


/**



 * 1. Add the correct box sizing in Firefox.



 * 2. Show the overflow in Edge and IE.



 */


hr {


    box-sizing: content-box;


    height: 0;


    overflow: visible;


}


/**



 * 1. Correct the inheritance and scaling of font size in all browsers.



 * 2. Correct the odd `em` font sizing in all browsers.



 */


pre {


    font-family: monospace, monospace;


    font-size: 1em;


}


/* Text-level semantics



	 ========================================================================== */


/**



 * Remove the gray background on active links in IE 10.



 */


a {


    background-color: transparent;


}


/**



 * 1. Remove the bottom border in Chrome 57-



 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.



 */


abbr[title] {


    border-bottom: none;


    text-decoration: underline;


    text-decoration: underline dotted;


}


/**



 * Add the correct font weight in Chrome, Edge, and Safari.



 */


b,
strong {


    font-weight: bolder;


}


/**



 * 1. Correct the inheritance and scaling of font size in all browsers.



 * 2. Correct the odd `em` font sizing in all browsers.



 */


code,
kbd,
samp {


    font-family: monospace, monospace;


    font-size: 1em;


}


/**



 * Add the correct font size in all browsers.



 */


small {


    font-size: 80%;


}


/**



 * Prevent `sub` and `sup` elements from affecting the line height in



 * all browsers.



 */


sub,
sup {


    font-size: 75%;


    line-height: 0;


    position: relative;


    vertical-align: baseline;


}


sub {


    bottom: -0.25em;


}


sup {


    top: -0.5em;


}


/* Embedded content



	 ========================================================================== */


/**



 * Remove the border on images inside links in IE 10.



 */


img {


    border-style: none;


}


/* Forms



	 ========================================================================== */


/**



 * 1. Change the font styles in all browsers.



 * 2. Remove the margin in Firefox and Safari.



 */


button,
input,
optgroup,
select,
textarea {


    font-family: inherit;


    font-size: 100%;


    line-height: 1.15;


    margin: 0;


}


/**



 * Show the overflow in IE.



 * 1. Show the overflow in Edge.



 */


button,
input {


    overflow: visible;


}


/**



 * Remove the inheritance of text transform in Edge, Firefox, and IE.



 * 1. Remove the inheritance of text transform in Firefox.



 */


button,
select {


    text-transform: none;


}


/**



 * Correct the inability to style clickable types in iOS and Safari.



 */


button,
[type="button"],
[type="reset"],
[type="submit"] {


    -webkit-appearance: button;


}


/**



 * Remove the inner border and padding in Firefox.



 */


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {


    border-style: none;


    padding: 0;


}


/**



 * Restore the focus styles unset by the previous rule.



 */


button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {


    outline: 1px dotted ButtonText;


}


/**



 * Correct the padding in Firefox.



 */


fieldset {


    padding: 0.35em 0.75em 0.625em;


}


/**



 * 1. Correct the text wrapping in Edge and IE.



 * 2. Correct the color inheritance from `fieldset` elements in IE.



 * 3. Remove the padding so developers are not caught out when they zero out



 *		`fieldset` elements in all browsers.



 */


legend {


    box-sizing: border-box;


    color: inherit;


    display: table;


    max-width: 100%;


    padding: 0;


    white-space: normal;


}


/**



 * Add the correct vertical alignment in Chrome, Firefox, and Opera.



 */


progress {


    vertical-align: baseline;


}


/**



 * Remove the default vertical scrollbar in IE 10+.



 */


textarea {


    overflow: auto;


}


/**



 * 1. Add the correct box sizing in IE 10.



 * 2. Remove the padding in IE 10.



 */


[type="checkbox"],
[type="radio"] {


    box-sizing: border-box;


    padding: 0;


}


/**



 * Correct the cursor style of increment and decrement buttons in Chrome.



 */


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {


    height: auto;


}


/**



 * 1. Correct the odd appearance in Chrome and Safari.



 * 2. Correct the outline style in Safari.



 */


[type="search"] {


    -webkit-appearance: textfield;


    outline-offset: -2px;


}


/**



 * Remove the inner padding in Chrome and Safari on macOS.



 */


[type="search"]::-webkit-search-decoration {


    -webkit-appearance: none;


}


/**



 * 1. Correct the inability to style clickable types in iOS and Safari.



 * 2. Change font properties to `inherit` in Safari.



 */


::-webkit-file-upload-button {


    -webkit-appearance: button;


    font: inherit;


}


/* Interactive



	 ========================================================================== */


/*



 * Add the correct display in Edge, IE 10+, and Firefox.



 */


details {


    display: block;


}


/*



 * Add the correct display in all browsers.



 */


summary {


    display: list-item;


}


/* Misc



	 ========================================================================== */


/**



 * Add the correct display in IE 10+.



 */


template {


    display: none;


}


/**



 * Add the correct display in IE 10.



 */


[hidden] {


    display: none;


}


/* Box sizing



--------------------------------------------- */


/* Inherit box-sizing to more easily change it's value on a component level.



@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */


*,
*::before,
*::after {


    box-sizing: inherit;


}


html {


    box-sizing: border-box;


}


/*--------------------------------------------------------------



# Base



--------------------------------------------------------------*/


/* Typography



--------------------------------------------- */


body,
button,
input,
select,
optgroup,
textarea {


    color: #404040;


    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;


    font-size: 1rem;


    line-height: 1.5;


}


h1,
h2,
h3,
h4,
h5,
h6 {


    clear: both;


}


p {


    margin-bottom: 1.5em;


}


dfn,
cite,
em,
i {


    font-style: italic;


}


blockquote {


    margin: 0 1.5em;


}


address {


    margin: 0 0 1.5em;


}


pre {


    background: #eee;


    font-family: "Courier 10 Pitch", courier, monospace;


    line-height: 1.6;


    margin-bottom: 1.6em;


    max-width: 100%;


    overflow: auto;


    padding: 1.6em;


}


code,
kbd,
tt,
var {


    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;


}


abbr,
acronym {


    border-bottom: 1px dotted #666;


    cursor: help;


}


mark,
ins {


    background: #fff9c0;


    text-decoration: none;


}


big {


    font-size: 125%;


}


/* Elements



--------------------------------------------- */


hr {


    background-color: #ccc;


    border: 0;


    height: 1px;


    margin-bottom: 1.5em;


}


ul,
ol {


    margin: 0 0 1.5em 3em;


}


ul {


    list-style: disc;


}


ol {


    list-style: decimal;


}


li > ul,
li > ol {


    margin-bottom: 0;


    margin-left: 1.5em;


}


dt {


    font-weight: 700;


}


dd {


    margin: 0 1.5em 1.5em;


}


/* Make sure embeds and iframes fit their containers. */


embed,
iframe,
object {


    max-width: 100%;


}


img {


    height: auto;


    max-width: 100%;


}


figure {


    margin: 1em 0;


}


table {


    margin: 0 0 1.5em;


    width: 100%;


}


/* Links



--------------------------------------------- */


a {


    color: #f1580c;


}


a:visited {


    color: #800080;


}


a:hover,
a:focus,
a:active {


    color: #f1580c;


}


a:hover,
a:active {


    outline: 0;


}


/* Forms



--------------------------------------------- */


button,
input[type="button"],
input[type="reset"],
input[type="submit"] {


    border: 1px solid;


    background: #e6e6e6;


    color: rgba(0, 0, 0, 0.8);


    line-height: 1;


    padding: 0.4em 1em 0.4em;


}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {


    border-color: #ccc #bbb #aaa;


}


button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {


    border-color: none;


}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {


    color: #666;


    border: 1px solid #ccc;


    padding: 3px;


    outline: none;


}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {


    color: #111;


}


select {


}


textarea {


    width: 100%;


}


/*--------------------------------------------------------------



# Layouts



--------------------------------------------------------------*/


/*--------------------------------------------------------------



# Components



--------------------------------------------------------------*/


/* Navigation



--------------------------------------------- */


.main-navigation {


    display: block;


    width: 100%;


}


.main-navigation ul {


    display: none;


    list-style: none;


    margin: 0;


    padding-left: 0;


}


.main-navigation ul ul {


    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);


    float: left;


    position: absolute;


    top: 100%;


    left: -999em;


    z-index: 99999;


}


.main-navigation ul ul ul {


    left: -999em;


    top: 0;


}


.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {


    display: block;


    left: auto;


}


.main-navigation ul ul a {


    width: 200px;


}


.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {


    left: auto;


}


.main-navigation li {


    position: relative;


}


.main-navigation a {


    display: block;


    text-decoration: none;


}


/* Small menu. */


.menu-toggle,
.main-navigation.toggled ul {


    display: block;


}


@media screen and (min-width: 37.5em) {


    .menu-toggle {


        display: none;


    }


    .main-navigation ul {


        display: flex;


    }


}


.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {


    margin: 0 0 1.5em;


}


.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {


    display: flex;


}


.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {


    flex: 1 0 50%;


}


.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {


    text-align: end;


    flex: 1 0 50%;


}


/* Posts and pages



--------------------------------------------- */


.sticky {


    display: block;


}


.post,
.page {


    margin: 0 0 1.5em;


}


.updated:not(.published) {


    display: none;


}


.page-content {


    display: none;


}


.entry-content {
    margin: 1.5em 22% 0;
    color: #fff;
    direction: rtl;

}

.page-content,
.entry-summary {


    margin: 1.5em 0 0;

}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label, div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
    text-align: right;
}

button#wpforms-submit-1572 {
    float: right;
    background: linear-gradient(90deg, #f1580c 0%, #F5793B 100%);
    border: none;
    color: #000;
}

.contactsection {
    position: absolute;
    left: 0;
    margin-top: -10px;
    font-size: 18px;
    font-weight: 700;
}


.page-links {


    clear: both;


    margin: 0 0 1.5em;


}


/* Comments



--------------------------------------------- */


.comment-content a {


    word-wrap: break-word;


}


.bypostauthor {


    display: block;


}


/* Widgets



--------------------------------------------- */


.widget {


    margin: 0 0 1.5em;


}


.widget select {


    max-width: 100%;


}


/* Media



--------------------------------------------- */


.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {


    border: none;


    margin-bottom: 0;


    margin-top: 0;


    padding: 0;


}


/* Make sure logo link wraps around logo image. */


.custom-logo-link {


    display: inline-block;


    max-width: 200px !important;


}


/* Captions



--------------------------------------------- */


.wp-caption {


    margin-bottom: 1.5em;


    max-width: 100%;


}


.wp-caption img[class*="wp-image-"] {


    display: block;


    margin-left: auto;


    margin-right: auto;


}


.wp-caption .wp-caption-text {


    margin: 0.8075em 0;


}


.wp-caption-text {


    text-align: center;


}


/* Galleries



--------------------------------------------- */


.gallery {


    margin-bottom: 1.5em;


    display: grid;


    grid-gap: 1.5em;


}


.gallery-item {


    display: inline-block;


    text-align: center;


    width: 100%;


}


.gallery-columns-2 {


    grid-template-columns: repeat(2, 1fr);


}


.gallery-columns-3 {


    grid-template-columns: repeat(3, 1fr);


}


.gallery-columns-4 {


    grid-template-columns: repeat(4, 1fr);


}


.gallery-columns-5 {


    grid-template-columns: repeat(5, 1fr);


}


.gallery-columns-6 {


    grid-template-columns: repeat(6, 1fr);


}


.gallery-columns-7 {


    grid-template-columns: repeat(7, 1fr);


}


.gallery-columns-8 {


    grid-template-columns: repeat(8, 1fr);


}


.gallery-columns-9 {


    grid-template-columns: repeat(9, 1fr);


}


.gallery-caption {


    display: block;


}


/*--------------------------------------------------------------



# Plugins



--------------------------------------------------------------*/


/* Jetpack infinite scroll



--------------------------------------------- */


/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */


.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {


    display: none;


}


/* Re-display the Theme Footer when Infinite Scroll has reached its end. */


.infinity-end.neverending .site-footer {


    display: block;


}


/*--------------------------------------------------------------



# Utilities



--------------------------------------------------------------*/


/* Accessibility



--------------------------------------------- */


/* Text meant only for screen readers. */


.screen-reader-text {


    border: 0;


    clip: rect(1px, 1px, 1px, 1px);


    clip-path: inset(50%);


    height: 1px;


    margin: -1px;


    overflow: hidden;


    padding: 0;


    position: absolute !important;


    width: 1px;


    word-wrap: normal !important;


}


.screen-reader-text:focus {


    background-color: #f1f1f1;


    border-radius: 3px;


    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);


    clip: auto !important;


    clip-path: none;


    color: #21759b;


    display: block;


    font-size: 0.875rem;


    font-weight: 700;


    height: auto;


    left: 5px;


    line-height: normal;


    padding: 15px 23px 14px;


    text-decoration: none;


    top: 5px;


    width: auto;


    z-index: 100000;


}


/* Do not show the outline on the skip link target. */


#primary[tabindex="-1"]:focus {


    outline: 0;


}


/* Alignments



--------------------------------------------- */


.alignleft {


    /*rtl:ignore*/


    float: left;


    /*rtl:ignore*/


    margin-right: 1.5em;


    margin-bottom: 1.5em;


}


.alignright {


    /*rtl:ignore*/


    float: right;


    /*rtl:ignore*/


    margin-left: 1.5em;


    margin-bottom: 1.5em;


}


.aligncenter {


    clear: both;


    display: block;


    margin-left: auto;


    margin-right: auto;


    margin-bottom: 1.5em;


}


/* Custom css */


/*div#page {



    background: white;



	overflow: hidden;



}*/


/* Footer Css */


ul#menu-menu-1, ul#menu-menu-2, ul#menu-menu-3, ul#menu-menu-4, ul#menu-menu-5 {


    list-style: none;


    text-align: right;


}


ul#menu-menu-1 li a, ul#menu-menu-2 li a, ul#menu-menu-3 li a, ul#menu-menu-4 li a, #menu-menu-5 li a {


    color: #fff;


    font-size: 14px;


}


h4.widget-title {


    text-align: right;


    font-weight: 700;


    color: #ffe53f;


}


a.navbar-brand {


    font-size: 36px !important;


    font-family: 'dashicons';


    color: yellow !important;


}


.navbar-light .navbar-brand {


    color: #ffe53f;


    font-size: 22px;


}


a.post-thumbnail img {


    width: 100%;


    height: 190px;


}


.card-body {
    padding: 0px !important;
}

.description {
    text-align: right;
}


.card_title {


    font-weight: bold;


}


.description .about_me_and_my_service {


    text-align: center;


    padding: 2px;


    border-bottom: 1px solid #ccc;


}


.description .tags {


    text-align: center;


    border-bottom: 1px solid #ccc;


}


.description .city {


    text-align: center;


}


.phone_number, .whatsapp_number {


    padding: 10px;


    text-align: center;


    font-size: 24px;


}


.phone_number a {


    text-decoration: none;


    color: #fff;


}


.phone_number a:hover {


    text-decoration: none;


    color: #fff;


}


.whatsapp_number {


    background: #48a223;


    color: #ecf97d;


}


.whatsapp_number a {


    color: #ecf97d;


    text-decoration: none;


}


.whatsapp_number a:hover {


    /*color: #ecf97d;*/


    text-decoration: none;


}


.page-header .page-description {


    font-size: 15px;


}


/* single page css */


.single-profile-pic img {


    width: 150px;


    height: 150px;


}


.single-title h1 {


    /* color: #fff;*/


    font-size: 2em;


    padding-bottom: 15px;


}


img.gallery-image {

    height: 534px;

}

.col-md-6.thumbnail_div {

    margin-top: 0px;

}

/*
@media screen and (max-width: 768px) {

    img.gallery-image {

        height: auto;

    }

    .single-data .single-phone {


        position: fixed;


        bottom: 0px;


        left: 0px;


        width: 100%;


        z-index: 10;


        margin-bottom: 0px !important;


        border-radius: 0px;


    }


    .card-box-card {


        min-width: 270px;


        margin-right: 15px;


    }

    .card-box-card-home {


        min-width: 270px;


        margin: 0 auto;


    }


}
*/

.single-phone a {


    color: #fff;


    text-decoration: none !important;


}


.single-phone a:hover {


    text-decoration: none;


    color: white;


}


.single-external h4, .single-service h4 {


    color: #f9db20;


}


.single-external p, .single-service p, .single-description p {


    color: #fff;


}


.single-profile-pic {


    text-align: center;


}


.single-profile-pic img {


    border: 2px solid #fff;


    border-radius: 5px;


}


.single-city h4, .single-about_me_and_my_service h4, .single-tags h4 {


    margin-top: 20px;


    margin-bottom: 5px;


    color: #fff;


    font-size: 27px;


}


.single-city {


    /*font-style: italic;*/


    /*color: white;*/


}


ul.post-categories {


    list-style: none;


}


ul.post-categories li a {


    color: #f9db20;


    text-decoration: none;


}


.single-description-title {


    margin-top: 20px;


}


.card-box-card {
    width: 19.7%;
    padding: 0 0 10px 0;
    display: block;
    text-align: right;
    float: right;
    height: 275px;
}

.card-box-card-home {


    width: 32.8%;
    padding: 0 0 10px 0px;
    display: inline-block;
    height: 275px;
}


.card.box-card {


    background: unset;


    width: 98%;


    /*min-width: 300px;*/


    margin: 0 auto;
    color: #fff;
    border-radius: 0px !important;


}


.home_page.main_title h1 {


    font-size: 37px;


    text-align: center;


    margin-top: 21px;


    color: #fff;


}


span.sitename {


    color: yellow;


    font-family: cursive;


}


ul.yellow_tabs {
    margin: 0 auto !important;
    display: block;
    width: 100%;
    padding: 0 40px;
    height: 40px;
}


ul.sub-menu {


    z-index: 100000000;


}


.menu_row {


    text-align: center;


}


.result_box {


    display: inline;


    margin: 10px 4px;


    background: #e009b2;


    padding: 9px 31px;


    border-radius: 26px;


    color: #fff;


    margin: 0 auto;


    margin-top: 30px;


    font-size: 22px;


}


header.page-header {


    font-size: 32px;


    text-align: center;


    margin-top: 15px;


}


.archive-description {


    font-size: 13px;


    max-width: 69%;


    margin: 0 auto;


}


a.cat_link {


    color: #000;


}


a.cat_link:hover {


    color: #000;


    text-decoration: none;


}


nav.navbar.navbar-expand-lg.navbar-light {
    padding: 0px;
    height: 48px;
    padding-top: 40px;
    padding-bottom: 30px;
}


@media screen and (min-width: 1000px) {


    .brandingwebsite {
        position: absolute;
        display: block;
        float: left;
        top: 18px;
        right: 10px;
    }


    div#navbarSupportedContent {


        width: 60%;


        display: block;


        float: right;


    }


    ul#menu-menu-1 {


        display: block;


        float: right;


    }


    ul#menu-menu-1 > li.menu-item {


        float: right;


        display: grid;


    }


    ul.sub-menu {


        margin-top: 59px !important;


        max-height: 400px;


        overflow: auto;


    }


}


nav.navbar > button.navbar-toggler {


    background-color: yellow !important;


}


.menu-menu-1-container {


    float: right;


    display: inline-block;


    width: 100%;


}


ul#menu-menu-1 > li > a {


    border-left: 1px solid black;


    padding: 20px 20px;


    white-space: nowrap;


}


ul#menu-menu-1 > li > a:hover {


    text-decoration: none;


    padding: 20px 20px;


    background: darkred;


}


ul.sub-menu {


    background: #de155f;


    list-style: none;


    color: #000;


    display: none;


    position: absolute;


    /* right: 33px; */


    /*margin-top: 25px;



    margin-right: 21px;*/


    padding: 0;


    /*margin: 0;



    margin-left: -7%;*/


}


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


    ul#menu-menu-1 > li > a {


        border-bottom: 1px solid black;


        border-left: none;


        display: block;


        padding: 10px;


        white-space: nowrap;


        text-align: center;


        margin: 0px -47px;


    }


    ul#menu-menu-1 > li > a:hover {


        text-decoration: none;


        display: block;


        padding: 10px;


        background: darkred;


    }


    /*.sub-menu li {



        padding: 10px;



        display: block;



        text-align: center;



        border-bottom: 1px solid black;



    }*/
    ul.sub-menu {


        width: 100%;


        margin-right: -40px !important;


        text-align: center;


    }


}


/*ul#menu-menu-1 > li :hover{



	background: darkred;



	text-decoration: none;



}*/


ul#menu-menu-1 > li.menu-item .sub-menu > li:hover {


    background-color: yellow;


}


.menu-item-has-children:hover > ul.sub-menu {


    display: block;


}


.sub-menu li a {


    /*padding: 20px 20px;*/


    /*border-bottom: 1px solid black;*/


    margin-left: 0px !important;


    border-left: none;


}


.sub-menu li {


    padding: 10px;


    min-width: 200px;


    border-bottom: 1px solid black;


}


.sub-menu li:hover {


    color: #000 !important;


    background: yellow;


    color: black;


}


.sub-menu li:hover a {


    color: black !important;


    text-decoration: none;


}


section.no-results {


    width: 100%;


}


section.no-results > header > h1.page-title {


    text-align: center;
    width: 55%;


}


.entry-title {


    font-size: 30px;


    font-weight: 600;


}


footer #media_image-4 {


    text-align: center;


}


.site-main > .main_title .sitename img {


    width: 200px;


}


.brandcum_cats a,
.brandcum_cats a:hover, .brandcum_cats a:visited {


    color: #ff891a;


    text-decoration: none;


}


.breadcrumbs {


    text-align: right;


    /*background: black;*/


    color: #f1580c;


    list-style-type: none;


}


.breadcrumbs a:visited {


    color: #f1580c;


}


.extra_description {


    text-align: right;


    color: white;


}


div.category a, div.category a:hover {


    color: #f1580c;


    text-decoration: none;


}


.about_me_and_my_service_h2 {


    font-size: 18px;


    font-weight: 600;


}


.gallery-image {


    width: 550px;


}


.h1_cat_name {


    font-size: 25px;


}


/* breadcrumb */


#breadcrumbs {
    list-style: none;
    overflow: hidden;
    padding-right: 0px;
    margin-right: 18%;

    margin: 0;
}


#breadcrumbs li {


    display: inline-block;


    vertical-align: middle;


    /*margin-right:15px;*/


}


#breadcrumbs .separator {


    font-size: 18px;


    font-weight: 100;


    color: #ccc;


}


.city a, .city a:visited, .city a:active, .city a:hover {


    text-decoration: none;


    color: black;


}


nav.navigation.posts-navigation {


    width: 100%;


}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {

    color: #fff;

    text-decoration: none;

}


.navigation li {

    display: inline;

}


.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {

/ / background-color: #6FB7E9;

    border-radius: 3px;

    cursor: pointer;

    padding: 12px;

    padding: 0.75rem;

}


.navigation li a:hover,
.navigation li.active a {

    background-color: #5f5454;

}

.navigation {

    margin: 0 auto;

    margin-top: 37px;

}

.pagenavigation {
    width: 100%;
    text-align: center;
    clear: both;
}

.navigation li a, .navigation li.active a, .navigation li.disabled {

    color: #f1580c;

    border-radius: 3px;

    cursor: pointer;

    padding: 12px;

    padding: 0.75rem;

    border: 1px solid #f1580c;

}

.pagenavigation .navigation li a {
    padding: 9px;
}

.navigation li a:hover {

    color: #fff

}

.yellow_tabs_select1 {
    display: none;
}

.yellow_tabs_select1 option, .yellow_tabs_select1 option:hover, .yellow_tabs_select1 option:checked, .yellow_tabs_select1:hover {
    background: #000 !important;
    color: #fff !important;
    outline: none;
}

@media (max-width: 600px) {
    select.yellow_tabs_select1 {
        position: relative;
        width: 100%;
        height: 35px;
        background: #000 !important;
        color: #fff;
    }

    .page-header > h1 {
        font-size: 36px;
    }

    .container.mt-5.mb-5 {
        margin-top: 8px !important;
    }

    .col-md-3.col-sm-2.col-2.mb-1.card-box-card {
        padding: 0;
        background: transparent;
        max-width: 310px;
        min-width: 310px;
        width: 310px;
        margin: 0 auto;
    }
}

.pagenavigation {
    direction: ltr !important;
}

.single-phone {
    font-size: 42px;
    background: #008000;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

footer#colophon {
    background: #000;
    padding: 30px 0px 13px 0px;
    border-top: 1px solid #252525;
    margin-top: 20px;
    margin: 0 auto;
}

.single-profile-box {
    padding: 15px;
    border-radius: 8px;
    background-color: #465066;
    margin: 20px auto;
}

.thumbnail_div {
    padding-top: 15px;
    border-radius: 8px;
    margin: 20px auto;
}

.single-area {
    color: black;
}

.single-area a,
.single-area a:hover {
    color: #f1580c;
    text-decoration: none;
}

.single-description-title {
    color: black;
}

img.gallery-image {
    border-radius: 10px;
}

.phone_number {
    background: #008000;
    color: #fff;
}

.title-box {
    width: 100%;
    color: #f1580c;
    padding: 0;
    text-align: center;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    font-size: 18px;
    min-height: 50px;
}

.title-box .data-right {
    padding: 0;
}

.title-box .data-right p {
    max-width: 300px;
}

.footer-copyright, .footer-copyright a, .footer-copyright a:hover {
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding-bottom: 18px;
}

.home_title h1 {
    margin: 0;
}

#breadcrumbs li strong.bread-current {
    font-weight: 400;
    color: #ffffff;
}

ul#breadcrumbs a {
    color: white;
}

/* sexlohet new Css */
main#primary {
    background: black;
    margin-bottom: 15px;
}

header#siteheader {
    background: #252525 !important;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    padding: 0 15px;
    right: 0;
}

body.admin-bar header#siteheader {
    padding-top: 15px !important;
}

.yellow_tabs {
    background: #252525 !important;
}

div#navbarSupportedContent ul li a {
    font-size: 16px !important;
    color: #f1580c;
    line-height: 37px !important;
    padding: 0 12px !important;
    text-decoration: none;
}

ul.yellow_tabs li {
    display: inline-block;
    margin: 7px 5px;
    background: #f1580c;
    padding: 0px 5px;
    border-radius: 5px;
    float: right;
    width: -webkit-fill-available;
}

ul.yellow_tabs li a {

    font-size: 14px;
}

.time p {
    /*color: #fff;*/
    font-size: 16px;
    text-align: left;
}

.like p {
    text-align: left;
    color: #fff;

}

.box-tag {
    text-align: right;
}

.box-tag a {
    background: #000;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-decoration: none !important;
}

.box-tag a:hover {
    text-decoration: none !important;
    color: #fff;

}

.home_title {
    text-align: right;
    width: inherit;
}

.home_title_new {
    text-align: right;
    width: inherit;
}

h1, h2, h3, h4, h5, h6 {
    color: #f1580c !important;
    margin-bottom: 20px !important;
    text-align: right;
    font-size: 2em !important;
}

.home_title p {
    color: #fff;
}

.tag_des {
    color: #fff;
    font-size: 16px;
}

ul#menu-main-menu li:nth-child(2) {
    background: #f1580c;
    color: white;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

ul#menu-main-menu li:nth-child(2) a {
    color: #000 !important;
}

ul#menu-main-menu li:nth-child(3) {
    border-bottom: 1px solid #f1580c;
}

ul#menu-main-menu li {
    margin-left: 2px;
    margin-right: 2px;
}

.video-js {
    border: 1px solid;
}

.video-js .vjs-big-play-button {
    top: 40% !important;
    left: 45% !important;
}

#secondary #slider-id li .video-js {
    width: 260px;
    height: 200px;
}

#comment {
    height: 40px;
}

#commentform {
    margin-bottom: 60px;
}

.comment {
    float: right;
    width: 100%;
    border-top: 1px solid #252525;
    padding: 20px 0;
}

#commentform #submit {
    background: #f1580c;
    float: left;
    border: none;
}

#comments {
    float: right;
    width: calc(100% - 32px);
    margin: 10px 0 50px 0;
    border: 1px solid #252525;
    padding: 16px;
    width: 100%;
    color: #fff;
}

.player-info .time, .player-info .views-count {
    float: left;
    font-size: 16px;
    margin-left: 15px;
}

.player-info {
    color: #fff;
    width: 100%;
    height: 35px;
    background: #252525;
    line-height: 35px;
    border: 1px solid #252525;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.video-content {
    float: right;
    background: #252525;
    padding: 5px 16px 5px 50px;
    color: white;
    width: calc(100% - 32px);
    border: 1px solid #252525;
    width: 100%;
}

.video-content h1 {
    padding: 5px 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 30px !important;
}

.player-info .comments-count, .player-info .votes-count {
    color: #E5E5E5;
    font-size: 16px;
    margin-right: 20px;
}

.video-content .description {
    float: right;
    border-top: 1px solid black;
    padding: 16px;
    margin: 0 -16px -16px -16px;
    background: black;
    width: 104%;
}


/* search-form */
.search-form {
    width: 66%;
    position: absolute;
    top: 8px;
    right: 17%;
}

.search-field {
    width: 80%;
    background-color: #0c0c0c;
    color: #fff !important;
    border: unset !important;
    padding: 7px !important;
}

#author, #email, #url {
    width: 100%;
}

#tubeace_widget-2 {
    font-size: 14px;
}

.time {
    position: absolute !important;
    top: 0;
    left: 0;
}

.preview-title {
    color: #f1580c !important;
}

#searchsubmit {
    padding: 9px 25px;
    font-size: 19px;
    position: relative;
    left: 6px;
    top: 1px;
    outline: none;
    border: none;
    background: linear-gradient(90deg, #f1580c 0%, #F5793B 100%);
}

.title-box a, .title-box a:hover {
    color: #fff;
}

.card.box-card.single .wp-post-image {
    height: 170px;
    width: 100%;
}

.search-results #secondary {
    float: right;
}

i.fa.fa-thumbs-o-up.intro, .fa-thumbs-o-down.intro {
    color: #f1580c !important;
}

.card-box-card-search {
    display: inline-block;
    min-width: 19.7%;
    width: 0;
    margin: 10px 0;
    float: right;
}


input::-webkit-autofill {
    border: none;
    border-radius: .3rem;
    caret-color: #fff; /* Pour le I quand on édite */
    color: #fff;
    background: #292a2d;
    /* webkit autofill */
    -webkit-text-fill-color: #fff; /* Surcharge la font color d'autofill */
    -webkit-background-clip: text; /* Supprime le background autofill, utile pour le border radius */
    box-shadow: 0 0 0 50px #292a2d inset; /* Ajoute un fake background à base d'ombrage aplatit */
}

.gif_div {
    display: none;
}

.png_div:hover + .gif_div {
    display: block;
}

.png_div:hover {
    display: none;
}

.slider-class .static {
    min-width: 120px;
    width: 147px;
    height: 90px;
}

.slider-class .active {
    min-width: 147px;
    height: 90px;
}

.home .static, .home img.active, .archive .static, .archive img.active, .search .static, .search img.active {
    width: 100%;
}

.static {
    #position: absolute;
    #background: white;
    height: 180px;
    width: 100%;
}

.home video.active {
    position: unset;
}

video.active {
    position: absolute;
    top: 0;
    text-align: right;
    float: right;
    display: block;
}

img.static.current {
    display: none;
    position: absolute;

}

video.active.hide {
    display: none;
}

.archive img.static.loader, .search img.static.loader, .single img.static.loader {
    top: auto;
    bottom: 0;
    margin-bottom: 5%;
}

.home img.static.loader {
    top: -75%;
    margin-bottom: 45%;
}

img.static.loader {

    position: absolute;
    margin: 0 auto;
    right: 1px;
    top: 0%;
    left: auto;
    bottom: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    float: right;
}

.linear-activity {
    overflow: hidden;
    width: 50%;
    height: 4px;
    background-color: #B3E5FC;
    margin: 20px auto;
}

.indeterminate {
    position: relative;
    width: 100%;
    height: 100%;
}

.indeterminate:before {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #03A9F4;
    animation: indeterminate_first 1.5s infinite ease-out;
}

.indeterminate:after {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #4FC3F7;
    animation: indeterminate_second 1.5s infinite ease-in;
}

@keyframes indeterminate_first {
    0% {
        left: -100%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}

@keyframes indeterminate_second {
    0% {
        left: -150%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

img.active {
    height: 180px;
    width: 100%;
}

span.share {
    float: left;
    margin-top: 30px;
}

#my-video {
    width: auto;
    border-color: #252525;
}

.title-box {
    text-align: right;
}

span.time {
    position: relative;
    right: 90px;
    top: auto;
}

#slider-id {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    position: relative;
    min-width: 300px;
}

.card.card-box-card {
    background: unset;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    position: relative;
    width: 98%;
}

.single .data-left .links {
    position: relative;
    width: 100%;
    min-height: 90px;
    height: 70%;
    display: inline-block;
}

.home .card.card-box-card-home .links, .card.card-box-card .links, .card.box-card.single .links {
    position: relative;
    width: 100%;
    min-height: 180px;
    height: 70%;
    display: inline-block;
}

.card.card-box-card-home {
    background: unset;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    position: relative;
    width: 100%;
}

.single-time {
    text-align: left;
    position: absolute;
    left: 15px;
    color: #fff;
}

.like {
    float: left;
}

.data-left {
    width: 30%;
    padding-right: 2px;
    min-height: 90px;
    padding-left: 0;
}

.customClass li, .autocomplete-suggestion li {
    direction: rtl !important;
}

.single-post .sex-video .like {
    margin-left: 50px;
    z-index: 2;
}

span.add-time {
    float: left;
    margin-left: 20px;
    position: absolute;
    left: 5px;
    margin-top: 7px;
    font-size: 14px;
    padding: 4px 9px;
}

.single-post .sex-video .dislike {
    margin-left: -170px;
    z-index: 0;
}

.single-post .card-box-card {
    width: 24.7%;
}

.slider-class.card-box-card {
    display: block;
}

.single-page-banner {
    margin: 15px 0;
}

.video_main_block {
    padding-right: 20px;
}

li.cat_title.active a {
    color: #f1580d;
}

.geeks {
    width: 100%;
    overflow: hidden;
    height: 2px;
    background: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -2px;
    bottom: 0;
    position: absolute;
}

.geeks::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f1580c;
    animation: animate 5s linear infinite;
}

.themenuofmobile, .hideindesktop {
    display: none;
}

@keyframes animate {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    0% {
        left: 0;
    }
}

div#block-10 {
    margin-top: 80px;
}

@media screen and (max-width: 320px) {
    .searchthemobi input#s {
        width: 85% !important;
    }
}

@media screen and (max-width: 767px) {
    .home_title h1 {
        text-align: center;
    }

    .video_main_block {
        padding-right: 0px;
    }

    .single_pg {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .single_data_left .datas {
        padding: 5px;
    }

    #block-7 figure.wp-block-image.size-full {
        margin-right: 0px !important;
    }

    .single_data_left {
        margin: 0;
        padding: 0;
    }

    section.no-results > header > h1.page-title {
        width: auto !important;
    }

    main#primary {
        margin-top: 0px !important;
    }

    #block-7 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mb-5.home_vid {
        margin-right: 0px !important;
    }

    .home_title, .home_title_new, .search .page-title, .archive .tag_des {
        text-align: center;
    }

    header#siteheader {
        position: relative !important;
    }

    .single_sidbar {
        display: none !important;
    }

    h2.single_title {
        margin-right: 15px;
    }

    .home-banner {
        width: 100% !important;
        margin: 0px 0 50px 0 !important;
    }

    .menu_row {
        display: block !important;
        margin-top: 10px;
    }

    .main-sidebar {
        display: none !important;
    }

    .video_block, .home-banner-block {
        width: 100% !important;
        margin: 0px !important;
        float: none !important;
    }

    .single_pg .text-right {
        margin: 0;
    }

    .video_block {
        display: auto !important;
    }

    .yellow_tabs {
        display: none !important;
    }

    .yellow_tabs_select1 {
        display: block !important;
        margin: 0 auto;
    }

    .yellow_tabs_select1 option:hover {
        background: #000 !important;
    }

    .home-banner-block {
        margin-right: 0 !important;
    }

    .entry-content {
        margin: 1.5em 0 0 !important;
    }

    .contactsection {
        text-align: center;
    }

    .contactsection a {
        text-align: center;
    }

    span.add-time {
        margin-left: 15px !important;
    }

    .single-post .sex-video .like {
        margin-left: -14px !important;
    }

    .single-post .sex-video .dislike {
        position: absolute;
        left: 40px;
    }

    .player-info .time, .player-info .views-count {
        margin-left: 14px !important;
    }

    .player-info .comments-count, .player-info .votes-count {
        margin-right: 2px;
    }

    .card-box-card, .card-box-card-home {
        width: 100%;
        margin: 0;
        display: block !important;
        float: none;
    }

    .static {
        width: 100% !important;
    }

    img.active {
        width: 100% !important;
    }

    .single-post .card-box-card, .single-post .static {
        width: 100% !important;
    }

    figure.wp-block-image.size-full img {
        width: 100%;
    }

    .card-box-card-search {
        min-width: 100%;
        padding: 10px 0;
    }

    .sex-video {
        margin-top: 25px;
    }

    .searchthemobi input#s {
        width: 86%;
        float: right;
    }

    .searchthed {
        display: none;
    }

    .searchthemobi {
        display: block !important;
        margin-top: -9px;
        text-align: left;
        float: left;
    }

    button.submit {
        position: initial;
        background: unset;
        color: #fff;
        border: unset;
        font-size: 20px;
        outline: none;
        padding: 10px;
    }

    button.submit.mobile {
        margin-left: -5px;
        margin-bottom: 5px;
    }

    #searchsubmit {
        color: #000 !important;
        padding: 9px 10px !important;
    }

    .themenuofmobile {
        display: block;
        font-size: 25px;
        cursor: pointer;
        color: #fff;
        margin-top: -16px;
        position: absolute;
        right: 0;
        z-index: 9999;
        text-align: right;
    }

    .contactsection {
        display: none;
    }

    #thesideofnav .contactsection {
        display: block;
        position: relative;
        text-align: right;
        float: left;
    }

    .data-right {
        width: 70%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .data-right p {
        line-height: initial;
    }

    .data-right a {
        font-size: 14px;
    }

    .card.card-box-card {
        width: 100%;
    }

    .card-box-card {
        padding: 0;
    }

    .footer-banner .gap {
        width: initial !important;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1330px !important;
        margin-top: 72px;
    }

}

#acf-group_6120f4928392d {
    display: none !important;
}

.owl-theme .owl-controls {
    margin-top: 10px;
}

.owl-theme .owl-controls .owl-page span {
    background: #5e5f5f;
    opacity: 1;
    transition: all 0.4s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #77a9dd;
}

.owl-theme .owl-controls .owl-page.active span {
    width: 22px;
    height: 12px;
}

.owl-carousel .owl-wrapper {
    float: left;
}

.owl-theme .owl-controls {
    #display: none !important;
}

.left_50 {
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 10%
}

#owl-example {
    border: 1px solid #512da8
}

.owl-nav {
    position: absolute;
    top: calc(50% - 21px);
    width: 107%;
    left: -21px
}

.owl-nav div {
    position: absolute;
    top: 50%;
    border: 1px solid #512da8;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.owl-prev {
    left: 0;
    display: flex;
    background: #fff;
    position: absolute;
    top: 1px;
    left: -25px;
}

.owl-next {
    right: 0;
    display: flex;
    background: #fff;
    position: absolute;
    top: 1px;
    right: -25px;
}

.owl-prev i,
.owl-next i {
    margin: auto
}

#owl-example .owl-item {
    box-sizing: border-box;
    padding: 40px;
    text-align: center
}

#owl-example .owl-item p {
    font-size: 16px
}

.owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    padding: 3px 7px;
    color: #000;
    background: #f1580c;
    border-radius: 5px;
    font-size: 13px;
}

.owl-carousel .owl-wrapper-outer {
    direction: rtl !important;
}

.searchthemobi {
    display: none;
}

.collapse {
    display: none;
    overflow: hidden;
    color: #fff;
}

.panel-body {
    background: #2b2222;
    margin: 0;
    padding: 0px;
    position: absolute;
    left: -10px;
    right: -22px;
    padding: 8px 10px;
    z-index: 1;
}

figure.wp-block-image.size-full {
    text-align: center;
}

#block-7 figure.wp-block-image.size-full {
    margin-right: -3.2%;;
}

.mb-5, .my-5 {
    margin-bottom: 0 !important;
}

.contactsection a, .contactsection a:hover {
    color: #f1580c !important;
}

.home-banner {
    float: left;
    text-align: center;
    width: 36%;
    padding: 6% 0;
    margin: 80px 15px 0px 20px;
}

li.cat_title a {
    color: #fff;
    font-size: 25px;
    float: right;
    width: 100%;
    text-align: right;
    text-decoration: none !important;
}

li.cat_title a:hover {
    color: #f1580c !important;
}

li.cat_title {
    direction: ltr;
    width: 100%;
    float: left;
    text-align: left;
    padding: 0;
    list-style-type: none;
    color: #fff;
    outline: none;
    border: none !important;
}

.cat_sidebar {
    background: #252525;
    color: #f1580c;
    height: 100%;
}

.cat_sidebar h2 {
    display: none;
}

.cat_sidebar h2 {
    padding: 25px 15px 10px 15px;
    margin: 0 !important;
    font-size: 22px !important;
    width: 100%;
    text-align: left;
    color: #fff !important;
    text-align: right;
}

.cat_sidebar span {
    float: right;
}

li.cat_title:hover {
    background: #3a3535;
}

.video_block {
    width: 82%;
    display: table;
    float: left;
    text-align: right;

}

.home-banner-block {
    width: 60%;
    float: right;
}

.main-sidebar {
    width: 17%;
    float: right;
    left: 0;
    background: #252525;
    padding: 0px 0 20px 0;
    position: fixed;
    right: 0;
    top: 70px;
    height: 100%;
    overflow: hidden;
}

.single_sidbar {
    width: 17%;
    float: right;
    left: 0;
    background: #252525;
    padding: 0px 0 20px 0;
    position: fixed;
    right: 0;
    top: 70px;
    height: 100%;
    overflow: hidden;
}

.search .page-title {
    margin-right: 19%;
}

.archive .tag_des {
    margin-right: 0;
    padding-right: 19.5%;
}

.archive .card.card-box-card {
    width: 98%;
}

.archive .video_block {
    width: 82%;
}

a {
    text-decoration: none !important;
    font-size: 16px;
}

a:hover {
    color: #e2dfdf !important;
}

.mb-5.new_vid {
    padding: 0 15px;
}

h1, h2 {
    color: #fff !important;
}

.mb-5.home_vid {
    margin-right: 10px;
}

.single_pg {
    margin-top: 70px;
    margin-right: 30px;
    margin-left: 10px;
}

.side_title {
    font-size: 26px !important;
}

main#primary {
    margin-top: 75px;
}

.autocomplete-suggestions {
    border: none !important;
}

.autocomplete-suggestion b {
    color: #f1580c !important;
}

.video_block .video-js {
    border: none;
}

.card-box-card-home .video-js, .card-box-card .video-js {
    width: auto;
    height: 180px;
}

.single .card-box-card .video-js {
    height: 90px;
    border: none;
    width: 70%;
}

.single .details-post-video .video-js {
    height: 180px;
    width: auto;
}

.sidenavigation {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;

}

.mySidenav .cat_sidebar {
    margin-top: 75px;
}

.sidenavigation a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenavigation a:hover {
    color: #f1f1f1;
}

.sidenavigation .closebtn {
    position: absolute;
    top: 0px;
    left: -20px;
    font-size: 36px;
    color: #fff;
    z-index: 1;
    width: 80px;
    text-align: center;
}

@media screen and (max-height: 450px) {
    .sidenavigation {
        padding-top: 15px;
    }

    .sidenavigation a {
        font-size: 18px;
    }
}

.brandingwebsite .custom-logo-link img {
    height: auto;
    width: initial;
}

.vjs-poster {
    background-size: cover !important;
    object-fit: cover !important;
}

video[poster] {
    object-fit: cover;
    background-color: transparent;
}

.links .static {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    object-fit: cover;
}

.card-body .title-box .side-bar-time {
    margin-top: -35px;
}

.card-body .title-box .detail-time {
    margin-top: -36px;
}

.timeTag {
    background: #f25b11;
    font-size: 12px;
    padding: 2px 3px;
    border-radius: 5px;
    bottom: -13px;
    left: 5px;
}

.search-results .timeTag {
    bottom: -10px;
}

#slider-id .timeTag {
    top: 152px;
    bottom: initial;
}

#slider-id .timeTag.recent {
    top: 99px;
    bottom: initial;
}

#slider-id .data-right {
    padding-right: 10px;
}

#slider-id .data-right p {
    margin-bottom: 0;
}

.title-box .row {
    margin-right: 0;
    margin-left: 0;
}

.links .static {
    position: absolute;
}

.single-time.detail-time.timeTag {
    top: 188px;
    bottom: initial;
}

.sex-video .timeTag {
    top: 493px;
    bottom: initial;
}

.mobile-widget {
    display: none;
}

.mobile-widget img {
    margin: 8px 0 -10px 0px;
}

.mobile-big-widget {
    display: none;
}

.home .timeTag, .category .timeTag {
    top: 152px;
    bottom: initial;
}

.mobile-sidebar ul {
    margin: 15px 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: calc(100vh - 86px);
}

.mobile-sidebar ul .cat_header {
    display: none;
    position: sticky;
    top: -5px;
    background: #252525;
    padding-bottom: 10px;
    list-style: none;
    color: #ff891a;
    font-size: 28px;
    margin-bottom: 5px;
    text-align: right;
    margin-right: 12px;
}

.mobile-sidebar ul .cat_footer {
    display: none;
    background: #252525;
    padding-bottom: 10px;
    list-style: none;
    font-size: 28px;
    text-align: center;
    margin: 0;
    padding-left: 40px;
}

.mobile-sidebar ul .cat_footer a {
    color: #ff891a;
}

.mobile-sidebar ul::-webkit-scrollbar {
    width: 3px;
}

.mobile-sidebar ul::-webkit-scrollbar-track {
    background: #555;
}

.mobile-sidebar ul::-webkit-scrollbar-thumb {
    background: #f1f1f1;
}

.mobile-sidebar ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}


@media screen and (max-width: 1086px) {
    .home-banner-block {
        width: 100% !important;
    }

    .home-banner {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 5px;
        padding: 0;
    }

    .card-box-card {
        width: 33%;
    }

    .widget_media_image img:last-child {
        margin-right: 20%;
    }

    .brandingwebsite {
        margin-top: -8px;
    }
}

@media screen and (max-width: 991px) {
    .brandingwebsite {
        margin-top: -41px;
    }
}

@media screen and (max-width: 880px) {
    .home-banner {
        margin: 80px 0px 0px 20px;
    }

    .home-banner-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 15px;
    }

    .card-box-card-home {
        width: 100%;
    }

    .widget_media_image img:last-child {
        margin-right: 0;
    }

    .video_block {
        display: flex;
        flex-direction: column;
    }

    .card-box-card {
        width: 100%;
    }
}

@media screen and (max-width: 880px) {
    #searchsubmit {
        position: absolute;
    }
}

@media screen and (max-width: 767px) {
    .mobile-sidebar ul .cat_footer {
        padding-left: initial;
        display: initial;
    }

    .mobile-sidebar ul .cat_header {
        display: initial;
    }

    .footer-banner .banner-link img {
        height: 47px;
    }

    .pagenavigation .navigation {
        margin: 0 0 12px 0;
    }

    .pagenavigation .navigation ul {
        margin: 0;
        padding: 0;
    }

    .archive .tag_des {
        padding-right: 10px;
    }

    .brandingwebsite .custom-logo-link img {
        height: 30px;
    }

    .home-banner-block {
        padding-left: 0px;
    }

    .search-form {
        z-index: 2;
        position: absolute;
        width: 30px;
        right: initial;
        left: 0;
    }

    .search-field {
        width: 100%;
    }

    header#siteheader {
        position: sticky !important;
        top: 0;
        background: black !important;
    }

    .searchthemobi {
        margin-top: 0px;
    }

    .brandingwebsite {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: -20px;
    }

    #thesideofnav {
        right: -450px;
        width: initial;
    }

    .data-right {
        width: 100%;
    }

    .data-right p {
        padding: 0 5px;
    }

    .data-right a {
        font-size: 16px;
    }

    .timeTag {
        bottom: 38px;
    }

    .details-post-video .timeTag {
        bottom: -12px;
    }

    .video-js {
        height: 210px;
    }

    .home_title h1, .home_title_new {
        text-align: right;
        padding: 0 5px;
    }

    .sex-video .video-content {
        position: relative;
    }

    .sex-video .timeTag {
        top: 3px;
        left: -8px;
    }

    .video-content {
        display: flex;
        align-items: center;
        min-height: 50px;
    }

    .video-content h1 {
        font-size: 14px !important;
        width: calc(100% - 40px);
    }

    .mobile-widget {
        display: initial;
    }

    .brandcum_cats {
        display: none;
    }

    .mobile-big-widget {
        display: flex;
        justify-content: center;
        margin: 0px 0 50px 0;
    }

    .mobile-big-widget img {
        max-width: 250px;
    }

    .post {
        margin: 0;
    }

    #thesideofnav {
        width: 100%;
    }

    .requestRemoveWrapper {
        position: absolute !important;
        text-align: center !important;
        bottom: 20px;
        width: 100%;
    }

    .requestRemoveWrapper a {
        padding: 0;
    }

    #my-video {
        width: 100%;
    }

    .sidenavigation a {
        font-size: 18px;
    }

    #collapse1 {
        display: none;
        width: 100%;
    }

    #collapse1 .panel-body {
        position: initial;
        padding: 0;
    }

    #collapse1 form {
        width: 100%;
    }

    #searchsubmit {
        left: 0;
    }

    #searchclose {
        font-size: 19px;
        position: absolute;
        left: 40px;
        top: 1px;
        outline: none;
        border: none;
        background: linear-gradient(90deg, #f1580c 0%, #F5793B 100%);
        color: #000;
        padding: 9px 10px;
    }

    nav.navbar.navbar-expand-lg.navbar-light {
        padding-top: 34px;
    }

    .sidenavigation {
        padding-top: 0px;
    }

    .cat_sidebar h2 {
        display: block;
        height: 64px;
        background: linear-gradient(to bottom, #2c2c2c 0, #000 100%) !important;
    }

    .cat_sidebar .custom-logo-link {
        position: absolute;
        top: -12px;
    }

    .cat_sidebar .custom-logo-link img {
        height: 70px;
    }

    .brandingwebsite.mobile-hide a {
        margin-top: 5px;
    }

    .search .page-title {
        margin: 0;
    }

    .mobile-sidebar {
        display: flex;
        overflow-y: scroll;
        height: 100%;
    }

    .mobile-sidebar ul {
        padding: 0;
        margin-bottom: 0;
        height: initial;
    }

    li.cat_title a {
        font-size: 26px;
    }

    li.cat_title {
        padding: 0 20px;
    }

    .main-sidebar {
        background: #252525;
    }
}

.footer-banner {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.footer-banner .gap {
    width: 17%
}

.banner-width-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 100px 0 40px 0;
}

.footer_breadcrumbs {
    display: flex;
    justify-content: center;
}

.working_sidebar {
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
}

.working_sidebar a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.working_sidebar a:hover {
    color: #f1f1f1;
}

@media screen and (max-height: 450px) {
    .working_sidebar {
        padding-top: 15px;
    }

    .working_sidebar a {
        font-size: 18px;
    }
}

.video-js.active {
    width: 100%;
}

.video-box-a {
    position: relative;
}

.error-404 .page-title {
    display: flex;
    justify-content: center;
    text-align: center;
}

.vjs-loading-spinner {
    display: none !important;
}

.cool-progress-bar {
    position: absolute;
    z-index: 1;
    height: 4px;
    background-color: rgba(241, 88, 12, 0.2);
    width: 100%;
    overflow: hidden;
}

.cool-progress-bar-value {
    width: 100%;
    height: 100%;
    background-color: #f1580c;
    animation: indeterminateAnimation 1s infinite linear;
    transform-origin: 0% 50%;
}

@keyframes indeterminateAnimation {
    0% {
        transform: translateX(0) scaleX(0);
    }
    40% {
        transform: translateX(0) scaleX(0.4);
    }
    100% {
        transform: translateX(100%) scaleX(0.5);
    }
}

.brandcum_cats {
    margin-right: 16.6vw;
}

/* Related categories internal linking block */
.related-categories {
    margin: 30px auto;
    padding: 20px;
    background: #1a1a2e;
    border-radius: 8px;
}

.related-categories h2 {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 15px;
    text-align: right;
}

.related-cats-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    direction: rtl;
}

.related-cat-link {
    display: inline-block;
    padding: 8px 16px;
    background: #16213e;
    color: #e2e2e2;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.9em;
    transition: background 0.2s;
}

.related-cat-link:hover {
    background: #0f3460;
    color: #fff;
    text-decoration: none;
}

.related-cat-link .cat-count {
    color: #888;
    font-size: 0.85em;
    margin-right: 4px;
}

/* SEO Footer Content */
.seo-footer-content {
    padding: 30px 20px;
    background: #0d1117;
    border-top: 1px solid #1a1a2e;
    direction: rtl;
}

.footer-seo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .footer-seo-grid {
        grid-template-columns: 1fr;
    }
}

.footer-seo-col h3 {
    color: #e2e2e2;
    font-size: 1.1em;
    margin-bottom: 12px;
    border-bottom: 1px solid #1a1a2e;
    padding-bottom: 8px;
}

.footer-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
    columns: 2;
    column-gap: 10px;
}

.footer-cat-list li {
    padding: 3px 0;
}

.footer-cat-list li a {
    color: #8899aa;
    text-decoration: none;
    font-size: 0.85em;
    transition: color 0.2s;
}

.footer-cat-list li a:hover {
    color: #fff;
}

.footer-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.footer-tag {
    display: inline-block;
    padding: 4px 10px;
    background: #16213e;
    color: #8899aa;
    border-radius: 12px;
    font-size: 0.8em;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.footer-tag:hover {
    background: #0f3460;
    color: #fff;
    text-decoration: none;
}

.footer-seo-text p {
    color: #8899aa;
    font-size: 0.9em;
    line-height: 1.8;
}

.footer-copyright {
    text-align: center;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #1a1a2e;
}

.footer-copyright p {
    color: #555;
    font-size: 0.8em;
}

/* Sidebar tags */
.sidebar-tags {
    padding: 10px;
    margin-top: 10px;
}

.sidebar-tags h4 {
    color: #e2e2e2;
    font-size: 0.95em;
    margin-bottom: 8px;
    text-align: right;
}

.sidebar-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    direction: rtl;
}

.sidebar-tag {
    display: inline-block;
    padding: 3px 8px;
    background: #16213e;
    color: #8899aa;
    border-radius: 10px;
    font-size: 0.75em;
    text-decoration: none;
    transition: background 0.2s;
}

.sidebar-tag:hover {
    background: #0f3460;
    color: #fff;
    text-decoration: none;
}

/* ==========================================================================
   SEXLOHET REDESIGN — Video Streaming Dark UI
   Based on: UI UX Pro Max - Video Streaming/OTT (#46)
   Palette: Cinema Dark + Red Accent (#E11D48)
   Font: Noto Sans Hebrew + system fallbacks
   Style: Dark Mode OLED + Glassmorphism accents
   ========================================================================== */

/* — Google Font — */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap');

/* — Design Tokens — */
:root {
    --bg-base: #0C0C0D;
    --bg-card: #141416;
    --bg-card-hover: #1a1a1e;
    --bg-surface: #111113;
    --bg-elevated: #1c1c20;
    --border-subtle: rgba(255,255,255,0.06);
    --border-hover: rgba(225,29,72,0.4);
    --accent: #E11D48;
    --accent-hover: #F43F5E;
    --accent-glow: rgba(225,29,72,0.25);
    --text-primary: #F1F1F1;
    --text-secondary: #9CA3AF;
    --text-muted: #6B7280;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --font-main: 'Noto Sans Hebrew', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* — Global Reset — */
body {
    background: var(--bg-base) !important;
    font-family: var(--font-main) !important;
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* { box-sizing: border-box; }

a { text-decoration: none !important; color: var(--text-primary); transition: color var(--transition); }
a:hover { color: var(--accent-hover) !important; }

h1, h2, h3 { 
    color: var(--text-primary) !important; 
    font-family: var(--font-main) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
}

main#primary { background: var(--bg-base); }

/* — Header — */
header#siteheader {
    background: rgba(12,12,13,0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border-subtle) !important;
    box-shadow: 0 1px 30px rgba(0,0,0,0.5);
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10000;
    padding: 0 !important;
}

.site-nav {
    display: flex;
    align-items: center;
    padding: 10px 24px;
    max-width: 1440px;
    margin: 0 auto;
    direction: rtl;
    gap: 20px;
}

/* Hamburger */
.nav-menu-btn {
    display: none;
    cursor: pointer;
    color: var(--text-primary);
    font-size: 20px;
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    transition: background var(--transition);
}
.nav-menu-btn:hover { background: var(--bg-elevated); }

/* Reels button */
.nav-reels-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #E11D48, #9333EA);
    color: #fff !important;
    border-radius: 20px;
    font-family: var(--font-main);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.25s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.nav-reels-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(225, 29, 72, 0.4);
    color: #fff !important;
}

.nav-reels-btn i { font-size: 15px; }

@media (max-width: 600px) {
    .nav-reels-btn span { display: none; }
    .nav-reels-btn { padding: 8px 10px; border-radius: 50%; }
}

/* Search */
.nav-search { flex: 1; max-width: 360px; min-width: 140px; }
.nav-search form {
    display: flex;
    align-items: center;
    gap: 0;
    direction: rtl;
}

.search-field {
    background: var(--bg-elevated) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
    color: var(--text-primary) !important;
    padding: 10px 16px !important;
    font-family: var(--font-main) !important;
    font-size: 14px;
    transition: all var(--transition);
    flex: 1;
    width: auto !important;
}

.search-field:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px var(--accent-glow) !important;
    outline: none;
}

.search-btn {
    background: var(--accent) !important;
    border: none !important;
    border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
    color: #fff !important;
    padding: 10px 16px;
    cursor: pointer;
    transition: background var(--transition);
    font-size: 14px;
}
.search-btn:hover { background: var(--accent-hover) !important; }

/* Logo */
.nav-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.nav-logo img, .nav-logo .custom-logo {
    max-height: 36px;
    filter: brightness(1.1);
}
.logo-text {
    font-family: var(--font-main);
    font-size: 1.4em;
    font-weight: 700;
    color: var(--accent) !important;
    letter-spacing: 1px;
}

/* Hide old elements */
.searchthed, .searchthemobi, #collapse1, .contactsection,
.brandingwebsite.mobile-hide, .brandingwebsite.hideindesktop,
.navbar-collapse, .panel-group, .panel-collapse { display: none !important; }

/* Content push for fixed header */
main#primary, .single_pg { margin-top: 65px !important; }

@media (max-width: 880px) {
    .nav-menu-btn { display: block; }
    .site-nav { padding: 8px 12px; gap: 10px; }
    .nav-search { max-width: none; }
    .search-field { padding: 8px 12px !important; font-size: 13px; }
    .search-btn { padding: 8px 12px; }
    .nav-logo .logo-text { font-size: 1.1em; }
    .nav-logo img, .nav-logo .custom-logo { max-height: 28px; }
}

/* — Video Grid Layout — */
.video_block {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    float: none !important;
    width: 100% !important;
    direction: rtl;
}

.card-box-card,
.card-box-card-home,
.card-box-card-home.home1,
.card.card-box-card-home {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    padding: 0 !important;
    display: block !important;
}

/* Featured cards section — display as grid contents so cards become direct grid items */
.home-banner-block.first-section {
    display: contents !important;
}

/* The heading inside home-banner-block needs full grid width */
.home-banner-block .home_title {
    grid-column: 1 / -1 !important;
}

/* Featured cards same size as regular cards */
.card-box-card-home.home1 {
    width: 100% !important;
    height: auto !important;
}

/* Banner between sections */
.home-banner {
    grid-column: 1 / -1 !important;
    margin: 8px 0;
}

/* Remove extra margins/padding between sections */
.video_block + .video_block {
    margin-top: 0;
}

/* — Video Card — */
.card.card-box-card,
.card.card-box-card-home {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden;
    transition: all var(--transition);
    position: relative;
}

.card.card-box-card:hover,
.card.card-box-card-home:hover {
    background: var(--bg-card-hover) !important;
    border-color: var(--border-hover) !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 20px var(--accent-glow);
}

/* — Thumbnail — */
.video-box-a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--bg-surface);
}

.video-box-a .video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease, filter 0.4s ease;
}

.card:hover .video-box-a .video-thumb {
    transform: scale(1.05);
    filter: brightness(0.85);
}

.video-box-a .video-thumb.thumb-hidden { opacity: 0; }

.video-box-a .video-thumb-preview {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 2;
}

/* Gradient overlay */
.video-box-a::before {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 50%;
    background: linear-gradient(transparent, rgba(0,0,0,0.6));
    z-index: 3;
    pointer-events: none;
    transition: opacity var(--transition);
}

/* Play button */
.video-box-a::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.85);
    width: 48px; height: 48px;
    background: var(--accent);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 5;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 55% center;
    background-size: 22px;
    box-shadow: 0 4px 20px var(--accent-glow);
}

.video-box-a:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Links override */
.home .card.card-box-card-home .links,
.card.card-box-card .links,
.card.box-card.single .links {
    min-height: auto !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

/* — Duration Badge — */
.single-time.timeTag {
    position: absolute !important;
    bottom: 8px !important; left: 8px !important;
    top: auto !important;
    background: rgba(0,0,0,0.8) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: var(--radius-sm) !important;
    font-size: 11px !important;
    font-weight: 600;
    font-family: var(--font-main) !important;
    z-index: 4;
    margin: 0 !important;
    line-height: 1.5;
    letter-spacing: 0.02em;
}

/* — View Count Badge — */
.view-count-badge {
    position: absolute !important;
    bottom: 8px !important; right: 8px !important;
    background: rgba(0,0,0,0.8) !important;
    backdrop-filter: blur(8px);
    color: var(--text-secondary) !important;
    padding: 3px 8px !important;
    border-radius: var(--radius-sm) !important;
    font-size: 11px !important;
    z-index: 4;
    margin: 0 !important;
}

.view-count-badge i { margin-left: 4px; }

/* — Card Body — */
.card.card-box-card .card-body,
.card.card-box-card-home .card-body {
    padding: 8px 10px !important;
    direction: rtl;
    min-height: 0 !important;
    max-height: 52px;
    overflow: hidden;
}

.title-box, .title-box .row, .title-box .data-right, .title-box .data-right p {
    text-align: right !important;
    direction: rtl !important;
    margin: 0 !important;
    padding: 0 !important;
}

.title-box .data-right a, .title-box a {
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    font-family: var(--font-main) !important;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color var(--transition);
}

.card:hover .title-box a { color: var(--text-primary) !important; }

/* — Section Headings — */
.home_title, .home_title h1 {
    text-align: right !important;
    direction: rtl;
}

.home_title h1,
h2.home_title_new,
h2.single_title {
    font-size: 1.15em !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    padding-bottom: 6px;
    margin: 12px 0 8px 0;
    border-bottom: 2px solid var(--accent);
    display: inline-block;
    grid-column: 1 / -1;
}

/* — Sidebar — CRITICAL: override position:fixed from original CSS — */
.main-sidebar {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    position: sticky !important;
    top: 70px !important;
    height: auto !important;
    max-height: calc(100vh - 80px) !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    background: transparent !important;
    overflow: visible !important;
    flex-shrink: 0;
    align-self: flex-start;
}

.cat_sidebar .mobile-sidebar {
    background: var(--bg-surface) !important;
    border-left: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 8px 0;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #333 transparent;
}

.cat_sidebar .mobile-sidebar::-webkit-scrollbar { width: 3px; }
.cat_sidebar .mobile-sidebar::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }

li.cat_title {
    margin: 1px 6px;
    border-radius: var(--radius-sm);
    transition: background var(--transition);
}

li.cat_title a {
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    font-family: var(--font-main) !important;
    padding: 8px 12px !important;
    display: block;
}

li.cat_title:hover { background: rgba(255,255,255,0.04); }
li.cat_title:hover a { color: var(--text-primary) !important; }
li.cat_title.active { background: rgba(225,29,72,0.08); }
li.cat_title.active a { color: var(--accent) !important; }

/* Sidebar tags */
.sidebar-tags { padding: 12px; margin-top: 8px; }
.sidebar-tags h4 { color: var(--text-primary); font-size: 13px; margin-bottom: 8px; text-align: right; font-weight: 600; }
.sidebar-tags-list { display: flex; flex-wrap: wrap; gap: 5px; direction: rtl; }
.sidebar-tag {
    display: inline-block; padding: 3px 10px; background: var(--bg-elevated);
    color: var(--text-muted); border-radius: 12px; font-size: 11px;
    text-decoration: none; transition: all var(--transition); border: 1px solid var(--border-subtle);
}
.sidebar-tag:hover { background: var(--accent); color: #fff; border-color: var(--accent); text-decoration: none; }

/* — Pagination — */
.navigation ul {
    display: flex; gap: 6px; justify-content: center; padding: 24px 0; flex-wrap: wrap; direction: rtl;
}
.navigation ul li { list-style: none; }
.navigation ul li a {
    display: block; padding: 8px 14px; background: var(--bg-card); color: var(--text-secondary);
    border-radius: var(--radius-sm); border: 1px solid var(--border-subtle); font-size: 13px !important;
    font-family: var(--font-main) !important; transition: all var(--transition);
}
.navigation ul li a:hover { background: var(--accent); border-color: var(--accent); color: #fff !important; }
.navigation ul li.active a { background: var(--accent); border-color: var(--accent); color: #fff; }

/* — Single Video Player (Fluid Player) — */
.sex-video { position: relative; width: 100%; margin-bottom: 16px; }

#sex-player, .sex-video .fluid_video_wrapper {
    width: 100% !important;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: #000 !important;
}

/* Theater mode */
.theatre-mode {
    position: fixed !important;
    top: 65px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    border-radius: 0 !important;
}

/* ─── Persistent Mini Player ─── */
#persistent-mini-player {
    position: fixed;
    bottom: 16px;
    right: 16px;
    width: 360px;
    z-index: 99999;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(0,0,0,0.7), 0 0 0 1px var(--border-subtle);
    background: #000;
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: move;
}

#persistent-mini-player.pmp-hidden {
    transform: translateY(120%);
    opacity: 0;
    pointer-events: none;
}

#persistent-mini-player .pmp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: var(--bg-elevated);
    direction: rtl;
}

#persistent-mini-player .pmp-title {
    color: var(--text-secondary);
    font-size: 11px;
    font-family: var(--font-main);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    margin-left: 8px;
}

#persistent-mini-player .pmp-close {
    color: var(--text-muted);
    font-size: 18px;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
    transition: color 0.2s;
}

#persistent-mini-player .pmp-close:hover {
    color: var(--accent);
}

#persistent-mini-player video {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 9;
    background: #000;
}

@media (max-width: 768px) {
    #persistent-mini-player {
        width: 260px;
        bottom: 10px;
        right: 10px;
    }
}

/* Legacy video.js styles (for cards still using it) */
.sex-video .video-js, #my-video {
    width: 100% !important; height: auto !important;
    aspect-ratio: 16 / 9; border: none !important;
    border-radius: var(--radius-md); overflow: hidden;
    background: #000 !important;
}

.video-content { direction: rtl; text-align: right; clear: both; overflow: hidden; }
.video-content h1 {
    font-size: 1.15em !important; margin: 12px 0 4px 0 !important;
    float: none !important; line-height: 1.6; font-family: var(--font-main) !important;
}
.video-meta-row {
    display: flex; align-items: center; justify-content: space-between;
    direction: rtl; gap: 10px; margin-bottom: 12px; flex-wrap: wrap;
}
.video-duration-label { color: var(--text-muted); font-size: 13px; font-family: var(--font-main); white-space: nowrap; }
.video-duration-label i { margin-left: 4px; }

/* — Share Buttons — */
.share-buttons {
    display: flex; gap: 8px; direction: rtl; margin: 10px 0 20px; flex-wrap: wrap;
}
.share-btn {
    padding: 8px 16px; border-radius: var(--radius-md); font-size: 13px;
    font-family: var(--font-main); text-decoration: none !important; border: none;
    cursor: pointer; transition: all var(--transition); color: #fff !important;
    display: inline-flex; align-items: center; gap: 6px;
}
.share-btn:hover { opacity: 0.88; transform: translateY(-1px); color: #fff !important; }
.share-btn.whatsapp { background: #25D366; }
.share-btn.telegram { background: #2AABEE; }
.share-btn.copy-link { background: var(--bg-elevated); border: 1px solid var(--border-subtle); color: var(--text-secondary) !important; }
.share-btn.copy-link:hover { border-color: var(--accent); color: var(--text-primary) !important; }
.share-btn i { font-size: 15px; }

/* — Progress Bar — */
.cool-progress-bar {
    position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
    background: rgba(255,255,255,0.1); z-index: 10;
}
.cool-progress-bar-value { height: 100%; background: var(--accent); animation: progressSweep 15s linear; }
@keyframes progressSweep { from { width: 0; } to { width: 100%; } }

/* — Video.js overrides — */
.video-js { border: none !important; background: var(--bg-surface) !important; }
.video-js .vjs-poster { display: block !important; background-size: cover !important; opacity: 1 !important; }
.video-js .vjs-big-play-button { display: none !important; }

/* — Footer — */
.seo-footer-content { padding: 30px 20px; background: var(--bg-surface); border-top: 1px solid var(--border-subtle); direction: rtl !important; text-align: right !important; }
.footer-seo-grid { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 30px; max-width: 1200px; margin: 0 auto; direction: rtl !important; }
.footer-seo-col h3 { color: var(--text-primary); font-size: 14px; margin-bottom: 12px; border-bottom: 1px solid var(--border-subtle); padding-bottom: 8px; font-family: var(--font-main); font-weight: 600; }
.footer-cat-list { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 10px; direction: rtl !important; }
.footer-cat-list li { padding: 3px 0; text-align: right; }
.footer-cat-list li a { color: var(--text-muted); font-size: 12px; transition: color var(--transition); }
.footer-cat-list li a:hover { color: var(--text-primary); }
.footer-tags { display: flex; flex-wrap: wrap; gap: 6px; direction: rtl !important; }
.footer-tag { display: inline-block; padding: 4px 10px; background: var(--bg-elevated); color: var(--text-muted); border-radius: 12px; font-size: 11px; transition: all var(--transition); border: 1px solid var(--border-subtle); }
.footer-tag:hover { background: var(--accent); color: #fff; border-color: var(--accent); text-decoration: none; }
.footer-seo-text p { color: var(--text-muted); font-size: 13px; line-height: 1.9; font-family: var(--font-main); }
.footer-copyright { text-align: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--border-subtle); }
.footer-copyright p { color: var(--text-muted); font-size: 12px; }
.footer-copyright a { color: var(--text-secondary) !important; }
.footer-copyright a:hover { color: var(--accent) !important; }

/* — Related Categories Grid — */
.related-categories { margin: 30px auto; padding: 24px; background: var(--bg-surface); border-radius: var(--radius-lg); direction: rtl !important; text-align: right !important; }
.related-categories h2 { font-size: 1.1em; margin-bottom: 14px; }
.related-cats-grid { display: flex; flex-wrap: wrap; gap: 8px; direction: rtl !important; }
.related-cat-link { display: inline-block; padding: 6px 14px; background: var(--bg-elevated); color: var(--text-secondary); border-radius: 20px; font-size: 12px; border: 1px solid var(--border-subtle); transition: all var(--transition); }
.related-cat-link:hover { background: var(--accent); color: #fff; border-color: var(--accent); text-decoration: none; }
.related-cat-link .cat-count { color: var(--text-muted); font-size: 11px; margin-right: 3px; }

/* — Extra Description — */
.extra_description { background: var(--bg-card); border-radius: var(--radius-md); padding: 20px; margin: 20px auto; color: var(--text-muted); line-height: 1.8; font-size: 13px; direction: rtl !important; text-align: right !important; }

/* — Breadcrumbs — */
.breadcrumbs, .footer_breadcrumbs, .brandcum_cats { direction: rtl !important; text-align: right !important; }
.breadcrumbs ul, .footer_breadcrumbs ul { direction: rtl; padding: 0; }
.breadcrumbs ul li { display: inline; }

/* — Category Archive Page — */
.archive .page-header { direction: rtl; text-align: right; margin-bottom: 16px; }
.archive .page-header h1 { font-size: 1.4em !important; border-bottom: 2px solid var(--accent); display: inline-block; padding-bottom: 8px; }
.archive .tag_des { direction: rtl; }

/* CRITICAL: Override old archive CSS that breaks the grid */
.archive .video_block {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 14px !important;
}

.archive .card.card-box-card {
    width: 100% !important;
}

.archive .mb-5.home_vid {
    display: flex;
    direction: rtl;
}

.archive .mb-5.home_vid .main-sidebar {
    flex-shrink: 0;
}

.archive .pagenavigation {
    grid-column: 1 / -1;
    width: 100%;
}

/* — Autocomplete — */
.autocomplete-suggestions {
    background: var(--bg-elevated) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important;
    max-height: 400px;
    overflow-y: auto;
    direction: rtl;
}
.autocomplete-suggestion {
    padding: 10px 14px !important;
    color: var(--text-secondary) !important;
    font-family: var(--font-main) !important;
    cursor: pointer;
    border-bottom: 1px solid var(--border-subtle);
    transition: background var(--transition);
}
.autocomplete-suggestion:hover, .autocomplete-suggestion.selected {
    background: rgba(225,29,72,0.1) !important;
    color: var(--text-primary) !important;
}

/* — Home Layout — */
.home_main { display: flex; direction: rtl; }
.video_main_block { flex: 1; min-width: 0; padding-right: 16px; }

/* — Single Page Layout Fix — */
.single_pg {
    direction: rtl;
    margin-top: 70px !important;
    padding: 0 16px !important;
}
.single_pg .row { direction: rtl; }

/* Hide the duplicate single page sidebar - categories are in the mobile menu */
.single_sidbar,
.single_pg .col-md-2 {
    display: none !important;
}

/* Make the main content full width since sidebar is hidden */
.single_pg .single_data_left {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.single_pg .single_data_left .datas {
    width: 100% !important;
    max-width: 900px;
    margin: 0 auto;
    flex: none !important;
}

.single_pg .single_data_left .col-md-3 {
    display: none !important;
}

/* Related videos grid on single page */
.single-post .mb-5.home_vid {
    max-width: 960px;
    margin: 0 auto;
}

/* Related videos on single pages — clean structure */
.related-videos-section {
    max-width: 960px;
    margin: 20px auto 0;
    padding: 0 10px;
}

.related-videos-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
}

.related-videos-grid .mobile-big-widget {
    grid-column: 1 / -1;
}

@media (max-width: 992px) {
    .related-videos-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
    .related-videos-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
}

/* Related video card — clean class, no old CSS conflicts */
.related-video-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all var(--transition);
}

.related-video-card:hover {
    background: var(--bg-card-hover);
    border-color: var(--border-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}

.related-video-card .video-box-a {
    display: block;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.related-video-card .video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 992px) {
    .single-post .mb-5.home_vid > div {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .single-post .mb-5.home_vid > div {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
}

.single-post .card-box-card {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* CRITICAL: Force single page related video cards to be visible.
   Override old CSS: .card.box-card.single .links { height: 70% } which collapses to 0 */
body.single-post .mb-5.home_vid .card-box-card .card.box-card.single .links.video-box-a,
body.single-post .mb-5.home_vid .card.box-card.single .links,
body.single-post .card.box-card.single .links,
body.single-post .details-post-video .links {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
}

body.single-post .details-post-video .video-thumb,
body.single-post .card.box-card.single .video-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.single-post .card.box-card.single,
body.single-post .details-post-video {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}

body.single-post .card.box-card.single .card-body {
    padding: 8px 10px !important;
}

/* Fix the single page banner wrapper */
.single-post .banner-width-wrapper {
    max-width: 900px;
    margin: 0 auto 16px;
}

/* — Mobile Navigation Panel — */
.sidenavigation {
    position: fixed !important;
    top: 0 !important;
    right: -300px !important;
    width: 280px !important;
    height: 100vh !important;
    background: var(--bg-surface) !important;
    border-left: 1px solid var(--border-subtle) !important;
    z-index: 100000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-top: 60px !important;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: -10px 0 40px rgba(0,0,0,0.6);
}

.sidenavigation.open {
    right: 0 !important;
}

.sidenavigation a {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    padding: 0 !important;
    display: block;
}

.sidenavigation a:hover {
    color: var(--text-primary) !important;
}

.sidenavigation .closebtn {
    position: absolute !important;
    top: 12px !important;
    left: 16px !important;
    right: auto !important;
    font-size: 28px !important;
    color: var(--text-secondary) !important;
    background: var(--bg-elevated);
    width: 36px !important;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--border-subtle);
    transition: all var(--transition);
    z-index: 2;
}

.sidenavigation .closebtn:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent);
}

.sidenavigation .cat_sidebar {
    padding: 8px;
}

.sidenavigation .cat_sidebar .mobile-sidebar {
    background: transparent !important;
    border: none !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Hide tags in mobile menu — too crowded with categories */
.sidenavigation .sidebar-tags {
    display: none;
}

/* Add some spacing to category items in menu */
.sidenavigation li.cat_title {
    border-bottom: 1px solid var(--border-subtle);
}

.sidenavigation li.cat_footer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(225,29,72,0.3);
}

.sidenavigation li.cat_title a {
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: var(--text-secondary) !important;
}

.sidenavigation li.cat_title:hover a {
    color: var(--accent) !important;
}

/* Dark overlay behind menu */
#nav-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 99999;
    transition: opacity 0.3s ease;
}

#nav-overlay.open {
    display: block;
}

/* Hamburger icon */
.themenuofmobile {
    cursor: pointer;
    padding: 8px;
    color: var(--text-primary) !important;
}

.themenuofmobile i {
    font-size: 22px;
}

/* Mobile header layout */
@media (max-width: 880px) {
    header#siteheader .navbar {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
    }

    .themenuofmobile { order: 1; }
    .brandingwebsite.hideindesktop { order: 3; }
    .search-form { order: 2; flex: 1; margin: 0 10px; }

    .search-field { width: 100% !important; font-size: 13px; padding: 8px 12px !important; }

    .contactsection { display: none; }
    .brandingwebsite.mobile-hide { display: none !important; }

    .searchthemobi { display: none; }
    .searchthed { display: block; }
}

/* ==========================================
   RESPONSIVE BREAKPOINTS
   ========================================== */

@media (max-width: 1200px) {
    .video_block { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}

@media (max-width: 992px) {
    .footer-seo-grid { grid-template-columns: 1fr; }
    .video_block { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
}

@media (max-width: 880px) {
    .main-sidebar { display: none !important; }
    .video_main_block { padding-right: 0 !important; width: 100% !important; }
    .video_block { width: 100% !important; }
    .archive .video_block { width: 100% !important; }
    .home_main { flex-direction: column; }
}

@media (max-width: 768px) {
    .video_block { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .single-post .card-box-card { width: 100% !important; }

    header#siteheader { padding: 0 !important; }

    .title-box .data-right a, .title-box a { font-size: 12px !important; -webkit-line-clamp: 2; }

    .card.card-box-card .card-body, .card.card-box-card-home .card-body { padding: 6px 8px !important; min-height: 36px; }

    .seo-footer-content { padding: 15px 10px; }
    .footer-seo-text p { font-size: 12px; }
    .footer-seo-grid { gap: 16px; }

    .share-buttons { gap: 6px; }
    .share-btn { padding: 6px 10px; font-size: 11px; }

    .video-content h1 { font-size: 1em !important; }
    .single_pg { margin: 65px 6px 0 6px !important; padding: 0 4px !important; }

    .single-post .mb-5.home_vid > div > div:last-child {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px;
    }
}

@media (max-width: 400px) {
    .video_block { grid-template-columns: repeat(2, 1fr) !important; gap: 6px !important; }
    .search-field { font-size: 12px !important; padding: 7px 10px !important; }
    .search-btn { padding: 7px 10px; }
    .nav-logo .logo-text { font-size: 0.95em; }
}

/* ─── Mobile Sprite Preview (CSS animation, proven working) ─── */
@keyframes spriteAnim {
    from { background-position: 0% 0%; }
    to { background-position: 100% 0%; }
}

/* sprite-on class just for targeting, animation set via inline JS */

.sprite-overlay {
    position: absolute;
    bottom: 28px; left: 50%;
    transform: translateX(-50%);
    background: rgba(225, 29, 72, 0.9);
    color: #fff;
    padding: 6px 16px;
    border-radius: 16px;
    font-family: var(--font-main);
    font-size: 12px;
    font-weight: 600;
    z-index: 6;
    pointer-events: none;
    direction: rtl;
    white-space: nowrap;
}

/* ─── WordPress Pages (DMCA, Landing Pages) ─── */
.page .site-main {
    margin-top: 70px;
    padding: 20px;
}

.page-content-wrapper {
    max-width: 800px;
    margin: 0 auto;
    direction: rtl;
    text-align: right;
    font-family: var(--font-main);
}

.page-content-wrapper .entry-header {
    margin-bottom: 20px;
    border-bottom: 2px solid var(--accent);
    padding-bottom: 12px;
}

.page-content-wrapper .entry-title {
    font-size: 1.8em !important;
    color: var(--text-primary) !important;
    font-family: var(--font-main) !important;
}

.page-content-wrapper .entry-content {
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 1.9;
}

.page-content-wrapper .entry-content h2 {
    font-size: 1.3em !important;
    color: var(--text-primary) !important;
    margin: 28px 0 12px 0;
    font-family: var(--font-main) !important;
}

.page-content-wrapper .entry-content h3 {
    font-size: 1.1em !important;
    color: var(--text-primary) !important;
    margin: 20px 0 8px 0;
}

.page-content-wrapper .entry-content p {
    margin-bottom: 16px;
    color: var(--text-secondary);
}

.page-content-wrapper .entry-content a {
    color: var(--accent) !important;
    text-decoration: underline !important;
}

.page-content-wrapper .entry-content a:hover {
    color: var(--accent-hover) !important;
}

.page-content-wrapper .entry-content ul,
.page-content-wrapper .entry-content ol {
    padding-right: 20px;
    margin-bottom: 16px;
    direction: rtl;
}

.page-content-wrapper .entry-content li {
    margin-bottom: 6px;
    color: var(--text-secondary);
}