/* Theme Name: SenseiVault WordPress Theme Theme URI: https://senseivault.org Author: SenseiVault Author URI: https://senseivault.org Description: SenseiVault is a dark, mobile-friendly WordPress theme for movies and series. Version: 1.0.30 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: right-sidebar, custom-background, custom-header, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, two-columns, one-column Text Domain: sociallyviral SenseiVault WordPress Theme, based on the original theme, distributed under the GNU GPL SenseiVault is distributed under the terms of the GNU GPL /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Font Icons 2.1 Typography 3.0 Elements 4.0 Forms 5.0 Navigation 5.1 Links 5.2 Menus 6.0 Accessibility 7.0 Alignments 8.0 Clearings 9.0 Widgets 10.0 Content 10.1 Posts and pages 10.2 Asides 10.3 Comments 11.0 Infinite scroll 12.0 Media 12.1 Captions 12.2 Galleries 13.0 Additional CSS --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 }.related-posts article.post abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em } mark { background: #ff0; color: #000; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } #commentform .comment-form-cookies-consent label { padding: 0; cursor: pointer; margin-left: 7px; line-height: 18px; vertical-align: top; } #commentform .comment-form-cookies-consent input { width: 18px; height: 18px; -webkit-appearance: checkbox; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0 } /*-------------------------------------------------------------- 2.0 Font Icons --------------------------------------------------------------*/ @font-face { font-family: 'sociallyviral'; src: url('fonts/sociallyviral.eot'); src: url('fonts/sociallyviral.eot?#iefix') format('embedded-opentype'), url('fonts/sociallyviral.woff') format('woff'), url('fonts/sociallyviral.ttf') format('truetype'), url('fonts/sociallyviral.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "sociallyviral"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-angle-double-right:before { content: '\e800'; } .icon-angle-double-left:before { content: '\e801'; } .icon-down-dir:before { content: '\e802'; } .icon-angle-up:before { content: '\e803'; } .icon-search:before { content: '\e804'; } .icon-youtube-play:before { content: '\e805'; } .icon-clock:before { content: '\e806'; } .icon-youtube-play-1:before { content: '\e807'; } .icon-google-plus:before { content: '\e808'; } .icon-plus:before { content: '\e809'; } .icon-twitter:before { content: '\e80a'; } .icon-chat:before { content: '\e80b'; } .icon-calendar:before { content: '\e80c'; } .icon-tags:before { content: '\e80d'; } .icon-star:before { content: '\e80e'; } .icon-star-empty:before { content: '\e80f'; } .icon-star-half:before { content: '\e810'; } .icon-star-half-alt:before { content: '\e811'; } .icon-facebook:before { content: '\e812'; } .icon-user:before { content: '\e813'; } .icon-globe:before { content: '\e814'; } .icon-menu:before { content: '\e816'; } /*-------------------------------------------------------------- 2.1 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { font-family: "Roboto", sans-serif; color: #707070; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { margin: 0; clear: both; color: #e7e7e7; font-weight: normal; margin-bottom: 12px; } h1 { font-size: 38px; line-height: 1.1; } h2 { font-size: 34px; line-height: 1.2; } h3 { font-size: 30px; line-height: 1.3; } h4 { font-size: 28px; line-height: 1.4; } h5 { font-size: 24px; line-height: 1.4; } h6 { font-size: 20px; line-height: 1.4; } p { margin-bottom: 1.5em; margin-top: 0; } b, strong { font-weight: bold } 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; font-size: 15px; 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; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } small { font-size: 75% } big { font-size: 125% } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ html { box-sizing: border-box } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http: //css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #09090b; /* Fallback for when there is no custom background color defined. */ } blockquote { position: relative; font-style: italic; font-family: Georgia; font-size: 20px; } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote:before { content: '\e800'; font-family: sociallyviral; position: absolute; content: '"'; font-size: 58px; top: -14px; left: -40px; } blockquote, q { quotes: "" "" } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } .entry-content ul, .entry-content ol { margin: 0 0 1.5em 2em; padding: 0; } ul { list-style: disc; padding: 0; margin: 0; } ol { list-style: decimal } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold } dd { margin: 0 1.5em 1.5em } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ ; ; ; ; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; background: #e6e6e6; color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { box-shadow: none } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { box-shadow: none } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #F0EDE9; background-color: #f0ede9; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111 } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px } textarea { padding-left: 3px; width: 100%; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ a { color: #555; text-decoration: none; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; -ms-transition: color 0.25s ease-in; -o-transition: color 0.25s ease-in; transition: color 0.25s ease-in; } a:hover, a:focus, a:active { color: #555; outline: 0; } a:hover, .post-info a:hover, .single_post .post-info a:hover, .copyrights a:hover, #navigation.footer-navigation ul li a:hover { color: #F47555 } /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ a#pull { display: none } .primary-navigation { clear: both; display: block; float: left; width: 100%; background:#494949; } .primary-navigation ul { list-style: none; margin: 0; padding-left: 0; } .primary-navigation li { float: left; position: relative; } .primary-navigation a { text-decoration: none } .primary-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .primary-navigation ul ul ul { left: -999em; top: 0; } .primary-navigation ul ul a { width: 200px } .primary-navigation ul ul li { } .primary-navigation li:hover > a { } .primary-navigation ul ul :hover > a { } .primary-navigation ul ul a:hover { } .primary-navigation ul li:hover > ul { left: auto } .primary-navigation ul ul li:hover > ul { left: 100% } .primary-navigation .current_page_item > a, .primary-navigation .current-menu-item > a, .primary-navigation .current_page_ancestor > a { } .menu-item-has-children > a:after { content: "\e802"; font-family: sociallyviral; position: absolute; right: 19px; } .primary-navigation#navigation .menu-item-has-children > a { padding-right: 38px } .primary-navigation { display: block; float: right; width: 100%; text-align: left; max-width: 1170px; } .primary-navigation a { color: #222222; font-weight: bold; text-align: left; text-decoration: none; padding: 8px 25px; -webkit-transition: none; -moz-transition: none; transition: none; } .primary-navigation a { padding: 15px 30px; font-weight: normal; font-size: 18px; color: #FFF; text-transform: uppercase; } .primary-navigation#navigation ul li:hover { background: rgba(0, 0, 0, 0.08) } .primary-navigation#navigation ul li:hover a { color: #fff!important } .primary-navigation a .sub { font-size: 11px; font-weight: normal; color: #9B9B9B; } .primary-navigation#navigation { float: left } .primary-navigation#navigation ul { margin: 0 auto; min-height: 54px; } .primary-navigation#navigation ul li { float: left; line-height: 24px; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.22); -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; -ms-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in; transition: background 0.25s ease-in; } .primary-navigation#navigation ul li a, .primary-navigation#navigation ul li a:link, .primary-navigation#navigation ul li a:visited { display: inline-block } .primary-navigation#navigation > ul > .current a { background: transparent; color: #5a5a5a !important; } .primary-navigation#navigation ul li li { border-bottom: 0 } .primary-navigation#navigation ul ul { position: absolute; width: 265px; padding: 20px 0 0 0; padding-top: 0; z-index: 400; font-size: 12px; color: #798189; border-top: 1px solid rgba(255, 255, 255, 0.22); display: none; top: 54px; background: #33BCF2; } .primary-navigation#navigation ul ul li { padding: 0; border-right: 0; width: 100%; } .primary-navigation#navigation ul ul a, .primary-navigation#navigation ul ul a:link, .primary-navigation#navigation ul ul a:visited { padding: 13px 45px 13px 20px; position: relative; width: 100%; border-left: 0; background: transparent; border-right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-bottom: 0; margin: 0; } .primary-navigation#navigation ul ul li:first-child a { } .primary-navigation#navigation ul ul li:last-child a { border-bottom: none } .primary-navigation#navigation ul ul ul { left: 265px; top: -1px; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 25px; float: left; } .pagination ul { list-style-type: none; padding: 0; margin: 0; } .nav-next a, .nav-previous a, .pagination a, .pagination .current { float: left; padding: 15px 15px; background: #FFF; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); line-height: 1; font-size: 18px; text-transform: uppercase; min-width: 48px; text-align: center; margin-bottom: 5px; } .nav-previous { float: left } .nav-next { float: right } .posts-navigation { clear: both; width: 100%; float: left; background: #27272a; padding: 25px;} .pagination .current { color: #f47555 } .pagination a, .pagination .current { margin-right: 1px } .page-numbers.dots { display: none } .page-links a { min-width: 40px; line-height: 40px; display: inline-block; text-align: center; background-color: #33BCF2; color: #fff; margin-left: 10px; } /*-[ Toggle menu ]---------------------------*/ .toggle-menu ul ul { display: none } .toggle-menu .toggle-menu-item-parent { position: relative } .toggle-menu .toggle-caret { position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; line-height: inherit; } .toggle-menu .toggle-caret .fa { width: 20px; text-align: center; font-size: inherit; color: inherit; line-height: 20px; } .toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } /*minus*/ .toggle-menu .toggle-caret:hover .fa { } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100% } /* Search widget. */ .widget_search .search-submit { display: none } /* Calender Widget */ #wp-calendar { margin-bottom: 0; background-color: #fff; border: 1px solid #F0EDE9; } #wp-calendar td { text-align: center; padding: 7px 0; border-top: 1px solid #F0EDE9; border-right: 1px solid #F0EDE9; } #wp-calendar caption { font-size: 16px; padding-bottom: 10px; font-weight: bold; } #wp-calendar #prev { text-align: left; padding-left: 12px; } #wp-calendar #next { text-align: right; padding-right: 12px; } #wp-calendar thead th { padding: 10px 0; text-align: center; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { display: block } .hentry { margin: 0 0 1.5em } .single .byline, .group-blog .byline { display: inline } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0 } .page-links { clear: both; margin: 0 0 1.5em; } .single_post { background: #27272a; float: left; width: 100%; padding: 25px; box-sizing: border-box; margin-top: 11px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .breadcrumb { margin: 20px 0 5px 0; font-size: 14px; color: #a4a4a4; } .breadcrumb a { font-size: 14px; color: #a4a4a4; } .breadcrumb a:hover { color: #f47555 } .breadcrumb div { display: inline-block; margin-right: 10px; } #content_box { width: 67%; float: left; margin-bottom: 10px; padding: 0; } .single article.post { width: 100%; } .entry-header > h1 { margin-top: 0; padding-top: 0; } .single .entry-header > h1 { margin-bottom: 10px; font-size: 30px; font-weight: normal; } .post-tags { float: left; width: 100%; margin-bottom: 25px; } .related-posts article.latestpost .entry-title { font-size: 18px; line-height: 24px; margin-bottom: 0; } .related-posts article.post header { margin-bottom: 0; min-height: 105px; } .related-posts article.post:nth-of-type(2), .related-posts article.post:nth-of-type(3n+5) { margin-right: 3.04% } .related-posts article.post:nth-of-type(3n) { margin-right: 0 } .related-posts article.post:nth-of-type(4) { clear: left } .related-posts h4, #respond h4, #respond h3, .total-comments, .postauthor h4, .postauthor-top, .comments-title { margin-bottom: 25px; font-weight: 500; text-transform: uppercase; font-size: 22px; margin-top: 10px; line-height: 1; } h1.page-title { margin-bottom: 20px; font-size: 24px; margin-top: -15px; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none } .sidebar.c-4-12 { float: right; width: 30.7%; line-height: 20px; max-width: 344px; padding: 22px; background-color: #18181b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sidebar .widget { width: 100%; font-size: 16px; color: #707070; margin-bottom: 30px; display: inline-block; } .widget > h3 { font-size: 18px; color: #555555; line-height: 18px; margin: 0 0 30px 0; padding: 0; text-transform: uppercase; } .widget .widget-title { font-weight: 500 } .widget ul { list-style-type: none; margin: 0; padding: 0; } .widget_categories li, .widget_archive li, .widget_pages li, .widget_meta li, .widget_recent_entries li, .widget_rss li, .widget_nav_menu li { width: 100%; padding: 5px 0; list-style-type: square; margin-left: 18px; } .oddad { float: left } .evenad { float: right } .sidebar.c-4-12 .advanced-recent-posts li.vertical-small { display: inline-block; padding: 0 0 15px 0; margin-bottom: 15px; width: 100%; } .sidebar.c-4-12 .advanced-recent-posts li.vertical-small:last-of-type { margin: 0; padding: 0; } .sidebar.c-4-12 .advanced-recent-posts img { float: left } .sidebar.c-4-12 .advanced-recent-posts .horizontal-container-inner img { margin-right: 15px } .sidebar.c-4-12 .advanced-recent-posts li.horizontal-small { padding: 15px 0; overflow: hidden; } .sidebar.c-4-12 .advanced-recent-posts li.horizontal-small:first-of-type { padding-top: 0 } .sidebar.c-4-12 .advanced-recent-posts li.horizontal-small:last-of-type { padding-bottom: 0 } .sidebar.c-4-12 .advanced-recent-posts li.horizontal-small .post-data { overflow: hidden } .sidebar.c-4-12 .advanced-recent-posts li.horizontal-small .post-info { margin-top: 5px } .widget .vertical-small .post-data { float: left; width: 100%; padding: 15px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sidebar .widget.vertical-small .post-data { background: #fff } .widget .vertical-small .post-title { clear: both; margin-bottom: 5px; float: left; width: 100%; font-size: 20px; line-height: 28px; } .widget .vertical-small .post-info { width: 100%; float: left; margin-bottom: 10px; } .post-info > span, .widget .vertical-small .post-info > span { margin-right: 35px } .post-info > span:last-of-type { margin-right: 0 } .single .thecategory { padding: 8px 15px 8px 12px; margin-left: 0; margin-bottom: 15px; float: left; background-color: #33bcf2; color: #fff; } .single .thecategory a { color: inherit } .tagcloud a { background: #f47555; padding: 5px 10px; display: inline-block; color: #ffffff; font-size: 14px !important; margin: 0 0 4px 0; -webkit-transition: background 0.25s ease-in; transition: background 0.25s ease-in; } .tagcloud a:hover { background: #33bcf2 } #commentform input#submit { line-height: 1; background-color: #F47555; text-transform: uppercase; padding: 12px 15px; color: #fff; text-decoration: none; float: left; cursor: pointer; display: inline-block; border: none; transition: all 0.2s linear; font-weight: normal; font-size: 18px; margin-top: 5px; text-shadow: none; } #commentform input#submit:hover { background-color: #33bcf2 } /*-------------------------------------------------------------- 10.21 Author Box --------------------------------------------------------------*/ .author-wrap { border: 1px solid #E9E9E9; min-height: 162px; padding-right: 20px; margin-bottom: 30px; } .postauthor img { float: left; margin: 0 20px 0 0; width: 21.968%; } .postauthor h5 { font-weight: normal; font-size: 20px; padding: 0; margin: 20px 0 0 0; line-height: 1; text-transform: capitalize; color: #555; display: inline-block; } .postauthor p { overflow: hidden } .postauthor, .related-posts, #comments { float: left; width: 100%; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word } .bypostauthor { display: block } #comments label { min-width: 80px; display: inline-block; } .comment-form-comment label { margin-bottom: 5px } .comment-list { list-style-type: none; padding: 0; margin: 0; } .comment-list li { margin: 0 0 25px 0; padding-left: 0; float: left; width: 100%; position: relative; } .comment-list li { list-style-type: none } .comment-list li .children { margin-top: 20px ;float: left;width: 100%;margin-left: 0;} #comments .avatar { float: left; margin-right: 20px; margin-top: 7px; } .comment-meta { position: relative } .comment-metadata a { color: #a4a4a4; font-size: 12px; text-transform: capitalize; position: absolute; right: 0; top: 0; } .comment-metadata time { margin-right: 30px } .comment-metadata a:hover { color: #F47555 } .comment-content { overflow: hidden } .comment-content p:last-child { margin-bottom: 0 } .reply { margin-top: 0px; padding-bottom: 0px; overflow: hidden; float: right; } .reply a { padding: 0; color: #a4a4a4; font-size: 12px; } .reply a:hover { color: #F47555 } .says {display:none;} /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block } /*-------------------------------------------------------------- 12.0 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 embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100% } /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center } .wp-caption .wp-caption-text { margin: 0.8075em 0 } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .gallery-caption { display: block } /*----------------------------------- 404 Page ------------------------------------*/ .error404 .site-content, .search-no-results .site-content { margin-top: 20px; padding-bottom: 100px; } h1.big { font-size: 100px } /*----------------------------------- Main Content ------------------------------------*/ .main-container { width: 100%; max-width: 1170px; margin: 0 auto; clear: both; display: block; padding: 0; } .container { max-width: 1170px; margin: 0 auto; } /*-[header]-----------------------------------*/ #masthead { background: #27272a; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); text-align: center; margin-bottom: 40px; } .single #masthead, .page-template-default #masthead, .page-template-page-blog #masthead { margin-bottom: 0 } .site-branding { margin: 0 0 0 25px; overflow: hidden; float: left; display: inline-block; } #logo { float: left; display: inline-block; line-height: 1; position: relative; margin-bottom: 25px; margin-top: 29px; } #logo a { float: left; line-height: 1; } #logo.text-logo { margin: 32px 0; font-size: 2em; } #masthead .header-search { float: none; width: 100%; max-width: 453px; margin-bottom: 25px; margin-top: 29px; margin-left: auto; margin-right: auto; display: inline-block; text-align: left; } #masthead #searchform { width: 100%; float: left; } #masthead #s { margin: 0 !important; width: 100%; background: #EFEBE7; border-color: #EFEBE7; } .header-social { float: right; display: inline-block; margin-right: 25px; margin-bottom: 25px; margin-top: 29px; } .header-social a { padding: 12px 0px 9px; float: left; font-size: 20px; line-height: 1; width: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 3px; text-align: center; } .header-social a.header-facebook { background: #375593 } .header-social a.header-twitter { background: #0eb6f6 } .header-social a.header-google-plus { background: #dd4b39 } .header-social a.header-youtube-play { background: #e32c26 } .header-social a svg { fill: #fff } .header-social a:last-child { margin-right: 0 } .header-social a i { color: #fff } .header-social a i:before { margin-right: 0 } .post-cards { --cards: 2; display: grid; grid-template-columns: repeat(var(--cards),minmax(0,1fr)); grid-gap: 20px; margin: auto 10px } @media screen and (min-width: 480px) { .post-cards { --cards: 3 } } @media screen and (min-width: 768px) { .post-cards { --cards: 4 } .related-posts>.clear { --cards: 4 } } @media screen and (min-width: 1024px) { .post-cards { --cards: 5; margin: auto 30px!important; gap: 24px } } .latestpost { width: 100%; float: left; margin-bottom: 30px; margin-right: 2.6%; background: #27272a; box-shadow: 0px 0px 5px 1px rgb(220 20 60); border-radius: 10px; overflow: hidden; } .home article.post:nth-of-type(6n) { clear: left } .paged article.post:nth-of-type(2), .paged article.post:nth-of-type(3n+5) { margin-right: 2.6% } .paged article.post:nth-of-type(6n) { clear: none } .paged article.post:nth-of-type(3n+1) { clear: left } .paged article.post:nth-of-type(3n) { margin-right: 0 } .search-area article.post:nth-of-type(2), .search-area article.post:nth-of-type(3n+5), .content-archive article.post:nth-of-type(2), .content-archive article.post:nth-of-type(3n+5) { margin-right: 2.6% } .search-area article.post:nth-of-type(3n), .content-archive article.post:nth-of-type(3n) { margin-right: 0 } .related-posts article.post:nth-of-type(2), .related-posts article.post:nth-of-type(3n+5) { margin-right: 3.04% } .featured-thumbnail {position: relative;float: left; max-width: 100%; width: 100%; } .print{position:absolute;background:yellow;color:#000000;top:5px;right:5px;padding:2px 5px;font-size:10px;font-weight:bold;border-radius:3px} /* Movie Print overrides: IMAX and 4K reuse the exact existing WEB-DL slot. */ .featured-thumbnail .sv-webdl-badge.sv-imax-print, #featured-thumbnail .sv-webdl-badge.sv-imax-print, .post-img .sv-webdl-badge.sv-imax-print { background: #050b16 !important; color: #1388ff !important; border: 1px solid #1388ff !important; box-shadow: 0 0 5px rgba(19,136,255,.35) !important; border-radius: 3px !important; font-weight: 800 !important; letter-spacing: .15px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print, #featured-thumbnail .sv-webdl-badge.sv-4k-print, .post-img .sv-webdl-badge.sv-4k-print { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; min-width: 60px !important; height: 22px !important; padding: 2px 6px !important; box-sizing: border-box !important; background: linear-gradient(180deg,#17130a 0%,#070604 100%) !important; color: #f3c84b !important; border: 1px solid #b88a24 !important; border-radius: 6px !important; box-shadow: inset 0 0 0 1px rgba(255,214,91,.18), 0 2px 7px rgba(0,0,0,.55) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .1px !important; text-transform: none !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-main { font-size: 12px !important; font-weight: 900 !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-divider, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-divider, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-divider { width: 1px !important; height: 12px !important; background: #b88a24 !important; opacity: .85 !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-uhd { font-size: 7px !important; font-weight: 700 !important; letter-spacing: .5px !important; color: #f7df94 !important; } @media(max-width:600px){ .featured-thumbnail .sv-webdl-badge.sv-4k-print, #featured-thumbnail .sv-webdl-badge.sv-4k-print, .post-img .sv-webdl-badge.sv-4k-print { min-width: 57px !important; height: 21px !important; padding: 2px 5px !important; gap: 3px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-main { font-size: 11px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-uhd { font-size: 6.5px !important; } } /* SenseiVault WEB-DL badge: keep the existing badge system visible on every poster/card loop. */ .featured-thumbnail .sv-webdl-badge, #featured-thumbnail .sv-webdl-badge, .post-img .sv-webdl-badge { display: block !important; visibility: visible !important; opacity: 1 !important; position: absolute !important; z-index: 40 !important; top: 5px !important; right: 5px !important; left: auto !important; bottom: auto !important; background: yellow !important; color: #000 !important; padding: 2px 5px !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.15 !important; border-radius: 3px !important; white-space: nowrap !important; box-sizing: border-box !important; pointer-events: none !important; } #featured-thumbnail { float: left; max-width: 100%; display: block; position: relative; width: 100%; } .featured-thumbnail img { margin-bottom: 0; width: 100%;float: left; aspect-ratio: 2/3; } .entry-title a{color:#fff} .latestpost .title { display: block; margin-bottom: 7px; } .latestpost.featuredpost .title { margin-bottom: 0px } .latestpost header { padding: 12px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; min-height: 118px; overflow: hidden; } .latestpost.featuredpost header { min-height: 118px } .post-info { display: block; color: #A4A4A4; float: left; clear: both; width: 100%; font-size: 13px; text-transform: capitalize; line-height: 2; } .single .post-info { margin-bottom: 20px } .post-info a, .single_post .post-info a { color: #A4A4A4 } .post-info > span:last-child { margin-right: 0 } .post-info i { margin-right: 3px } .post-info > span { margin-right: 35px } .post-info > span:first-child i:before { margin-left: 0 } .post-label { position: absolute; top: 0; right: 0; padding: 0 15px; line-height: 44px; background: #33BCF2; color: #fff; float: left; } .post-label svg { float: left; fill: #fff; } .post-label span { margin-left: 5px; line-height: 21px; } .no-results .page-content { margin-bottom: 50px; float: left; margin-top: 0; } /*-[ Search Form ]------------------*/ #searchform { padding: 0; float: left; clear: both; width: 100%; position: relative; } .article #searchform { max-width: 300px } #searchform .sbutton, #searchform #searchsubmit { right: 0; top: -2px; padding: 9px 0; float: right; border: 0; width: 42px; height: 42px; cursor: pointer; text-align: center; padding-top: 10px; color: #a4a4a4; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; background: #F47555; fill: #fff; z-index: 10; position: absolute; border: 0; vertical-align: top; text-shadow: none; } #searchform .icon-search { font-size: 20px; top: 0px; color: #FFF; background: #F47555; position: absolute; right: 0; padding: 0; height: 42px; width: 42px; text-align: center; line-height: 42px; z-index: 100; cursor: pointer; } #s { width: 100%; background-color: #fff; float: left; padding: 8px 0; text-indent: 10px; color: #a4a4a4; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 42px; outline: none; font-size: 14px; } .site-footer { position: relative;clear: both; background: #27272a; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); } .site-info.container { width: 100%; clear: both; padding-bottom: 29px; padding-top: 38px; color: #A4A4A4; font-size: 14px; font-weight: normal} .copyrights a { color: #A4A4A4; border-bottom: 1px dotted; } a.toplink{display:flex;background:#27272a;padding:5px;border-radius:100px;width:40px;height:40px;font-size:40px;position:absolute;top:-0px;left:50%;margin-left:-13px;margin-top:-18px;color:#A4A4A4;justify-content:center;cursor:pointer} a.toplink i { line-height: 15px } .copyrights { float: left } #navigation.footer-navigation { float: right } #navigation.footer-navigation ul { list-style-type: none } #navigation.footer-navigation ul.sub-menu { display: none!important } #navigation.footer-navigation ul li { display: inline-block; padding-right: 12px; padding-left: 12px; border-right: 1px solid #D2D2D2; line-height: 1; } #navigation.footer-navigation ul li:last-of-type { border-right: 0; padding-right: 0; } #navigation.footer-navigation ul li:first-child { padding-left: 0 } #navigation.footer-navigation ul li:last-child { padding-right: 0; border-right: 0; } #navigation.footer-navigation ul li a { color: #A4A4A4 } #navigation.footer-navigation ul li a:after { display: none } .menu-primary-container li { position: relative } .menu-primary-container ul.sub-menu { margin: 4px 0 -7px 10px } /*----------------------------------- Responsive ------------------------------------*/ @media screen and (max-width: 1230px) { .main-container, .site-info.container { width: 96% } .oddad, .evenad { width: 45% } } @media screen and (max-width: 980px) { .site-branding { width: 100%; margin: 0; float: none; text-align: center; } #logo { float: none } #logo, #logo.text-logo { margin-bottom: 0; margin-top: 15px; } #masthead { text-align: left } #masthead .header-search { margin-left: 25px; margin-top: 10px; margin-bottom: 20px; } .header-social { margin-top: 10px; margin-bottom: 20px; } article.latestpost .entry-title { font-size: 22px; line-height: 1.4; } .post-info > span { margin-right: 10px } .single .entry-header > h1 { font-size: 24px; line-height: 1.4; } .postauthor img { padding: 20px; padding-right: 0; padding-bottom: 0; box-sizing: content-box; } } @media screen and (max-width: 865px) { .primary-navigation { width: 100%; border: none !important; display: none; } .primary-navigation .menu a, .primary-navigation .menu .fa > a, .primary-navigation .menu .fa > a { color: #fff!important; background: transparent; } .primary-navigation .menu { display: block!important; float: none; background: transparent; margin-bottom: 45px; } .primary-navigation ul ul { visibility: visible!important; opacity: 1!important; position: relative; left: 0!important; border: 0; width: 100%; } .primary-navigation ul li li { background: transparent; border: 0; } nav.primary-navigation { height: auto } nav.primary-navigation li, .primary-navigation ul li li { width: 100%!important; float: left; position: relative; } .primary-navigation ul li:after { display: none } .primary-navigation ul li:before { display: none } nav.primary-navigation li a { border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important; width: 100%!important; box-sizing: border-box; } nav.primary-navigation a { text-align: left; width: 100%; text-indent: 25px; } a#pull { display: block; width: 100%; position: relative; background: #494949; color: #ffffff; padding: 10px 0; text-indent: 15px; float: left; } a#pull:after { content: "\e816"; display: inline-block; position: absolute; right: 15px; top: 10px; font-family: 'sociallyviral'; } .primary-navigation ul .sfHover a, .primary-navigation ul li:hover, .primary-navigation ul .sfHover ul li { background: transparent } .primary-navigation#navigation ul ul.toggle-submenu { position: static; width: 100%; border-top: 0; box-shadow: none; } /*-[ Responsive Navigation ]--------------------------------*/ .main-container,.site-footer { position: relative; left: 0; transition: left 500ms ease; } .mobile-menu-active .main-container,.mobile-menu-active .site-footer { left: 300px; transition: left 500ms ease; } .primary-navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0; left: -300px; width: 300px; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.2); overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden; } .mobile-menu-active .primary-navigation.mobile-menu-wrapper { left: 0 } .primary-navigation ul li { width: 100%; display: block; } .primary-navigation ul li:hover { background: none } .primary-navigation ul li a, .primary-navigation ul ul a { padding: 9px 0; width: 100%; border: none; } .primary-navigation ul ul { position: static; width: 100%; border: none; } .primary-navigation ul ul li { background: none; width: 100%; } .primary-navigation i { display: inline } .primary-navigation ul ul a { padding: 9px 18px !important } .primary-navigation ul ul ul a { padding: 9px 27px !important } .primary-navigation ul ul ul ul a { padding: 9px 36px !important } .primary-navigation .toggle-caret { display: block; width: 50px; height: 42px; line-height: 42px; color: #ffffff; border-left: 1px solid rgba(0, 0, 0, 0.2); } /*.primary-navigation .menu-item-has-children > a:after { content: '' }*/ .copyrights { float: none; text-align: center; } #navigation.footer-navigation { float: none } #navigation.footer-navigation ul { text-align: center; width: 100%; margin-top: 10px; } a.toplink { top: 13% } #content_box { width: 100%; float: none; margin-bottom: 30px; overflow: hidden; } article.latestpost .entry-title { font-size: 18px } .sidebar.c-4-12 { width: 100%; float: none; margin: 0 auto; } #commentform .comment-form-cookies-consent label { clear: both; width: 100%; margin-left: 0; } } @media screen and (max-width: 768px) { #masthead .header-search { max-width: 46% } } @media screen and (max-width: 640px) { .single_post { padding: 20px 15px } .related-posts article.post:nth-of-type(odd), .search-area article.post:nth-of-type(odd), .content-archive article.post:nth-of-type(odd) { margin-right: 4% } .related-posts article.post:nth-of-type(even), .search-area article.post:nth-of-type(even), .content-archive article.post:nth-of-type(even) { margin-right: 0 } .related-posts article.post:nth-of-type(4) { clear: none } .related-posts #featured-thumbnail, .related-posts .featured-thumbnail { float: none } .related-posts .featured-thumbnail img { min-width: 100% } } @media screen and (max-width: 550px) { #masthead .header-search { margin-left: 10px } .header-social { margin-right: 10px } .comment-metadata a { position: static } } @media screen and (max-width: 420px) { #masthead .header-search { max-width: 100%; margin-left: 0; padding: 0 30px; margin-bottom: 10px; } article.post { width: 100% } .featured-thumbnail { overflow: hidden; } #masthead .header-social { width: 100%; text-align: center; margin-right: 0; padding: 0 30px; } .header-social a { display: inline-block; float: none; } .related-posts article.post { width: 100% } } .buttontg:hover { background-color: #e7e7e7; border: 2px solid #555; color: #000; } .buttontg { background-color: #009de1; color: #fff; align-items: center; border: 1px solid #e7e7e7; border-radius: 4px; } .button { color: #fff; padding: 8px 6px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 2px 1px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; } .button { color: #fff; padding: 8px 6px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 2px 1px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; } .button5 { background-color: #555; color: #fff; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 4px; } .button4k { background-color: #FFAA2C; color: black; border-color: #EDBA26; align-items: center; border: 1px solid #e7e7e7; border-radius: 4px; } .alert { padding: 5px; background-color: #2d964b; margin-bottom: 20px; margin-top: 10px; width: 90%; } .alert { border-radius: 5px; } .closebtn { margin-left: 15px; margin-top: 4.5px; color: #fff; font-weight: 700; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } .latestpost .entry-title, .latestPost .entry-title a { font-weight: normal; font-size: 15px; color: #ffffff; line-height: 22 px; } .latestpost .entry-title { display: block; margin-bottom: 7px; font-weight: 400; font-size: 15px !important; color: #ffffff; line-height: 22px !important; text-align: center; } .related-posts { margin-top: 20px; clear: both; float: left; width: 100% } .related-posts>.crd { --cards: 2; display: grid; grid-template-columns: repeat(var(--cards),minmax(0,1fr)); grid-gap: 20px } .related-posts .latestPost .title,.related-posts .latestPost .title a { font-size: 18px; margin-bottom: 10px; line-height: 24px } .related-posts article header { margin-bottom: 0; border-top: 0; min-height: 120px; border-top: 0 } @media screen and (min-width: 768px){ .related-posts>.crd { --cards: 4 ; } } .navigation{ margin-bottom: 30px; padding: 25px; background: #27272a; } .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: #1c1c1c; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .navigation li a:hover, .navigation li.active a { background-color: crimson;; } /*ADDITIONAL CSS*/ .button5 { background-color: #555555; color: white; border: 1px solid #e7e7e7; border-radius: 10%; } .button5nt { background: linear-gradient(50deg, #db0606, #dd0e35); border: 1px solid #e7e7e7; border-radius: 10%; } /*.button:hover{ background: linear-gradient(50deg, #db0606, #dd0e35); border:1px solid #111; }*/ .button5:hover{ background: linear-gradient(80deg, lightskyblue,cyan, violet)!important; border:1px solid #111; color: #000; font-weight: 400; } .button5nt:hover{ background: linear-gradient(80deg, cyan, violet)!important; border:1px solid #111 !important; color: #000 !important; } .buttonanme { background-color: #555555; color: white; border: 1px solid #e7e7e7; border-radius: 10%; } .buttonanme:hover{ background: linear-gradient(75deg,darkorchid,purple)!important; border: 1px solid #ffff !important; } .button:hover{ background: linear-gradient(75deg, #db0606, #dd0e35); border:1px solid #ffff!important; } .button { color: white; padding: 10px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; margin: 2px 1px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; } .button69:hover{ background: linear-gradient(80deg, lightskyblue,cyan, violet); border:1px solid #111; color: #000; font-weight: 400; } .button69 { background-color: #009DE1; color: white; border: 1px solid #e7e7e7; border-radius: 10%; margin-top: 10px; margin-bottom: 10px } center { display: block; text-align: -webkit-center; } .latestpost .entry-title{ font-family: alef,'roboto'!important; font-size: 15px!important; font-weight: 700; line-height: 22px!important; } center { display: block; text-align: -webkit-center; } #site-header {} position: relative; float: left; width: 100%; z-index: 99; margin-bottom: 20px; background: #fff; box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 5%); } closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } .button6 { background-color: #009DE1; color: #FFF; border-color: #0088cc; padding: 8px 6px; text-transform: uppercase; align-items: center; border-radius: 10%; } .button18 { background-color: #FFAA2C; color: #000; border-color: #EDBA26; padding: 10px 8px; text-transform: uppercase; align-items: center; border-radius: 10%; } .button18:hover{ background: linear-gradient(80deg, violet, red); border:1px solid #111; color: white; } .maxbutton-13.maxbutton.maxbutton-g-direct-1 { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 135px; height: 42px; border: 1px solid #000; border-radius: 8px 8px 8px 8px; background-color: #c6c6c6; box-shadow: 0px 0px 2px 0px #000; } .mb-text { color: #000; font-family: Verdana; font-size: 15px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 14px 0px 0px 0px; } .maxbutton-22.maxbutton.maxbutton-drop-galaxy { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 135px; height: 42px; border-width: 0px; border-radius: 8px 8px 8px 8px; background-color: #2388ed; box-shadow: 0px 0px 2px 0px #000; } .maxbutton-18.maxbutton.maxbutton-g-drive { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 135px; height: 42px; border-width: 0px; border-radius: 8px 8px 8px 8px; background-color: #59c695; box-shadow: 0px 0px 2px 0px #000; } a.maxbutton-15.maxbutton.maxbutton-dood-stream { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 135px; height: 42px; border: 1px solid #000; border-radius: 8px 8px 8px 8px; background-color: #d93; box-shadow: 0px 0px 2px 0px #000; } .maxbutton-17.maxbutton.maxbutton-mega-nz { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 135px; height: 42px; border-width: 0px; border-radius: 8px 8px 8px 8px; background-color: rgba(221, 90, 90, 0.94); box-shadow: 0px 0px 2px 0px #000; } .maxbutton-18.maxbutton.maxbutton-g-drive .mb-text { color: #000; font-family: Verdana; font-size: 15px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 9px 0px 0px 0px; } .mb-center.maxbutton-6-center .maxbutton-6-container.mb-container .maxbutton-6.maxbutton.maxbutton-post-button-1:hover{ background: #000; border:1px solid #ffffff; } .mb-center.maxbutton-6-center .maxbutton-6-container.mb-container .maxbutton-6.maxbutton.maxbutton-post-button-1 { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 220px; height: 44px; border: 1px solid #ffffff; border-radius: 4px 4px 4px 4px; background-color: #009987; box-shadow: 0px 0px 2px 0px #333333; } .mb-center.maxbutton-6-center { display: block; text-align: center; } .mb-center.maxbutton-6-center .maxbutton-6-container.mb-container .maxbutton-6.maxbutton.maxbutton-post-button-1 .mb-text { color: #fff; font-family: Verdana; font-size: 20px; text-align: center; font-style: normal; font-weight: normal; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 0px 0px 0px; text-shadow: 0px 0px 0px #2d2d31; } .maxbutton-10.maxbutton.maxbutton-direct-links-faster-not-resume-supported { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 130px; height: 36px; border: 2px ridge #000000; border-radius: 9px 9px 9px 9px; background-color: rgba(255, 207, 86, 0.8); box-shadow: none; } .maxbutton-10.maxbutton.maxbutton-direct-links-faster-not-resume-supported .mb-text { color: #000000; font-family: Tahoma; font-size: 16px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 10px 0px 0px; } .maxbutton-9.maxbutton.maxbutton-fast-google-drive-links-no-login-required-to-download { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 130px; height: 36px; border: 2px ridge #0a0004; border-radius: 9px 9px 9px 9px; background-color: rgba(63, 186, 67, 0.8); box-shadow: none; } .maxbutton-9.maxbutton.maxbutton-fast-google-drive-links-no-login-required-to-download .mb-text { color: #0a0a0a; font-family: Tahoma; font-size: 16px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 10px 0px 0px; } .maxbutton-11.maxbutton.maxbutton-onedrive-direct-links-faster-do-resume-supported { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 130px; height: 36px; border: 2px ridge #000000; border-radius: 9px 9px 9px 9px; background-color: rgba(30, 115, 190, 0.7); box-shadow: none; } .maxbutton-11.maxbutton.maxbutton-onedrive-direct-links-faster-do-resume-supported .mb-text { color: #000000; font-family: Tahoma; font-size: 16px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 10px 0px 0px; } .maxbutton-18.maxbutton.maxbutton-full-zip-file-with-direct-links { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 130px; height: 36px; border: 2px ridge #000000; border-radius: 9px 9px 9px 9px; background-color: rgba(216, 82, 82, 0.7); box-shadow: none; } .maxbutton-18.maxbutton.maxbutton-full-zip-file-with-direct-links .mb-text { color: #000000; font-family: Tahoma; font-size: 15px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 10px 0px 0px; } /* seasons download buttons hover css*/ .maxbutton-10.maxbutton.maxbutton-direct-links-faster-not-resume-supported:hover { background-color: #000; border: 3px solid #fff; } .maxbutton-10.maxbutton.maxbutton-direct-links-faster-not-resume-supported .mb-text:hover { color: gold; text-align: center; } .maxbutton-9.maxbutton.maxbutton-fast-google-drive-links-no-login-required-to-download:hover { background-color: #000; border: 3px solid #fff; } .maxbutton-9.maxbutton.maxbutton-fast-google-drive-links-no-login-required-to-download .mb-text:hover { color: gold; text-align: center; } .maxbutton-11.maxbutton.maxbutton-onedrive-direct-links-faster-do-resume-supported:hover { background-color: #000; border: 3px solid #fff; } .maxbutton-11.maxbutton.maxbutton-onedrive-direct-links-faster-do-resume-supported .mb-text:hover { color: gold; text-align: center; } .maxbutton-18.maxbutton.maxbutton-full-zip-file-with-direct-links:hover { background-color: #000; border: 3px solid #fff; } .maxbutton-18.maxbutton.maxbutton-full-zip-file-with-direct-links .mb-text:hover { color: gold; text-align: center; } .thecontent a, .post .tags a, #commentform a, .author-posts a:hover, .fn a, a { color: #494949; } a { text-decoration: none; color: #33bcf2; -webkit-transition: color .25s ease-in; transition: color .25s ease-in; text-shadow: 0px 0px 0px #505ac7; background-color: unset; } a.maxbutton-3.maxbutton.maxbutton-post-button{ position: relative; text-decoration: none; display: inline-block; vertical-align: middle; transition: .5s; width: 200px; height: 45px; border: 2px solid #fff; border-radius: 10px 10px 10px 10px; background-color: #009987; box-shadow: 0px 0px 2px 0px #009987; } .mb-center.maxbutton-3-center { display: block; text-align: center; } .maxbutton-3.maxbutton.maxbutton-post-button .mb-text { color: #fff; font-family: Verdana; font-size: 20px; text-align: center; font-style: normal; font-weight: normal; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 12px 0px 0px 0px; } a { text-decoration: none; color: #33bcf2; -webkit-transition: color .25s ease-in; transition: color .25s ease-in; } #searchform .fa-search {} border-radius: 100%; background-color: #34963c; } #searchform .icon-search {} font-size: 20px; top: 1px; color: #FFF; background: #0fc1e9; position: absolute; right: 0; padding: 0; height: 42px; width: 45px; text-align: center; line-height: 42px; z-index: 100; cursor: pointer; border-radius: 7px } .menu-item-has-children>a:after {} content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 20px; } #header .header-search {} float: none; width: 100%; max-width: 453px; margin-bottom: 23px; margin-top: 31px; margin-left: auto; margin-right: auto; display: inline-block; text-align: left; } #icon-search:before { content: "\f002"; } #masthead #s { margin: 0 !important; width: 100%; background: #18181b!important; border-color: #3f3f46; border-radius: 10px; } #s { width: 100%; background-color: #fff; float: left; padding: 8px 0; text-indent: 10px; color: #a4a4a4; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 42px; outline: none; font-size: 14px; } #searchform .icon-search { font-size: 20px; top: 0px; color: #FFF; background: #494949; position: absolute; right: 0; padding: 0; height: 42px; width: 42px; text-align: center; line-height: 42px; z-index: 100; cursor: pointer; border-radius: 10px; } #searchform .sbutton, #searchform #searchsubmit { right: 0; top: -px; padding: 9px 0; float: right; border: 0; width: 42px; height: 42px; cursor: pointer; text-align: center; padding-top: 10px; color: #a4a4a4; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; background: #494949; fill: #fff; z-index: 10; position: absolute; border: 0; vertical-align: top; text-shadow: none; border-radius: 10px; } .primary-navigation a { padding: 15px 30px; box-sizing: border-box; font-weight: normal; font-size: 15px; color: #FFF; text-transform: uppercase; } .primary-navigation#navigation { float: left; } .primary-navigation { display: block; float: right; width: 100%; text-align: left; max-width: 1170px; } ul { list-style: disc; padding: 0; margin: 0; } .primary-navigation#navigation ul li { float: left; line-height: 15px; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.22); -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; -ms-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in; transition: background 0.25s ease-in; font-family: 'Roboto'; border-radius: 10px 10px 10px 10px; } #header { background-color: #373737 !important; border-radius: 0 0 10px 10px !important; } #page { margin-top: 0px !important; } .header-social a { padding: 8px; float: left; font-size: 18px; line-height: 1; width: 120px; box-sizing: border-box; margin-right: 3px; text-align: center; border-radius: 15%; } a { color: #e4e4e7; } #masthead { background: #27272a; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); text-align center; margin-bottom: 10px; border-radius: 0 0 10px 10px; } @media screen and (max-width: 980px) #masthead { text-align: left; } .primary-navigation#navigation ul ul { position: absolute; width: 265px; padding: 20px 0 0 0; padding-top: 0; z-index: 400; font-size: 12px; color: #ffffff; border-top: 1px solid rgba(255, 255, 255, 0.22); display: none; top: 54px; background: #494949; } body, button, input, select, textarea {} font-family: "Roboto", sans-serif; color: #707070; font-size: 16px; font-size: 1rem; line-height: 1.5; } #masthead .header-search { margin-left: 2px; margin-top: 15px; margin-bottom: 20px; } .site-branding{ margin-top: -7px!important; margin-bottom: -7px!important; } .primary-navigation#navigation a { padding: 15px 30px; box-sizing: border-box; } .primary-navigation#navigation{ border-radius: 0 0 10px 10px } .primary-navigation{ margin-top: 0px } .alert-danger { color: #fff; background-color: #F66459; border-color: #ebccd1; } .alert5 { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .maxbutton-1.maxbutton.maxbutton-download-links { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 180px; height: 35px; border: 1px solid #000000; border-radius: 8px 8px 8px 8px; background-color: #59c695; box-shadow: 0px 0px 2px 0px #333333; } .maxbutton-1.maxbutton.maxbutton-download-links .mb-text { color: #000000; font-family: Verdana; font-size: 15px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 0px 0px 0px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } /*Download Buttons Hover Css Below*/ .maxbutton-1:hover { background: #fff!important; border:1px solid #111!important; } .maxbutton-3:hover { background: #000; border:1px solid #ffffff; } .maxbutton-20.maxbutton.maxbutton-fast-google-drive-links-no-login-to-download:hover{ background: #000; border:1px solid #ffffff; color: #000!important; } .maxbutton-21.maxbutton.maxbutton-full-zip-file-with-direct-links-any:hover{ background: #000; border:1px solid #ffffff; } .maxbutton-3.maxbutton.maxbutton-fast-gdrive-direact-faster-links-no-login-required:hover{ background: #000; border:1px solid #ffffff; } .maxbutton-20.maxbutton.maxbutton-fast-google-drive-links-no-login-to-download { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 180px; height: 36px; border: 1px solid #ffffff; border-radius: 6px 6px 6px 6px; background-color: rgba(0, 153, 135, 0.8); box-shadow: none; } .maxbutton-21.maxbutton.maxbutton-full-zip-file-with-direct-links-any { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 180px; height: 36px; border: 1px solid #ffffff; border-radius: 7px 7px 7px 7px; background-color: rgba(249, 124, 124, 0.9); box-shadow: none; } .maxbutton-3.maxbutton.maxbutton-fast-gdrive-direact-faster-links-no-login-required { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width: 220px; height: 45px; border: 1px solid #ffffff; border-radius: 10px 10px 10px 10px; background-color: rgba(0, 153, 124, 0.6); box-shadow: none; } .maxbutton-21.maxbutton.maxbutton-full-zip-file-with-direct-links-any .mb-text { color: #fff; font-family: Verdana; font-size: 15px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 0px 0px 0px; } .maxbutton-20.maxbutton.maxbutton-fast-google-drive-links-no-login-to-download .mb-text { color: #fff; font-family: Verdana; font-size: 15px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 10px 0px 0px 0px; } .maxbutton-3.maxbutton.maxbutton-fast-gdrive-direact-faster-links-no-login-required .mb-text { color: #ffffff; font-family: Verdana; font-size: 18px; text-align: center; font-style: normal; font-weight: bold; line-height: 1em; box-sizing: border-box; display: block; background-color: unset; padding: 13px 5px 0px 0px; } .latestpost { width: 100%; float: left; margin-bottom: 30px; margin-right: 2.6%; background: #27272a; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); border-radius: 10px; overflow: hidden; } .navigation { border-radius: 0 0 10px 10px; } .navigation{ clear: both; overflow: hidden; float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; padding: 15px; background: #27272a; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); box-sizing: border-box; } .navigation li.active a{ background-color black; color: white; } .navigation li.active a{ border-radius: 10px !important; margin-bottom: 5px !important; } .navigation li{ border-radius: 10px !important; margin-bottom: 5px !important; } .navigation a{ background: #33bcf2; margin: 0 5px 0 0; display: inline-block; float: left; line-height: 25px; text-decoration: none; color: #18181b; padding: 0 14px; min-width: 50px; text-align: center; -webkit-transition: all .25s linear; transition: all .25s linear; box-sizing: border-box; } .navigation a{ background-color: #494949; color: #fff; } @media screen and (max-width:480px){ div#imbut{ margin-bottom:25px; } .primary-navigation#navigation { border-radius: 0 0 10px 10px; } } .latestpost{ border 1px solid #000; box-shadow: 0px 0px 5px #fff; -webkit-transition: all .25s linear; background: #27272a; } .latestpost:hover{ box-shadow: 0px 0px 5px cyan; border: 3x solid lime; } img.attachment-full.size-full.wp-post-image:hover { filter: brightness(0.5); } .entry-title a:hover { color: grey; } /*post content alerts class*/ .alert-danger { color: #fff; background-color: #F66459; border-color: #ebccd1; } .alert { padding: 5px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-success { color: #fff; background-color: #2FB986; border-color: #d6e9c6; } .alert-warning { color: #fff; background-color: #FFAA2C; border-color: #faebcc; } .alert-info { color: #fff; background-color: #47A8F5; border-color: #bce8f1; } .maxbutton-2.maxbutton.maxbutton-download-links { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; width:auto; padding:0px 10px; height:auto; border: 1px solid #ffffff; border-radius: 4px 4px 4px 4px; background-color: #009987; box-shadow: 0px 0px 2px 0px #333333; } .maxbutton-2.maxbutton.maxbutton-download-links .mb-text { color: #ffffff; font-family: Arial; font-size: 20px; text-align: center; font-style: normal; font-weight: normal; line-height: unset; box-sizing: border-box; display: block; background-color: unset; padding: 5px 10px; text-shadow: 0px 0px 0px #505ac7; } .maxbutton-2.maxbutton.maxbutton-download-links:hover{ background: #000; border: 1px solid #ffffff; } /*Dload button by SenseiVault.org*/ ul.dload-480,ul.dload-720,ul.dload-1080,ul.dload-2160{position:relative;background:#ffffff;list-style:none;margin:0px 0px 20px;padding:20px 5px;border-radius:5px;} ul.dload-480::before,ul.dload-720::before,ul.dload-1080::before,ul.dload-2160::before{ position: absolute; margin: 0px auto; content: ""; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; top: -40px; left: 48%; } /* ========================================================= SENSEIVAULT HEADER REFRESH v1.0.1 Cleaner glass-style header using the existing markup. ========================================================= */ #masthead.site-header { position: relative; z-index: 10000; background: rgba(20, 20, 24, .96) !important; border-bottom: 1px solid rgba(255,255,255,.08); box-shadow: 0 8px 30px rgba(0,0,0,.28) !important; margin-bottom: 28px; padding: 0 16px 14px; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } #masthead.site-header:before { content: ''; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, rgba(51,188,242,.9), transparent); opacity: .8; } #masthead .site-branding { margin: 0; float: left; max-width: 230px; height: 76px; display: flex; align-items: center; } #masthead #logo, #masthead #logo.text-logo { margin: 0 !important; padding: 0; display: flex; align-items: center; } #masthead #logo img { display: block; max-height: 58px; width: auto; max-width: 220px; object-fit: contain; filter: drop-shadow(0 4px 14px rgba(51,188,242,.16)); } #masthead #logo a { display: block; } #masthead #logo.text-logo a { color: #fff; font-weight: 800; letter-spacing: .3px; text-decoration: none; } #masthead .header-search { max-width: 470px; margin: 17px auto 17px !important; display: inline-block; vertical-align: middle; } #masthead #searchform { position: relative; } #masthead #s { height: 44px !important; box-sizing: border-box !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 12px !important; background: rgba(255,255,255,.07) !important; color: #fff !important; padding: 0 52px 0 16px !important; outline: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; } #masthead #s::placeholder { color: rgba(255,255,255,.55); } #masthead #s:focus { background: rgba(255,255,255,.10) !important; border-color: rgba(51,188,242,.65) !important; box-shadow: 0 0 0 3px rgba(51,188,242,.10); } #masthead #searchform .icon-search, #masthead #searchform .sbutton, #masthead #searchform #searchsubmit { border-radius: 0 11px 11px 0 !important; background: #33bcf2 !important; } #desktop-menu-toggle, #pull { border: 1px solid rgba(255,255,255,.10) !important; border-radius: 10px !important; background: rgba(255,255,255,.07) !important; color: #fff !important; font-weight: 600; letter-spacing: .2px; transition: background .2s ease, transform .2s ease, border-color .2s ease; } #desktop-menu-toggle:hover, #pull:hover { background: rgba(51,188,242,.16) !important; border-color: rgba(51,188,242,.45) !important; transform: translateY(-1px); } #desktop-menu-toggle { margin-top: 2px; } #navigation { border-radius: 0 14px 14px 0; box-shadow: 12px 0 35px rgba(0,0,0,.28); background: #17171b !important; } #navigation ul li { border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; } #navigation ul li a { color: rgba(255,255,255,.88) !important; transition: background .2s ease, color .2s ease, padding-left .2s ease; } #navigation ul li a:hover { background: rgba(51,188,242,.10) !important; color: #fff !important; padding-left: 26px !important; } #navigation ul ul { background: #202126 !important; } #navigation .sv-menu-toggle { color: rgba(255,255,255,.72) !important; } @media screen and (max-width: 865px) { #masthead.site-header { padding: 8px 12px 12px; margin-bottom: 18px; } #masthead .site-branding { float: none; width: 100%; max-width: none; height: 58px; justify-content: center; } #masthead #logo img { max-height: 48px; max-width: 190px; } #masthead .header-search { width: 100%; max-width: none; margin: 6px 0 10px !important; } #masthead #s { height: 43px !important; font-size: 15px; } #desktop-menu-toggle { width: 100%; margin: 0; padding: 11px 14px !important; text-align: left; } #navigation { width: min(88vw, 360px) !important; left: -100vw !important; } #navigation.desktop-open { left: 0 !important; } } @media screen and (min-width: 866px) { #masthead.site-header { padding-left: max(16px, calc((100% - 1170px)/2)); padding-right: max(16px, calc((100% - 1170px)/2)); } } /* SenseiVault mobile menu fix v1.0.2 */ html, body { overflow-x: hidden !important; } @media screen and (max-width: 865px) { /* Keep the page in place while the drawer is open */ .main-container, .site-footer, .mobile-menu-active .main-container, .mobile-menu-active .site-footer { left: 0 !important; transform: none !important; } /* Clean mobile navigation drawer */ .primary-navigation.mobile-menu-wrapper, .mobile-menu-active .primary-navigation.mobile-menu-wrapper { width: min(320px, 86vw) !important; max-width: 320px !important; height: 100vh !important; top: 0 !important; left: -330px !important; right: auto !important; z-index: 999999 !important; overflow-x: hidden !important; overflow-y: auto !important; background: rgba(24, 24, 27, 0.98) !important; box-shadow: 10px 0 35px rgba(0,0,0,.45) !important; border-right: 1px solid rgba(255,255,255,.12) !important; transition: left .35s ease !important; } .mobile-menu-active .primary-navigation.mobile-menu-wrapper { left: 0 !important; } .primary-navigation.mobile-menu-wrapper ul, .primary-navigation.mobile-menu-wrapper ul li { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .primary-navigation.mobile-menu-wrapper ul li a { box-sizing: border-box !important; padding: 15px 18px !important; min-height: 50px !important; overflow: hidden !important; } } /* ========================================================= SenseiVault Clean Dark Header v1.0.4 Dark glass style to match the SenseiVault site. ========================================================= */ html, body { overflow-x: hidden !important; } #masthead.sv-clean-header { position: relative; z-index: 2147483000 !important; margin: 0 0 24px !important; padding: 0 !important; background: linear-gradient(180deg, rgba(18,19,23,.98), rgba(25,26,30,.96)) !important; color: #fff; box-shadow: 0 4px 22px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.06) inset !important; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left !important; } #masthead.sv-clean-header:after { content:""; display:block; height:2px; background:linear-gradient(90deg, transparent, rgba(51,188,242,.55), rgba(255,35,55,.7), transparent); opacity:.8; } .sv-header-inner { width:100%; min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 18px; box-sizing:border-box; } .sv-clean-header .site-branding { margin:0 !important; padding:0 !important; float:none !important; overflow:visible !important; display:flex !important; align-items:center; min-width:0; } .sv-clean-header #logo, .sv-clean-header #logo.text-logo { float:none !important; display:block !important; margin:0 !important; padding:0 !important; line-height:1 !important; } .sv-clean-header #logo a { float:none !important; display:block !important; } .sv-clean-header #logo img { display:block; width:auto; max-width:min(260px,62vw); max-height:58px; height:auto; object-fit:contain; filter:drop-shadow(0 0 7px rgba(255,30,50,.18)) drop-shadow(0 0 5px rgba(51,188,242,.12)); } .sv-header-actions { margin-left:auto; display:flex; align-items:center; gap:20px; flex:0 0 auto; } .sv-header-icon { appearance:none; -webkit-appearance:none; border:1px solid transparent; background:rgba(255,255,255,.045) !important; color:#f5f5f5 !important; width:42px; height:42px; padding:0; margin:0; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:none !important; border-radius:12px; transition:all .2s ease; } .sv-header-icon:hover, .sv-header-icon:focus { background:rgba(51,188,242,.13) !important; border-color:rgba(51,188,242,.28); color:#fff !important; transform:translateY(-1px); outline:none; } .sv-search-symbol { width:18px; height:18px; border:3px solid currentColor; border-radius:50%; position:relative; display:block; box-sizing:border-box; } .sv-search-symbol:after { content:""; position:absolute; width:9px; height:3px; background:currentColor; border-radius:2px; right:-7px; bottom:-4px; transform:rotate(45deg); transform-origin:center; } .sv-hamburger { width:25px; height:20px; display:flex; flex-direction:column; justify-content:space-between; } .sv-hamburger i { display:block; width:25px; height:3px; background:currentColor; border-radius:3px; } .sv-search-panel { max-height:0; overflow:hidden; background:rgba(16,17,20,.98); transition:max-height .22s ease,padding .22s ease; border-top:0 solid rgba(255,255,255,.08); position:relative; z-index:99989; } .sv-search-panel.sv-search-open { overflow:visible !important; z-index:2147483001 !important; } .sv-search-panel.sv-search-open { max-height:100px; padding:10px 18px 14px; border-top-width:1px; } .sv-search-panel-inner { max-width:650px; margin:0 auto; } .sv-search-panel #searchform { float:none; width:100%; margin:0; } .sv-search-panel #s { height:44px !important; background:#202126 !important; color:#fff !important; border:1px solid #3a3b41 !important; border-radius:10px !important; padding-left:14px !important; padding-right:55px !important; font-size:15px !important; box-sizing:border-box !important; } .sv-search-panel #s::placeholder { color:#aaa !important; } .sv-search-panel #searchform .sbutton, .sv-search-panel #searchform #searchsubmit, .sv-search-panel #searchform .icon-search { top:0 !important; right:0 !important; height:44px !important; width:48px !important; background:linear-gradient(135deg,#33bcf2 0%,#ff2538 100%) !important; color:#fff !important; border-radius:0 10px 10px 0 !important; } .sv-menu-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.68); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility .22s ease; z-index:99991; backdrop-filter:blur(2px); } .sv-menu-backdrop.sv-backdrop-open { opacity:1; visibility:visible; pointer-events:auto; } #navigation.sv-side-menu { position:fixed !important; top:0 !important; right:-340px !important; left:auto !important; width:min(340px,88vw) !important; height:100dvh !important; max-height:100vh !important; overflow-y:auto !important; overflow-x:hidden !important; margin:0 !important; padding:0 0 30px !important; background:linear-gradient(180deg,#18191d 0%,#111216 100%) !important; color:#fff !important; box-shadow:-12px 0 38px rgba(0,0,0,.55) !important; border-left:1px solid rgba(255,255,255,.08); z-index:99992 !important; display:block !important; float:none !important; transition:right .25s ease !important; box-sizing:border-box !important; } #navigation.sv-side-menu.sv-menu-open { right:0 !important; } .sv-side-menu-head { height:72px; padding:0 18px 0 22px; display:flex; align-items:center; justify-content:space-between; background:linear-gradient(90deg,rgba(51,188,242,.08),rgba(255,35,55,.07)); border-bottom:1px solid rgba(255,255,255,.09); font-size:20px; font-weight:700; box-sizing:border-box; } .sv-side-menu-head span:after { content:""; display:block; width:34px; height:2px; margin-top:5px; background:linear-gradient(90deg,#33bcf2,#ff2538); border-radius:2px; } .sv-side-menu-head button { appearance:none; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); color:#fff; font-size:30px; line-height:1; width:42px; height:42px; border-radius:10px; padding:0; cursor:pointer; } #navigation.sv-side-menu > .menu, #navigation.sv-side-menu > ul { width:100% !important; margin:0 !important; padding:8px 0 !important; background:transparent !important; } #navigation.sv-side-menu li { width:100% !important; float:none !important; display:block !important; position:relative !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } #navigation.sv-side-menu li a { width:100% !important; display:block !important; box-sizing:border-box !important; padding:15px 55px 15px 22px !important; color:#eee !important; background:transparent !important; border-bottom:1px solid rgba(255,255,255,.055) !important; text-decoration:none !important; font-size:16px !important; text-transform:none !important; transition:background .18s ease,color .18s ease,padding-left .18s ease; } #navigation.sv-side-menu li a:hover { background:linear-gradient(90deg,rgba(51,188,242,.12),transparent) !important; color:#fff !important; padding-left:27px !important; } #navigation.sv-side-menu .sub-menu { display:none !important; position:static !important; width:100% !important; padding:0 !important; margin:0 !important; background:#111216 !important; box-shadow:none !important; } #navigation.sv-side-menu .menu-item-has-children.sv-submenu-open > .sub-menu { display:block !important; } #navigation.sv-side-menu .sub-menu a { padding-left:40px !important; background:rgba(255,255,255,.015) !important; } #navigation.sv-side-menu .sv-submenu-toggle { position:absolute; right:8px; top:5px; width:45px; height:45px; padding:0; border:0; background:transparent; color:#aaa; font-size:26px; line-height:45px; text-align:center; cursor:pointer; z-index:3; } body.sv-drawer-open { overflow:hidden !important; } a#pull, #desktop-menu-toggle { display:none !important; } @media screen and (max-width:865px) { #masthead.sv-clean-header { margin-bottom:18px !important; } .sv-header-inner { min-height:70px; padding:0 14px; } .sv-clean-header #logo img { max-width:220px; max-height:50px; } .sv-header-actions { gap:10px; } .sv-header-icon { width:40px; height:40px; border-radius:10px; } } @media screen and (min-width:866px) { .sv-header-inner { min-height:82px; padding:0 28px; } .sv-clean-header #logo img { max-width:285px; max-height:62px; } } /* SenseiVault v1.0.5 navigation cleanup */ #navigation.sv-side-menu .toggle-caret { display:none !important; } #navigation.sv-side-menu .sv-submenu-toggle { position:absolute !important; right:8px !important; top:4px !important; width:46px !important; height:46px !important; padding:0 !important; border:0 !important; background:transparent !important; color:#d8d8dc !important; font-size:27px !important; line-height:46px !important; text-align:center !important; cursor:pointer !important; z-index:10 !important; font-weight:400 !important; } #navigation.sv-side-menu .sv-submenu-toggle:hover { color:#fff !important; background:rgba(255,255,255,.04) !important; border-radius:8px !important; } #navigation.sv-side-menu .menu-item-has-children > a { padding-right:62px !important; } #navigation.sv-side-menu .sub-menu, #navigation.sv-side-menu ul.children { display:none !important; visibility:visible !important; opacity:1 !important; } #navigation.sv-side-menu .menu-item-has-children.sv-submenu-open > .sub-menu, #navigation.sv-side-menu .menu-item-has-children.sv-submenu-open > ul.children { display:block !important; } #navigation.sv-side-menu .sub-menu li a, #navigation.sv-side-menu ul.children li a { padding-left:42px !important; font-size:15px !important; background:rgba(51,188,242,.045) !important; } @media screen and (max-width:865px) { #navigation.sv-side-menu { width:min(330px,84vw) !important; right:-340px !important; } #navigation.sv-side-menu.sv-menu-open { right:0 !important; } } /* SenseiVault v1.0.5 SUBMENU FINAL FIX */ #navigation.sv-side-menu .menu-item-has-children > a:after { content: none !important; display: none !important; } #navigation.sv-side-menu .menu-item-has-children > .sub-menu, #navigation.sv-side-menu .menu-item-has-children > ul.children { position: static !important; float: none !important; left: auto !important; top: auto !important; width: 100% !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; } #navigation.sv-side-menu .menu-item-has-children.sv-submenu-open > .sub-menu, #navigation.sv-side-menu .menu-item-has-children.sv-submenu-open > ul.children { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; } #navigation.sv-side-menu .menu-item-has-children:not(.sv-submenu-open) > .sub-menu, #navigation.sv-side-menu .menu-item-has-children:not(.sv-submenu-open) > ul.children { display: none !important; } #navigation.sv-side-menu .sv-submenu-toggle { pointer-events: auto !important; touch-action: manipulation !important; } /* ========================================================= SenseiVault v1.0.7 - compact mobile header + tighter cards Inspired by the compact layout shown in the user's reference. ========================================================= */ @media screen and (max-width:865px) { /* Compact header: closer to the reference site's small top bar */ #masthead.sv-clean-header { margin: 0 0 8px !important; border-radius: 0 0 10px 10px !important; } .sv-header-inner { min-height: 58px !important; height: 58px !important; padding: 0 10px !important; gap: 8px !important; } .sv-clean-header #logo, .sv-clean-header #logo.text-logo { font-size: 1.55em !important; line-height: 1 !important; } .sv-clean-header #logo img { max-width: 185px !important; max-height: 42px !important; } .sv-header-actions { gap: 8px !important; } .sv-header-icon { width: 38px !important; height: 38px !important; border-radius: 10px !important; } .sv-search-symbol { width: 17px !important; height: 17px !important; border-width: 3px !important; } .sv-hamburger { width: 23px !important; height: 18px !important; } .sv-hamburger i { width: 23px !important; height: 3px !important; } /* Search panel should not create a large blank block */ .sv-search-panel.sv-search-open { max-height: 82px !important; padding: 7px 10px 9px !important; } /* Telegram: remove the extra vertical whitespace around the button */ #imbut { margin: 2px 0 7px !important; padding: 0 !important; line-height: 1 !important; } #imbut .button69, #imbut .button { margin: 0 !important; line-height: 1.2 !important; } /* Tighten the poster grid: no double gap from grid + card margin */ .post-cards { row-gap: 12px !important; column-gap: 18px !important; margin-top: 0 !important; margin-bottom: 0 !important; } .latestpost { margin-bottom: 0 !important; } } @media screen and (min-width:866px) { /* Keep desktop compact too, without changing the existing drawer behaviour */ #masthead.sv-clean-header { margin-bottom: 12px !important; } .sv-header-inner { min-height: 68px !important; } .sv-clean-header #logo img { max-height: 50px !important; } #imbut { margin: 3px 0 9px !important; } .post-cards { row-gap: 16px !important; } .latestpost { margin-bottom: 0 !important; } } /* SenseiVault v1.0.8 - prevent archive/movie poster placeholders from staying blank */ .post-cards .featured-thumbnail, .post-cards #featured-thumbnail { min-height: 0 !important; } .post-cards .featured-thumbnail img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 2 / 3 !important; object-fit: cover !important; visibility: visible !important; opacity: 1 !important; } @media screen and (max-width:865px) { .post-cards { align-items: start !important; } .post-cards .latestpost { align-self: start !important; } } /* ========================================================= SenseiVault v1.0.9 - final header + Telegram polish ========================================================= */ #masthead.sv-clean-header { width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; border-left: 0 !important; border-right: 0 !important; overflow: visible !important; } /* The original theme uses a 96% mobile container. Pull only the header to the viewport edges so the left/right header pieces visually join. */ @media screen and (max-width:1230px) { #masthead.sv-clean-header { width: calc(100% + 4vw) !important; margin-left: -2vw !important; margin-right: -2vw !important; } } @media screen and (max-width:865px) { #masthead.sv-clean-header { width: calc(100% + 4vw) !important; margin-left: -2vw !important; margin-right: -2vw !important; margin-bottom: 7px !important; border-radius: 0 0 10px 10px !important; } .sv-header-inner { min-height: 58px !important; height: 58px !important; padding-left: 12px !important; padding-right: 12px !important; } .sv-header-actions { gap: 7px !important; } .sv-header-icon { width: 38px !important; height: 38px !important; } } /* Telegram advertising strip */ #imbut { margin: 5px auto 10px !important; padding: 0 !important; line-height: 1 !important; text-align: center !important; } #imbut a { text-decoration: none !important; } #imbut .button69 { margin: 0 !important; padding: 10px 20px !important; min-height: 42px !important; border-radius: 10px !important; border: 1px solid rgba(255,255,255,.75) !important; background: linear-gradient(135deg,#139ed8,#18b9e8) !important; color: #fff !important; font-weight: 700 !important; font-size: 15px !important; box-shadow: 0 4px 14px rgba(0,0,0,.28) !important; } #imbut .button69:hover { transform: translateY(-1px); } /* Keep the two-column poster grid tight without affecting poster height. */ @media screen and (max-width:865px) { .post-cards { row-gap: 12px !important; column-gap: 16px !important; } .latestpost { margin-bottom: 0 !important; } } /* ========================================================= SenseiVault v1.0.11 - locked poster sizing + compact Telegram ========================================================= */ /* Lock every archive/home poster to the same 2:3 box. The image itself fills that box, so different source dimensions can never make one poster taller/shorter than another. */ .post-cards .latestpost .featured-thumbnail, .post-cards .latestpost #featured-thumbnail, .post-cards .latestpost #featured-thumbnail .featured-thumbnail { position: relative !important; display: block !important; width: 100% !important; height: 0 !important; padding: 0 !important; padding-bottom: 150% !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; float: none !important; box-sizing: border-box !important; } .post-cards .latestpost .featured-thumbnail img, .post-cards .latestpost #featured-thumbnail .featured-thumbnail img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: cover !important; object-position: center center !important; aspect-ratio: auto !important; float: none !important; } /* Keep card rows compact and prevent the old theme's margin from adding a second vertical gap below the grid. */ .post-cards { align-items: start !important; } .post-cards .latestpost { margin-bottom: 0 !important; } @media screen and (max-width:865px) { .post-cards { row-gap: 12px !important; column-gap: 16px !important; } } /* Telegram promotion banner */ #imbut.sv-telegram-ad { width: calc(100% - 20px) !important; max-width: 1180px !important; margin: 8px auto 12px !important; padding: 0 !important; line-height: 1 !important; text-align: left !important; } #imbut.sv-telegram-ad > a { position: relative !important; display: flex !important; align-items: center !important; min-height: 82px !important; box-sizing: border-box !important; padding: 10px 16px !important; gap: 14px !important; overflow: hidden !important; text-decoration: none !important; border: 1px solid rgba(255,35,55,.8) !important; border-radius: 14px !important; background: linear-gradient(105deg,#0d1015 0%,#17191e 55%,#0b0e13 100%) !important; box-shadow: 0 0 12px rgba(255,35,55,.28), inset 0 0 24px rgba(255,255,255,.025) !important; } #imbut.sv-telegram-ad > a:before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 3px !important; background: linear-gradient(#e60020,#33bcf2) !important; } .sv-telegram-icon { flex: 0 0 54px !important; width: 54px !important; height: 54px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: #229ed9 !important; color: #fff !important; font-size: 29px !important; box-shadow: 0 0 12px rgba(34,158,217,.35) !important; } .sv-telegram-copy { min-width: 0 !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; gap: 5px !important; } .sv-telegram-copy strong { color: #fff !important; font-size: 20px !important; line-height: 1.1 !important; white-space: nowrap !important; } .sv-telegram-copy strong b { color: #e60020 !important; } .sv-telegram-copy small { display: block !important; color: #bfc4cb !important; font-size: 13px !important; line-height: 1.2 !important; white-space: nowrap !important; } .sv-telegram-join { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-width: 178px !important; padding: 11px 16px !important; border-radius: 8px !important; background: #1976f3 !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; box-shadow: 0 3px 10px rgba(25,118,243,.28) !important; white-space: nowrap !important; } .sv-telegram-url { position: absolute !important; right: 24px !important; bottom: 6px !important; color: rgba(255,255,255,.72) !important; font-size: 11px !important; line-height: 1 !important; white-space: nowrap !important; } @media screen and (max-width:650px) { #imbut.sv-telegram-ad { width: calc(100% - 14px) !important; margin: 6px auto 10px !important; } #imbut.sv-telegram-ad > a { min-height: 76px !important; padding: 8px 9px !important; gap: 8px !important; border-radius: 12px !important; } .sv-telegram-icon { flex: 0 0 44px !important; width: 44px !important; height: 44px !important; font-size: 23px !important; } .sv-telegram-copy { gap: 3px !important; padding-bottom: 4px !important; } .sv-telegram-copy strong { font-size: 14px !important; line-height: 1.1 !important; } .sv-telegram-copy small { display: block !important; font-size: 9px !important; line-height: 1.15 !important; } .sv-telegram-join { min-width: 108px !important; padding: 9px 7px !important; font-size: 9px !important; gap: 4px !important; border-radius: 7px !important; } .sv-telegram-url { right: 11px !important; bottom: 3px !important; font-size: 7px !important; } } @media screen and (max-width:380px) { .sv-telegram-copy strong { font-size: 13px !important; } .sv-telegram-copy small { font-size: 8px !important; } .sv-telegram-join { min-width: 100px !important; font-size: 8px !important; } } /* ========================================================= SenseiVault v1.0.12 - final mobile card + Telegram sizing ========================================================= */ /* Every poster uses one identical 2:3 frame. */ .post-cards { align-items: stretch !important; row-gap: 10px !important; column-gap: 16px !important; } .post-cards .latestpost { margin: 0 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-self: stretch !important; overflow: hidden !important; } .post-cards .latestpost #featured-thumbnail, .post-cards .latestpost .featured-thumbnail, .post-cards .latestpost #featured-thumbnail .featured-thumbnail { width: 100% !important; height: 0 !important; padding-bottom: 150% !important; flex: 0 0 auto !important; position: relative !important; overflow: hidden !important; float: none !important; } .post-cards .latestpost #featured-thumbnail .featured-thumbnail img, .post-cards .latestpost .featured-thumbnail img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; } /* Equalise the text area so cards in the same row stay aligned. */ .post-cards .latestpost .entry-header { flex: 1 1 auto !important; min-height: 112px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px 8px !important; box-sizing: border-box !important; } .post-cards .latestpost .entry-title, .post-cards .latestpost .entry-title a { margin: 0 !important; width: 100% !important; line-height: 1.35 !important; } /* Small visual gap between poster and title: moves only the title, not the card/poster size. */ /* Compact Telegram strip: no public URL text, so it can be shorter. */ #imbut.sv-telegram-ad { width: calc(100% - 14px) !important; max-width: 1180px !important; margin: 5px auto 8px !important; padding: 0 !important; } #imbut.sv-telegram-ad > a { min-height: 60px !important; height: 60px !important; padding: 7px 9px !important; gap: 8px !important; border-radius: 11px !important; } #imbut.sv-telegram-ad .sv-telegram-icon { flex: 0 0 42px !important; width: 42px !important; height: 42px !important; font-size: 22px !important; } #imbut.sv-telegram-ad .sv-telegram-copy { gap: 2px !important; min-width: 0 !important; } #imbut.sv-telegram-ad .sv-telegram-copy strong { font-size: 13px !important; line-height: 1.1 !important; white-space: nowrap !important; } #imbut.sv-telegram-ad .sv-telegram-copy small { display: block !important; font-size: 8px !important; line-height: 1.1 !important; white-space: nowrap !important; } #imbut.sv-telegram-ad .sv-telegram-join { min-width: 101px !important; padding: 9px 7px !important; font-size: 9px !important; line-height: 1 !important; gap: 4px !important; border-radius: 7px !important; } #imbut.sv-telegram-ad .sv-telegram-url { display: none !important; } @media screen and (max-width: 380px) { #imbut.sv-telegram-ad .sv-telegram-copy strong { font-size: 11px !important; } #imbut.sv-telegram-ad .sv-telegram-copy small { font-size: 6.5px !important; } #imbut.sv-telegram-ad .sv-telegram-join { min-width: 92px !important; font-size: 8px !important; } } /* SenseiVault v1.0.13 - smaller full-height mobile drawer */ @media screen and (max-width:865px) { #navigation.sv-side-menu { width:min(300px,78vw) !important; right:-310px !important; top:0 !important; bottom:0 !important; height:100dvh !important; max-height:none !important; border-radius:0 !important; padding-bottom:24px !important; } #navigation.sv-side-menu.sv-menu-open { right:0 !important; } .sv-side-menu-head { height:62px !important; padding-left:18px !important; } #navigation.sv-side-menu li a { font-size:15px !important; padding-top:13px !important; padding-bottom:13px !important; } #navigation.sv-side-menu .sv-submenu-toggle { top:2px !important; } } @media screen and (max-width:380px) { #navigation.sv-side-menu { width:280px !important; right:-290px !important; } #navigation.sv-side-menu.sv-menu-open { right:0 !important; } } /* SenseiVault v1.0.14 - true full-height drawer + touch-safe backdrop */ .sv-menu-backdrop { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: 100dvh !important; min-height: 100vh !important; pointer-events: none !important; touch-action: none !important; z-index: 999991 !important; } .sv-menu-backdrop.sv-backdrop-open { pointer-events: auto !important; touch-action: none !important; } #navigation.sv-side-menu { position: fixed !important; top: 0 !important; right: -290px !important; bottom: 0 !important; left: auto !important; width: 280px !important; height: auto !important; min-height: 100vh !important; min-height: 100dvh !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y !important; z-index: 999992 !important; } #navigation.sv-side-menu.sv-menu-open { right: 0 !important; } @media screen and (max-width: 865px) { #navigation.sv-side-menu { width: min(280px, 76vw) !important; right: -290px !important; top: 0 !important; bottom: 0 !important; height: auto !important; min-height: 100vh !important; min-height: 100dvh !important; } #navigation.sv-side-menu.sv-menu-open { right: 0 !important; } } @media screen and (max-width: 380px) { #navigation.sv-side-menu { width: 270px !important; right: -280px !important; } #navigation.sv-side-menu.sv-menu-open { right: 0 !important; } } /* SenseiVault v1.0.15 - keep card titles directly under posters */ .post-cards .latestpost .entry-header { flex: 0 0 auto !important; min-height: 0 !important; height: auto !important; display: block !important; align-items: initial !important; justify-content: initial !important; padding: 12px 8px 14px !important; box-sizing: border-box !important; margin: 0 !important; overflow: visible !important; } .post-cards .latestpost .entry-title, .post-cards .latestpost .entry-title a { margin: 0 !important; padding: 0 !important; width: 100% !important; line-height: 1.35 !important; display: block !important; } /* SenseiVault v1.0.16 - 3 poster grid + reliable poster rendering */ .post-cards { --cards: 3 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: start !important; } .post-cards .latestpost { width: 100% !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; } .post-cards .latestpost #featured-thumbnail, .post-cards .latestpost .featured-thumbnail, .post-cards .latestpost #featured-thumbnail .featured-thumbnail { display: block !important; position: relative !important; width: 100% !important; height: auto !important; aspect-ratio: 2 / 3 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; background: #18181b !important; } .post-cards .latestpost .featured-thumbnail img, .post-cards .latestpost #featured-thumbnail .featured-thumbnail img { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; object-position: center !important; visibility: visible !important; opacity: 1 !important; float: none !important; margin: 0 !important; } @media screen and (max-width: 865px) { .post-cards { --cards: 3 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 8px !important; row-gap: 12px !important; margin-left: 6px !important; margin-right: 6px !important; } } @media screen and (max-width: 380px) { .post-cards { --cards: 3 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 5px !important; } } /* SenseiVault v1.0.17 - compact title cards only (posters unchanged) */ .post-cards .latestpost .entry-header { height: 82px !important; min-height: 82px !important; max-height: 82px !important; padding: 8px 6px !important; overflow: hidden !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; box-sizing: border-box !important; } .post-cards .latestpost .entry-title, .post-cards .latestpost .entry-title a { font-size: 13px !important; line-height: 1.35 !important; margin: 0 !important; padding: 0 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 4 !important; line-clamp: 4 !important; overflow: hidden !important; text-overflow: ellipsis !important; max-height: 70px !important; } @media screen and (max-width: 865px) { .post-cards .latestpost .entry-header { height: 82px !important; min-height: 82px !important; max-height: 82px !important; padding: 7px 5px !important; } .post-cards .latestpost .entry-title, .post-cards .latestpost .entry-title a { font-size: 12px !important; line-height: 1.35 !important; -webkit-line-clamp: 4 !important; line-clamp: 4 !important; max-height: 65px !important; } } @media screen and (max-width: 380px) { .post-cards .latestpost .entry-header { height: 76px !important; min-height: 76px !important; max-height: 76px !important; } .post-cards .latestpost .entry-title, .post-cards .latestpost .entry-title a { font-size: 11px !important; line-height: 1.35 !important; max-height: 59px !important; } } /* ========================================================= SenseiVault v1.0.24 - compact download panels Remove the large white panels and slow slide animation. ========================================================= */ /* Download panel: dark, compact and consistent with the site. */ ul.dload-480, ul.dload-720, ul.dload-1080, ul.dload-2160 { position: relative !important; display: none; list-style: none !important; width: calc(100% - 20px) !important; max-width: 590px !important; margin: 2px auto 14px !important; padding: 10px 8px !important; box-sizing: border-box !important; border: 1px solid rgba(0, 204, 255, .45) !important; border-radius: 10px !important; background: linear-gradient(145deg, #171a1f, #24272c) !important; box-shadow: 0 3px 12px rgba(0,0,0,.38), inset 0 0 12px rgba(0,204,255,.035) !important; } /* Small dark pointer instead of the old white triangle. */ ul.dload-480::before, ul.dload-720::before, ul.dload-1080::before, ul.dload-2160::before { position: absolute !important; content: "" !important; width: 10px !important; height: 10px !important; top: -6px !important; left: 50% !important; margin-left: -5px !important; border-left: 1px solid rgba(0,204,255,.45) !important; border-top: 1px solid rgba(0,204,255,.45) !important; background: #1b1e23 !important; transform: rotate(45deg) !important; box-sizing: border-box !important; } /* Remove the old
elements that create huge vertical gaps. */ ul.dload-480 br, ul.dload-720 br, ul.dload-1080 br, ul.dload-2160 br { display: none !important; } ul.dload-480 li, ul.dload-720 li, ul.dload-1080 li, ul.dload-2160 li { margin: 0 !important; padding: 3px 0 !important; list-style: none !important; } /* Compact green download buttons inside the panel. */ ul.dload-480 .maxbutton-2, ul.dload-720 .maxbutton-2, ul.dload-1080 .maxbutton-2, ul.dload-2160 .maxbutton-2 { width: auto !important; max-width: 96% !important; min-height: 38px !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.65) !important; border-radius: 7px !important; background: #009987 !important; box-shadow: 0 1px 5px rgba(0,0,0,.45) !important; } ul.dload-480 .maxbutton-2 .mb-text, ul.dload-720 .maxbutton-2 .mb-text, ul.dload-1080 .maxbutton-2 .mb-text, ul.dload-2160 .maxbutton-2 .mb-text { display: block !important; padding: 7px 10px !important; color: #fff !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 600 !important; } /* Prevent the old white hover state on all download controls. */ #button480.maxbutton-2:hover, #button720.maxbutton-2:hover, #button1080.maxbutton-2:hover, #button2160.maxbutton-2:hover, ul.dload-480 .maxbutton-2:hover, ul.dload-720 .maxbutton-2:hover, ul.dload-1080 .maxbutton-2:hover, ul.dload-2160 .maxbutton-2:hover { background: #00a992 !important; border-color: rgba(255,255,255,.8) !important; color: #fff !important; } /* Opening/closing controls: compact, stable and never turn white. */ #button480.maxbutton-2, #button720.maxbutton-2, #button1080.maxbutton-2, #button2160.maxbutton-2 { display: inline-block !important; width: auto !important; min-width: 250px !important; height: auto !important; margin: 4px auto 8px !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.75) !important; border-radius: 7px !important; background: #009987 !important; box-shadow: 0 2px 7px rgba(0,0,0,.35) !important; } #button480.maxbutton-2 .mb-text, #button720.maxbutton-2 .mb-text, #button1080.maxbutton-2 .mb-text, #button2160.maxbutton-2 .mb-text { padding: 7px 14px !important; color: #fff !important; font-size: 18px !important; line-height: 1.25 !important; } @media screen and (max-width: 600px) { ul.dload-480, ul.dload-720, ul.dload-1080, ul.dload-2160 { width: calc(100% - 10px) !important; margin-bottom: 10px !important; padding: 8px 6px !important; border-radius: 9px !important; } #button480.maxbutton-2, #button720.maxbutton-2, #button1080.maxbutton-2, #button2160.maxbutton-2 { min-width: 0 !important; max-width: 92% !important; } #button480.maxbutton-2 .mb-text, #button720.maxbutton-2 .mb-text, #button1080.maxbutton-2 .mb-text, #button2160.maxbutton-2 .mb-text { padding: 7px 11px !important; font-size: 17px !important; } ul.dload-480 .maxbutton-2 .mb-text, ul.dload-720 .maxbutton-2 .mb-text, ul.dload-1080 .maxbutton-2 .mb-text, ul.dload-2160 .maxbutton-2 .mb-text { font-size: 16px !important; padding: 7px 8px !important; } } /* ========================================================= SenseiVault v1.0.28 - exact desktop grid settings Main posts: 5 per row Related posts: 4 per row Telegram: writing block centered on desktop only ========================================================= */ @media screen and (min-width: 866px) { .post-cards { --cards: 5 !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .single .related-posts > .crd, .related-posts > .crd { --cards: 4 !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } #imbut.sv-telegram-ad .sv-telegram-copy { text-align: center !important; align-items: center !important; justify-content: center !important; } #imbut.sv-telegram-ad .sv-telegram-copy strong, #imbut.sv-telegram-ad .sv-telegram-copy small { text-align: center !important; } } /* SenseiVault footer/sidebar cleanup v1.0.29 */ #sidebar .widget > h2.widget-title, #sidebar .widget > h3.widget-title, #sidebar .widget > .wp-block-heading { font-size: 22px !important; line-height: 1.2 !important; margin: 0 0 12px 0 !important; text-transform: none !important; color: #e7e7e7 !important; } #sidebar .widget { margin-bottom: 18px !important; } #sidebar .widget ul, #sidebar .widget .wp-block-archives, #sidebar .widget .wp-block-categories { margin: 0 !important; padding: 0 !important; } #sidebar .widget_categories li, #sidebar .widget_archive li, #sidebar .widget_recent_comments li, #sidebar .widget_recent_entries li, #sidebar .widget_pages li, #sidebar .widget_meta li, #sidebar .widget_nav_menu li { padding: 3px 0 !important; margin-left: 16px !important; } /* Keep the actual copyright footer compact. */ .site-info.container { padding-top: 28px !important; padding-bottom: 22px !important; } @media screen and (max-width: 865px) { .sidebar.c-4-12 { padding: 16px !important; } #sidebar .widget { margin-bottom: 16px !important; } #sidebar .widget > h2.widget-title, #sidebar .widget > h3.widget-title, #sidebar .widget > .wp-block-heading { font-size: 21px !important; line-height: 1.2 !important; margin-bottom: 9px !important; } #sidebar .widget_recent_comments li, #sidebar .widget_categories li, #sidebar .widget_archive li, #sidebar .widget_pages li, #sidebar .widget_meta li, #sidebar .widget_nav_menu li, #sidebar .widget_recent_entries li { padding: 2px 0 !important; } .site-info.container { padding-top: 25px !important; padding-bottom: 18px !important; } } /* ========================================================= SenseiVault v1.0.30 - visual polish pass Footer + pagination + mobile spacing Keeps existing poster/badge system untouched. ========================================================= */ /* Cleaner pagination: compact, modern and consistent with the dark UI. */ .posts-navigation { background: #202124 !important; border: 1px solid rgba(255,255,255,.06) !important; border-radius: 14px !important; padding: 18px !important; margin-top: 22px !important; margin-bottom: 28px !important; box-sizing: border-box !important; } .pagination, .posts-navigation .pagination { margin: 0 !important; } .nav-next a, .nav-previous a, .pagination a, .pagination .current { border-radius: 9px !important; border: 1px solid rgba(255,255,255,.06) !important; background: #151619 !important; color: #f1f1f1 !important; box-shadow: none !important; text-transform: none !important; font-size: 16px !important; font-weight: 600 !important; padding: 12px 16px !important; min-width: 46px !important; margin-right: 7px !important; transition: transform .18s ease, background .18s ease, border-color .18s ease !important; } .pagination a:hover, .nav-next a:hover, .nav-previous a:hover { background: #2a2c30 !important; border-color: rgba(255,255,255,.14) !important; transform: translateY(-1px); } .pagination .current { background: #e6002d !important; color: #fff !important; border-color: #e6002d !important; } /* Footer: clean branded area instead of a heavy floating link box. */ .site-footer { background: linear-gradient(180deg, #232427 0%, #1a1b1e 100%) !important; border-top: 1px solid rgba(255,255,255,.055) !important; box-shadow: none !important; } .site-info.container { position: relative !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 42px 18px 24px !important; box-sizing: border-box !important; color: #9ea2a8 !important; } .site-info.container:before { content: "MOVIES • SERIES • ANIME • TV SHOWS"; display: block; text-align: center; color: #777b82; font-size: 10px; font-weight: 700; letter-spacing: 2px; margin-bottom: 13px; } .copyrights { float: none !important; text-align: center !important; color: #a7abb1 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 0 16px !important; } .copyrights a { color: #e7e9ec !important; border-bottom: 0 !important; font-weight: 600 !important; } #navigation.footer-navigation { float: none !important; width: 100% !important; margin: 0 auto !important; text-align: center !important; } #navigation.footer-navigation ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 7px 0 !important; width: 100% !important; margin: 0 !important; padding: 13px 0 0 !important; border-top: 1px solid rgba(255,255,255,.055) !important; list-style: none !important; } #navigation.footer-navigation ul li, #navigation.footer-navigation ul li:first-child, #navigation.footer-navigation ul li:last-child { display: inline-flex !important; padding: 0 13px !important; margin: 0 !important; border-right: 0 !important; line-height: 1.2 !important; } #navigation.footer-navigation ul li a { color: #b8bbc1 !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; transition: color .18s ease !important; } #navigation.footer-navigation ul li a:hover { color: #fff !important; } a.toplink { width: 36px !important; height: 36px !important; margin-left: -18px !important; margin-top: -18px !important; background: #1b1c1f !important; border: 1px solid rgba(255,255,255,.09) !important; color: #d7d9dc !important; font-size: 30px !important; box-shadow: 0 4px 14px rgba(0,0,0,.25) !important; } a.toplink i { line-height: 13px !important; } @media screen and (max-width: 865px) { .posts-navigation { padding: 15px !important; margin-top: 18px !important; margin-bottom: 22px !important; border-radius: 12px !important; } .nav-next a, .nav-previous a, .pagination a, .pagination .current { font-size: 15px !important; padding: 11px 14px !important; min-width: 42px !important; margin-right: 5px !important; } .site-info.container { padding: 38px 12px 20px !important; } .site-info.container:before { font-size: 8px; letter-spacing: 1.4px; margin-bottom: 12px; } .copyrights { font-size: 12px !important; margin-bottom: 13px !important; } #navigation.footer-navigation ul { padding-top: 11px !important; gap: 8px 0 !important; } #navigation.footer-navigation ul li, #navigation.footer-navigation ul li:first-child, #navigation.footer-navigation ul li:last-child { padding: 0 10px !important; } #navigation.footer-navigation ul li a { font-size: 12px !important; } } @media screen and (max-width: 420px) { .site-info.container:before { letter-spacing: 1px; } #navigation.footer-navigation ul li, #navigation.footer-navigation ul li:first-child, #navigation.footer-navigation ul li:last-child { padding: 0 8px !important; } #navigation.footer-navigation ul li a { font-size: 11.5px !important; } } /* SenseiVault: remove the actual gap above the poster inside the single-post content. */ @media screen and (max-width: 865px) { .single_post { padding-top: 0 !important; } .single .entry-content { margin-top: 0 !important; } } /* SenseiVault: exact single-page movie card spacing adjustment. */ @media screen and (max-width: 600px) { .single .sv-movie-info #movie_title { margin-bottom: 2px !important; } .single .sv-movie-info #genres { margin-bottom: 4px !important; } } /* SenseiVault: keep the breadcrumb above the floating single-post container. */ @media screen and (max-width: 600px) { .single .breadcrumb { clear: both !important; } .single .single_post { clear: both !important; } } /* SenseiVault: keep the breadcrumb/title text visible above the single-post poster. The poster itself moves down; its dimensions are unchanged. */ @media screen and (max-width: 600px) { .single #content_box { overflow: visible !important; } } /* SenseiVault v1.0.9 - title text pushed down visually only. Poster, card dimensions, and card spacing remain unchanged. */ .post-cards .latestpost .entry-header { margin-top: 0 !important; } /* SenseiVault: title-only internal gap; poster/card dimensions unchanged. */ @media screen and (max-width: 865px) { .post-cards .latestpost .entry-header { padding-top: 17px !important; box-sizing: border-box !important; } } @media screen and (min-width: 866px) { .post-cards .latestpost .entry-header { padding-top: 18px !important; box-sizing: border-box !important; } } /* SenseiVault: published-time label. Added without changing card/poster dimensions. */ .post-cards .latestpost .entry-header, .single .related-posts > .crd > article.latestpost > .entry-header { position: relative !important; } .sv-published-time { position: absolute !important; left: 50% !important; bottom: 6px !important; transform: translateX(-50%) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; white-space: nowrap !important; color: #ffffff !important; font-size: 12px !important; line-height: 1 !important; font-weight: 500 !important; pointer-events: none !important; z-index: 5 !important; } .sv-time-icon { font-size: 15px !important; line-height: 1 !important; } @media screen and (max-width: 865px) { .sv-published-time { font-size: 11px !important; bottom: 5px !important; } .sv-time-icon { font-size: 14px !important; } } /* SenseiVault unified poster title cards - v1.1.1 */ .post-cards .latestpost, .single .related-posts .latestpost, .search-area .post-cards .latestpost, .content-archive .post-cards .latestpost { position: relative; } .post-cards .latestpost .entry-header, .content-archive .post-cards .latestpost .entry-header, .search-area .post-cards .latestpost .entry-header, .single .related-posts .latestpost .entry-header { position: relative !important; margin-top: 0 !important; min-height: 52px; padding: 7px 4px 3px !important; box-sizing: border-box; } .post-cards .latestpost .entry-header .entry-title, .content-archive .post-cards .latestpost .entry-header .entry-title, .search-area .post-cards .latestpost .entry-header .entry-title, .single .related-posts .latestpost .entry-header .entry-title { margin: 0 !important; padding: 0 !important; line-height: 1.25 !important; } .post-cards .latestpost .entry-header .entry-title a, .content-archive .post-cards .latestpost .entry-header .entry-title a, .search-area .post-cards .latestpost .entry-header .entry-title a, .single .related-posts .latestpost .entry-header .entry-title a { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; text-overflow: ellipsis !important; } .sv-published-time { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 4px !important; margin-top: 3px !important; font-size: 10px !important; line-height: 1.1 !important; color: rgba(255,255,255,.62) !important; } .sv-time-icon { font-size: 10px !important; opacity: .8; } .post-cards .latestpost .featured-thumbnail, .post-cards .latestpost #featured-thumbnail, .content-archive .post-cards .latestpost .featured-thumbnail, .search-area .post-cards .latestpost .featured-thumbnail, .single .related-posts .latestpost .featured-thumbnail { position: relative !important; overflow: hidden !important; } @media(max-width:600px){ .post-cards .latestpost .entry-header, .content-archive .post-cards .latestpost .entry-header, .search-area .post-cards .latestpost .entry-header, .single .related-posts .latestpost .entry-header { min-height: 49px; padding: 6px 3px 2px !important; } .sv-published-time { font-size: 9px !important; } } /* SenseiVault v1.1.8 - desktop menu hidden until clicked + 6 posts per row (superseded by v1.1.9) */ @media screen and (min-width: 866px) { #navigation.sv-side-menu { right: -100vw !important; } #navigation.sv-side-menu.sv-menu-open { right: 0 !important; } .post-cards { --cards: 6 !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } /* SenseiVault v1.1.9 - desktop drawer + six-card grid everywhere */ @media screen and (min-width: 866px) { /* Keep the side menu completely off-canvas until the menu button is clicked. */ #navigation.sv-side-menu { right: 0 !important; transform: translateX(110%) !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transition: transform .25s ease, opacity .2s ease, visibility 0s linear .25s !important; } #navigation.sv-side-menu.sv-menu-open { right: 0 !important; transform: translateX(0) !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transition: transform .25s ease, opacity .2s ease, visibility 0s linear 0s !important; } /* Six posts per row on every desktop post-card grid. */ .post-cards, .content-archive .post-cards, .search-area .post-cards { --cards: 6 !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; column-gap: 18px !important; row-gap: 16px !important; margin-left: 10px !important; margin-right: 10px !important; } .post-cards > .latestpost, .content-archive .post-cards > .latestpost, .search-area .post-cards > .latestpost { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; float: none !important; clear: none !important; } /* Six related posts per row on desktop single-post pages too. */ .single .related-posts > .crd, .related-posts > .crd { --cards: 6 !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; column-gap: 18px !important; row-gap: 16px !important; width: 100% !important; } .single .related-posts > .crd > article.latestpost, .related-posts > .crd > article.latestpost { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; float: none !important; clear: none !important; } } /* SenseiVault Advanced AJAX Search */ .sv-ajax-search-results{position:absolute;z-index:2147483002 !important;left:0;right:0;top:100%;margin-top:8px;padding:12px;background:#0e1015;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 12px 35px rgba(0,0,0,.45);max-height:75vh;overflow:auto;isolation:isolate} .sv-advanced-search-form{position:relative} .sv-ajax-search-status{font-size:12px;color:#aaa;margin-bottom:10px} .sv-ajax-results.post-cards{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px!important;margin:0!important} .sv-ajax-results.post-cards .latestpost{width:auto!important;margin:0!important;float:none!important} .sv-ajax-no-results{padding:20px;text-align:center;color:#aaa;grid-column:1/-1} @media(max-width:1200px){.sv-ajax-results.post-cards{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:800px){.sv-ajax-results.post-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-ajax-search-results{position:absolute;left:0;right:0;top:100%;margin-top:8px;max-height:70vh;z-index:2147483002 !important}} /* SenseiVault v1.2.6 - Search page visibility + theme-matched search button. */ body.sv-search-page-open #primary, body.sv-search-page-open #content, body.sv-search-page-open #secondary, body.sv-search-page-open #secondary-sidebar, body.sv-search-page-open .new-widget-area { display:none !important; } .sv-search-panel.sv-search-open #searchform .sbutton, .sv-search-panel.sv-search-open #searchform #searchsubmit, .sv-search-panel.sv-search-open #searchform .icon-search { background:linear-gradient(135deg,#33bcf2 0%,#ff2538 100%) !important; color:#fff !important; border:0 !important; } /* SenseiVault v1.2.5 - On homepage, search replaces the homepage content. */ body.sv-search-page-open #content, body.sv-search-page-open #primary, body.sv-search-page-open #secondary, body.sv-search-page-open #secondary-sidebar, body.sv-search-page-open .new-widget-area { display: none !important; } body.sv-search-page-open #masthead { margin-bottom: 0 !important; } body.sv-search-page-open .sv-search-panel.sv-search-open { display: block !important; max-height: none !important; min-height: calc(100vh - 82px); overflow: visible !important; padding: 22px 18px 40px !important; box-sizing: border-box; } body.sv-search-page-open .sv-search-panel-inner { max-width: 900px; } body.sv-search-page-open .sv-ajax-search-results { position: relative !important; left: auto !important; right: auto !important; top: auto !important; margin-top: 14px !important; max-height: none !important; overflow: visible !important; z-index: 1 !important; } @media (max-width: 800px) { body.sv-search-page-open .sv-search-panel.sv-search-open { min-height: calc(100vh - 68px); padding: 14px 14px 30px !important; } } /* SenseiVault custom header sections — final colorful pill design */ .sv-custom-sections{display:block!important;position:relative!important;z-index:60!important;width:100%!important;box-sizing:border-box!important;clear:both!important;margin:0 0 8px!important;padding:0!important;background:linear-gradient(180deg,#121318 0%,#090a0d 100%)!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;} .sv-custom-sections-scroll{display:flex!important;align-items:center!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:9px 14px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;} .sv-custom-sections-scroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;} .sv-custom-section-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;min-height:42px!important;box-sizing:border-box!important;padding:8px 15px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:999px!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;line-height:1!important;letter-spacing:.1px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 10px rgba(0,0,0,.32)!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;} .sv-custom-section-link:hover{transform:translateY(-1px)!important;filter:brightness(1.12)!important;color:#fff!important;} .sv-custom-section-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;height:23px!important;font-size:17px!important;line-height:1!important;flex:0 0 23px!important;} .sv-custom-section-title{display:inline-block!important;} .sv-custom-section-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:rgba(0,0,0,.25)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1!important;} .sv-section-movies{background:linear-gradient(135deg,#ff1638,#d90025)!important;border-color:#ff4560!important;box-shadow:0 0 14px rgba(255,22,56,.25),inset 0 1px 0 rgba(255,255,255,.22)!important;} .sv-section-series{background:linear-gradient(135deg,#174b72,#24384f)!important;border-color:#5c91ba!important;} .sv-section-south{background:linear-gradient(135deg,#5b2a8d,#30205d)!important;border-color:#a06bdb!important;box-shadow:0 0 12px rgba(137,80,210,.18)!important;} .sv-section-horror{background:linear-gradient(135deg,#54206f,#2b173d)!important;border-color:#a55acb!important;} .sv-section-anime{background:linear-gradient(135deg,#39268d,#241d58)!important;border-color:#8877e8!important;} .sv-section-bollywood{background:linear-gradient(135deg,#6d5511,#3d3211)!important;border-color:#c9a92d!important;} .sv-section-section-0{background:linear-gradient(135deg,#173e56,#182a3b)!important;} .sv-section-section-1{background:linear-gradient(135deg,#49306d,#2d2145)!important;} .sv-section-section-2{background:linear-gradient(135deg,#3e5c25,#273b1a)!important;} .sv-section-section-3{background:linear-gradient(135deg,#704126,#43291a)!important;} .sv-section-section-4{background:linear-gradient(135deg,#5d2546,#3a1d30)!important;} /* Remove archive/category heading text so the custom bar sits directly above the cards. */ .archive .page-header,.category .page-header,.tax-genre .page-header{display:none!important;} .category #primary > h1,.category #primary > h2,.category #primary > .archive-title,.category #primary > .page-title,.archive #primary > h1,.archive #primary > h2{display:none!important;} .content-archive{padding-top:0!important;margin-top:0!important;} .content-archive .post-cards{margin-top:0!important;} @media (max-width:767px){.sv-custom-sections{margin-bottom:4px!important}.sv-custom-sections-scroll{padding:8px 12px!important;gap:8px!important}.sv-custom-section-link{font-size:14px!important;padding:8px 13px!important;min-height:40px!important}.sv-custom-section-icon{font-size:16px!important;width:20px!important;height:20px!important;flex-basis:20px!important}.sv-custom-section-count{font-size:11px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;}} /* SenseiVault archive/category heading — clean "All Movies" style, no emoji */ .sv-archive-heading{ display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;box-sizing:border-box!important; margin:8px 0 12px!important;padding:8px 14px 10px!important;min-height:54px!important; border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important; background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important; box-shadow:none!important;position:relative!important;overflow:hidden!important; } .sv-archive-heading:before{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:72px!important;height:3px!important;border-radius:4px!important;background:#ff1739!important;box-shadow:0 0 14px rgba(255,23,57,.55)!important;} .sv-archive-heading-main{display:flex!important;align-items:baseline!important;gap:9px!important;min-width:0!important;position:relative!important;z-index:1!important;} .sv-archive-heading-all{font-size:27px!important;line-height:1!important;font-weight:600!important;letter-spacing:-.8px!important;color:#f4f4f6!important;white-space:nowrap!important;} .sv-archive-heading-name{font-size:30px!important;line-height:1!important;font-weight:900!important;letter-spacing:-1px!important;color:#ff304f!important;white-space:nowrap!important;text-shadow:0 0 18px rgba(255,48,79,.24)!important;} .sv-archive-heading-line{display:block!important;flex:1 1 auto!important;height:1px!important;margin-left:5px!important;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent)!important;} .sv-archive-heading-horror:before{background:#c05cff!important;box-shadow:0 0 14px rgba(192,92,255,.55)!important;} .sv-archive-heading-horror .sv-archive-heading-name{color:#c96cff!important;text-shadow:0 0 18px rgba(201,108,255,.24)!important;} .sv-archive-heading-series:before{background:#38a8ff!important;box-shadow:0 0 14px rgba(56,168,255,.55)!important;} .sv-archive-heading-series .sv-archive-heading-name{color:#43adff!important;text-shadow:0 0 18px rgba(67,173,255,.24)!important;} .sv-archive-heading-south:before{background:#a45cff!important;box-shadow:0 0 14px rgba(164,92,255,.55)!important;} .sv-archive-heading-south .sv-archive-heading-name{color:#b475ff!important;text-shadow:0 0 18px rgba(180,117,255,.24)!important;} .sv-archive-heading-bollywood:before{background:#f3bf32!important;box-shadow:0 0 14px rgba(243,191,50,.5)!important;} .sv-archive-heading-bollywood .sv-archive-heading-name{color:#ffd34f!important;text-shadow:0 0 18px rgba(255,211,79,.22)!important;} .sv-archive-heading-anime:before{background:#7770ff!important;box-shadow:0 0 14px rgba(119,112,255,.55)!important;} .sv-archive-heading-anime .sv-archive-heading-name{color:#918aff!important;text-shadow:0 0 18px rgba(145,138,255,.24)!important;} @media(max-width:767px){ .sv-archive-heading{margin:6px 0 9px!important;padding:7px 10px 9px!important;min-height:47px!important;gap:8px!important;} .sv-archive-heading-main{gap:7px!important;} .sv-archive-heading-all{font-size:21px!important;letter-spacing:-.55px!important;} .sv-archive-heading-name{font-size:24px!important;letter-spacing:-.7px!important;} .sv-archive-heading-line{margin-left:3px!important;} .sv-archive-heading:before{width:58px!important;height:2px!important;} } /* Series download cards: preserve the theme season shell, add the requested 2-column quality/provider cards. */ .sv-series-downloads{margin-top:10px!important;width:100%;box-sizing:border-box;} .sv-series-season-block{width:100%;margin:0 auto 12px!important;border:1px solid #19343e;border-radius:12px;overflow:hidden;background:#071217;box-shadow:0 5px 18px rgba(0,0,0,.16);} .sv-series-season-toggle{width:100%;padding:14px 16px!important;background:linear-gradient(180deg,#0e2027,#0a171d)!important;color:#fff!important;border:0!important;border-left:4px solid #f5223d!important;display:flex!important;justify-content:space-between;align-items:center;font-size:16px!important;font-weight:800!important;line-height:1.2;cursor:pointer;text-align:left;} .sv-series-season-left{display:flex;align-items:center;gap:11px;min-width:0;} .sv-series-folder{position:relative;width:30px;height:22px;border-radius:4px;background:#f7c934;display:inline-block;box-shadow:0 2px 7px rgba(247,201,52,.2);flex:0 0 auto;} .sv-series-folder:before{content:"";position:absolute;left:2px;top:-5px;width:12px;height:7px;border-radius:4px 4px 0 0;background:#f7c934;} .sv-series-season-count{font-size:14px;color:#c4d1d6;font-weight:700;margin-left:auto;margin-right:14px;white-space:nowrap;} .sv-series-season-arrow{width:10px;height:10px;border-right:3px solid #b8e9f5;border-bottom:3px solid #b8e9f5;transform:rotate(45deg);transition:transform .18s;flex:0 0 auto;} .sv-series-season-block.open .sv-series-season-arrow{transform:rotate(225deg);} .sv-series-season-content{display:none;padding:10px;background:#05080a;} .sv-series-season-block.open .sv-series-season-content{display:block;} .sv-series-subtitle{color:#ffd54a;font-size:16px;font-weight:800;margin:2px 2px 8px;} .sv-series-episode-block{border:1px solid #19343e;border-radius:10px;padding:0;margin:8px 0;background:#08151b;overflow:hidden;} .sv-series-episode-toggle{width:100%;display:flex!important;justify-content:space-between;align-items:center;padding:11px 13px!important;background:transparent!important;border:0!important;color:#ffd54a!important;font-size:16px!important;font-weight:800!important;text-align:left;cursor:pointer;} .sv-series-episode-arrow{width:9px;height:9px;border-right:2px solid #b8c8ce;border-bottom:2px solid #b8c8ce;transform:rotate(45deg);transition:transform .18s;flex:0 0 auto;} .sv-series-episode-block.open .sv-series-episode-arrow{transform:rotate(225deg);} .sv-series-episode-content{display:none;padding:0 8px 9px;} .sv-series-episode-block.open .sv-series-episode-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .sv-series-season-content>.sv-series-quality-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .sv-series-quality-card{min-width:0;background:linear-gradient(180deg,#151c21,#0d1418);border:2px solid #f5223d;border-radius:10px;padding:10px 9px 9px;box-shadow:0 4px 12px rgba(0,0,0,.16);} .sv-series-quality-main{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;color:#fff;} .sv-series-download-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f5223d;color:#fff;font-size:20px;font-weight:900;flex:0 0 32px;} .sv-series-quality-text{display:flex;flex-direction:column;line-height:1.08;text-align:left;} .sv-series-quality-text strong{font-size:16px;color:#fff;font-weight:800;} .sv-series-quality-text small{font-size:13px;color:#b8c3c8;margin-top:3px;} .sv-series-provider-buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:8px;} .sv-series-provider-buttons.two{grid-template-columns:repeat(2,minmax(0,1fr));} .sv-series-provider-btn{display:flex!important;align-items:center;justify-content:center;height:43px;padding:3px 5px;box-sizing:border-box;border:2px solid #f5223d;border-radius:8px;background:#151c21!important;overflow:hidden;text-decoration:none!important;} .sv-series-provider-btn.svvault{border-color:#1597ff;} .sv-series-provider-btn img{display:block;width:100%;height:100%;object-fit:contain;} @media(max-width:600px){.sv-series-season-toggle{font-size:13px!important;padding:11px 12px!important}.sv-series-folder{width:24px;height:18px}.sv-series-folder:before{top:-4px;width:10px;height:6px}.sv-series-season-left{gap:9px}.sv-series-season-count{font-size:11px;margin-right:10px}.sv-series-season-arrow{width:8px;height:8px}.sv-series-season-content{padding:6px}.sv-series-episode-toggle{font-size:12px!important;padding:9px 10px!important}.sv-series-episode-content{padding:0 6px 7px}.sv-series-quality-card{padding:8px 6px}.sv-series-quality-main{gap:6px;min-height:38px}.sv-series-download-icon{width:27px;height:27px;flex-basis:27px;font-size:17px}.sv-series-quality-text strong{font-size:12px}.sv-series-quality-text small{font-size:10px}.sv-series-provider-btn{height:38px;padding:2px 4px}.sv-series-subtitle{font-size:13px;margin-bottom:6px}} /* ========================================================= SenseiVault centered Movie download UI Exact centered layout with paired GDFlix / SV-Vault buttons. Existing legacy download selectors remain untouched elsewhere. ========================================================= */ .sv-movie-downloads{width:100%;box-sizing:border-box;margin:10px auto 18px;text-align:center;color:#f4f4f4;} .sv-download-title{margin:4px 0 18px!important;text-align:center!important;color:#ffef00!important;font-size:30px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:.1px;} .sv-quality-block{width:100%;box-sizing:border-box;margin:0 auto;padding:25px 18px 28px;border-top:1px solid rgba(255,255,255,.10);text-align:center;background:transparent;} .sv-quality-block:first-of-type{border-top:0;} .sv-quality-heading{display:block;text-align:center;line-height:1.25;} .sv-movie-name{display:block;font-size:30px;line-height:1.18;font-weight:800;color:#f4f4f4;margin:0 0 8px;} .sv-quality-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:27px;line-height:1.15;} .sv-language{color:#ff8c00;font-weight:800;} .sv-quality{color:#f4f4f4;font-weight:800;} .sv-codec{color:#f4f4f4;font-weight:800;} .sv-source-tag{color:#f4f4f4;font-weight:800;} .sv-size-line{margin-top:9px;color:#f0f0f0;font-size:25px;font-weight:800;line-height:1.2;} .sv-dl-toggle{position:relative;display:flex!important;align-items:center;justify-content:flex-start;gap:0;width:min(760px,94%);min-height:106px;max-width:94%;margin:22px auto 0!important;padding:10px 112px 10px 22px!important;box-sizing:border-box;border:2px solid #3b4b53!important;border-radius:18px!important;background:linear-gradient(180deg,#18262b 0%,#071216 52%,#101c20 100%)!important;color:#fff!important;overflow:hidden!important;cursor:pointer!important;text-align:left!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.38),0 0 24px rgba(0,214,220,.08)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;} .sv-dl-toggle:before,.sv-dl-toggle:after{content:"";position:absolute;top:8px;bottom:8px;left:8px;right:8px;border:1px solid rgba(95,233,240,.24);border-radius:13px;pointer-events:none;} .sv-dl-toggle:after{top:18px;bottom:18px;left:68px;right:94px;border-color:rgba(0,235,224,.12);box-shadow:inset 0 0 22px rgba(0,217,224,.08);} .sv-dl-toggle:hover{transform:translateY(-2px)!important;border-color:#59f4ed!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 30px rgba(0,0,0,.45),0 0 34px rgba(0,231,224,.18)!important;} .sv-dl-toggle[aria-expanded="true"]{border-color:#65fff3!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 28px rgba(0,0,0,.45),0 0 38px rgba(0,231,224,.22)!important;} .sv-vault-download-icon{position:relative;z-index:2;flex:0 0 58px;width:58px;height:58px;margin-right:22px;border:2px solid #2cece5;border-radius:14px;background:linear-gradient(145deg,#11272b,#061214);box-shadow:inset 0 0 16px rgba(0,239,229,.18),0 0 18px rgba(0,230,224,.18);} .sv-vault-arrow{position:absolute;left:23px;top:12px;width:10px;height:28px;background:#70fff6;border-radius:2px;box-shadow:0 0 10px rgba(73,255,246,.7);} .sv-vault-arrow:after{content:"";position:absolute;left:-9px;bottom:-1px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:15px solid #70fff6;} .sv-vault-tray{position:absolute;left:13px;right:13px;bottom:10px;height:8px;border:3px solid #70fff6;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 0 9px rgba(73,255,246,.55);} .sv-vault-label{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0;font-family:Arial,sans-serif;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 0 #050b0d,0 0 10px rgba(255,255,255,.16);} .sv-vault-label span:first-child{font-size:25px;line-height:1.05;color:#f5f7f7;} .sv-vault-label span:last-child{font-size:25px;line-height:1.05;color:#1ff1e7;margin-top:3px;text-shadow:0 0 12px rgba(31,241,231,.5);} .sv-vault-chevron{position:relative;z-index:2;margin-left:auto;margin-right:112px;font-size:48px;line-height:1;color:#45fff3;text-shadow:0 0 13px rgba(55,255,243,.7);font-weight:300;} .sv-vault-door{position:absolute;z-index:3;right:-4px;top:50%;width:122px;height:122px;transform:translateY(-50%) rotate(0deg);border:5px solid #a7b4b8;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8c9a9f 0%,#39474c 22%,#172226 52%,#0a1114 74%,#445257 100%);box-shadow:inset 0 0 0 4px #121c20,inset 0 0 0 9px #738187,inset 0 0 22px rgba(0,0,0,.85),0 0 0 2px #05090b,0 0 25px rgba(0,238,229,.42);transition:transform .5s cubic-bezier(.2,.8,.2,1),right .5s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;} .sv-vault-door:before{content:"";position:absolute;inset:14px;border:3px solid #263338;border-radius:50%;box-shadow:inset 0 0 0 2px #a5b1b4,inset 0 0 17px rgba(0,0,0,.8);} .sv-vault-hub{position:absolute;z-index:2;left:50%;top:50%;width:27px;height:27px;transform:translate(-50%,-50%);border:3px solid #c0cbce;border-radius:50%;background:#182327;box-shadow:0 0 0 4px #3d4b50,0 0 10px rgba(0,0,0,.8);} .sv-vault-spoke{position:absolute;z-index:1;left:50%;top:50%;width:7px;height:43px;transform-origin:50% 50%;margin:-21px 0 0 -3.5px;border-radius:4px;background:linear-gradient(90deg,#69777c,#d4dcdd,#59666a);box-shadow:0 2px 4px rgba(0,0,0,.8);} .sv-vault-spoke-1{transform:rotate(0deg);}.sv-vault-spoke-2{transform:rotate(90deg);}.sv-vault-spoke-3{transform:rotate(45deg);}.sv-vault-spoke-4{transform:rotate(135deg);} .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{right:-55px;transform:translateY(-50%) rotate(16deg);box-shadow:inset 0 0 0 4px #121c20,inset 0 0 0 9px #738187,inset 0 0 22px rgba(0,0,0,.85),0 0 0 2px #05090b,0 0 32px rgba(0,238,229,.6);} .sv-dl-toggle[aria-expanded="true"] .sv-vault-chevron{transform:translateX(8px);} .sv-dl-toggle[aria-expanded="true"] .sv-vault-label span:last-child{color:#7afff7;} .sv-chevron{display:none!important;} .sv-provider-panel{position:relative;width:calc(100% - 20px);max-width:980px;margin:10px auto 0;padding:30px 20px 16px;box-sizing:border-box;border:2px solid #00cfd2;border-radius:14px;background:rgba(3,15,19,.74);box-shadow:inset 0 0 25px rgba(0,200,210,.08);} .sv-provider-panel[hidden]{display:none!important;} .sv-close-pointer{position:absolute;top:-14px;left:50%;width:0;height:0;transform:translateX(-50%);border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:18px solid #00cfd2;filter:drop-shadow(0 -1px 0 #0a1114);} .sv-provider-row{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(420px,1.45fr);align-items:center;gap:18px;margin:0 0 10px;padding:12px 14px;border-radius:10px;background:rgba(7,17,21,.92);} .sv-provider-row:last-child{margin-bottom:0;} .sv-row-label{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:#ffef00;font-size:22px;line-height:1.15;} .sv-row-label strong{font-weight:800;color:#ffef00;} .sv-row-label span{font-weight:700;color:#ffef00;} .sv-provider-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:center;} .sv-provider-buttons-single{grid-template-columns:minmax(0,250px);justify-content:center;} .sv-provider-button{display:flex!important;align-items:center;justify-content:center;width:100%;height:64px;padding:4px 8px;box-sizing:border-box;border:2px solid #19d9dc;border-radius:10px;background:#fff!important;overflow:hidden;text-decoration:none!important;box-shadow:0 1px 5px rgba(0,0,0,.4);transition:transform .15s ease,box-shadow .15s ease;} .sv-provider-button:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,220,220,.22);} .sv-provider-button img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;} @media(max-width:767px){ .sv-download-title{font-size:27px!important;line-height:1.2!important;margin:2px 0 18px!important;} .sv-quality-block{padding:22px 8px 25px;} .sv-movie-name{font-size:23px;line-height:1.18;margin-bottom:8px;} .sv-quality-meta{font-size:20px;gap:3px 7px;line-height:1.15;white-space:normal;} .sv-size-line{font-size:21px;margin-top:7px;} .sv-dl-toggle{width:calc(100% - 10px);min-height:88px;max-width:100%;padding:8px 76px 8px 12px!important;margin-top:18px!important;border-radius:15px!important;} .sv-dl-toggle:after{left:58px;right:65px;top:14px;bottom:14px;} .sv-vault-download-icon{flex-basis:46px;width:46px;height:46px;margin-right:12px;border-radius:11px;} .sv-vault-arrow{left:18px;top:9px;width:8px;height:22px;} .sv-vault-arrow:after{left:-7px;bottom:-1px;border-left-width:11px;border-right-width:11px;border-top-width:12px;} .sv-vault-tray{left:10px;right:10px;bottom:8px;height:6px;border-width:2px;} .sv-vault-label span:first-child,.sv-vault-label span:last-child{font-size:18px;letter-spacing:.8px;} .sv-vault-chevron{font-size:36px;margin-right:68px;} .sv-vault-door{width:91px;height:91px;right:-5px;border-width:4px;} .sv-vault-door:before{inset:11px;border-width:2px;} .sv-vault-hub{width:21px;height:21px;border-width:2px;box-shadow:0 0 0 3px #3d4b50,0 0 8px rgba(0,0,0,.8);} .sv-vault-spoke{width:5px;height:32px;margin:-16px 0 0 -2.5px;} .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{right:-42px;} .sv-provider-panel{width:calc(100% - 4px);padding:24px 7px 9px;border-radius:11px;} .sv-provider-row{grid-template-columns:1fr;gap:9px;padding:10px 6px;} .sv-row-label{font-size:18px;} .sv-provider-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;} .sv-provider-buttons-single{grid-template-columns:minmax(0,220px);justify-content:center;} .sv-provider-button{height:54px;padding:3px 5px;border-radius:8px;} } /* Series v2 theme renderer is authoritative; suppress duplicate plugin frontend. */ body.svtheme-series-v2-active .sv-series-wrap{display:none!important} /* SenseiVault Collections */ .sv-collections-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:20px 0} .sv-collection-card{display:block;text-decoration:none;color:inherit;background:#111;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.18)} .sv-collection-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover} .sv-collection-no-poster{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;padding:15px;text-align:center;background:#222;color:#fff} .sv-collection-card-info{padding:10px 12px}.sv-collection-card-info strong{display:block}.sv-collection-card-info span{opacity:.7;font-size:13px} .sv-collection-page{max-width:1100px;margin:30px auto;padding:0 15px} .sv-collection-head{min-height:260px;padding:15px 0}.sv-collection-head h1{margin-top:0}.sv-collection-overview{line-height:1.7;opacity:.85} .sv-collection-list{clear:both;display:grid;gap:10px} .sv-collection-movie{display:flex;align-items:center;gap:12px;padding:10px;background:#111;border-radius:9px} .sv-collection-movie-link{display:block;color:inherit;text-decoration:none}.sv-collection-movie-link:hover{text-decoration:none;color:inherit}.sv-collection-movie-link .sv-collection-movie{cursor:pointer} .sv-collection-number{width:42px;font-weight:700;text-align:center} .sv-collection-movie img{width:65px;height:95px;object-fit:cover;border-radius:6px} .sv-collection-movie-info{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;flex:1}.sv-collection-movie-info h2{font-size:17px;margin:0;flex:1 1 250px}.sv-collection-meta{font-size:13px;opacity:.85}.sv-collection-meta strong{font-weight:700}.sv-collection-imdb{font-weight:700;color:#f5c518;opacity:1}.sv-collection-imdb strong{color:#f5c518}.sv-collection-year{opacity:.75} .sv-collection-available,.sv-collection-request{padding:7px 12px;border-radius:5px;text-decoration:none;font-weight:600} .sv-collection-available{background:#168f4b;color:#fff}.sv-collection-request{background:#e5a400;color:#111} @media(max-width:900px){.sv-collections-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:600px){.sv-collections-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sv-collection-page{margin-top:15px}.sv-collection-movie img{width:52px;height:78px}.sv-collection-number{width:28px}.sv-collection-movie-info h2{font-size:14px}.sv-collection-meta{font-size:12px;flex-basis:100%}.sv-collection-available,.sv-collection-request{font-size:12px;padding:6px 9px}} /* SenseiVault vault CTA mobile refinement: keep the door in its own zone and the label readable. */ .sv-dl-toggle{padding-right:142px!important;} .sv-vault-label{position:absolute;left:92px;right:154px;top:50%;transform:translateY(-50%);min-width:0;text-align:center;align-items:center;} .sv-vault-chevron{position:absolute;right:122px;top:50%;margin:0!important;transform:translateY(-50%);} @media(max-width:767px){ .sv-dl-toggle{min-height:104px;padding:8px 108px 8px 12px!important;} .sv-dl-toggle:after{left:58px;right:76px;top:14px;bottom:14px;} .sv-vault-label{left:72px;right:104px;top:50%;transform:translateY(-50%);} .sv-vault-label span:first-child,.sv-vault-label span:last-child{font-size:17px;line-height:1.08;letter-spacing:.65px;white-space:nowrap;} .sv-vault-chevron{right:92px;top:50%;font-size:31px;line-height:1;transform:translateY(-50%);} .sv-vault-door{width:86px;height:86px;right:-4px;} .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{right:-39px;} } @media(max-width:390px){ .sv-dl-toggle{min-height:98px;padding-left:9px!important;padding-right:98px!important;} .sv-vault-download-icon{flex-basis:43px;width:43px;height:43px;margin-right:0;} .sv-vault-label{left:62px;right:92px;} .sv-vault-label span:first-child,.sv-vault-label span:last-child{font-size:15px;letter-spacing:.45px;} .sv-vault-chevron{right:81px;font-size:27px;} .sv-vault-door{width:80px;height:80px;} .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{right:-35px;} } /* SenseiVault compact download metadata: keep the vault CTA as the visual focus. */ .sv-quality-block{padding:18px 12px 22px;} .sv-quality-block:not(:first-of-type) .sv-movie-name{display:none;} .sv-movie-name{font-size:22px;line-height:1.15;margin:0 0 6px;} .sv-quality-meta{font-size:18px;line-height:1.15;gap:4px 7px;} .sv-size-line{margin-top:5px;font-size:16px;line-height:1.15;opacity:.82;} .sv-dl-toggle{margin-top:14px!important;} @media(max-width:767px){ .sv-quality-block{padding:15px 7px 19px;} .sv-quality-block:not(:first-of-type) .sv-movie-name{display:none;} .sv-movie-name{font-size:20px;line-height:1.15;margin-bottom:5px;} .sv-quality-meta{font-size:16px;line-height:1.15;gap:3px 6px;} .sv-size-line{font-size:15px;margin-top:4px;opacity:.78;} .sv-dl-toggle{margin-top:12px!important;} } @media(max-width:390px){ .sv-quality-meta{font-size:15px;gap:2px 5px;} .sv-size-line{font-size:14px;} } /* SenseiVault vault CTA: stable clicked state + reliable provider panel. */ .sv-dl-toggle[aria-expanded="true"]{ transform:none!important; border-color:#65fff3!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 28px rgba(0,0,0,.45),0 0 30px rgba(0,231,224,.18)!important; } .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{ right:-4px!important; transform:translateY(-50%) rotate(0deg)!important; } .sv-dl-toggle[aria-expanded="true"] .sv-vault-chevron{transform:translateY(-50%) rotate(90deg)!important;} .sv-provider-panel:not([hidden]){display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;} .sv-provider-panel:not([hidden]) .sv-provider-row{display:grid!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;} /* SenseiVault vault CTA v1.0.31 - compact real-button treatment. Keep the vault identity, but prevent the control from looking like a large image. */ .sv-dl-toggle{ width:min(560px,90%)!important; min-height:72px!important; height:72px!important; max-width:560px!important; padding:7px 88px 7px 14px!important; margin:10px auto 0!important; border-width:1px!important; border-radius:14px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 16px rgba(0,0,0,.28),0 0 16px rgba(0,214,220,.06)!important; } .sv-dl-toggle:before{top:6px!important;bottom:6px!important;left:6px!important;right:6px!important;border-radius:10px!important;} .sv-dl-toggle:after{top:13px!important;bottom:13px!important;left:55px!important;right:70px!important;border-radius:9px!important;box-shadow:inset 0 0 12px rgba(0,217,224,.06)!important;} .sv-vault-download-icon{flex:0 0 42px!important;width:42px!important;height:42px!important;margin-right:10px!important;border-radius:10px!important;border-width:1px!important;} .sv-vault-arrow{left:16px!important;top:8px!important;width:7px!important;height:20px!important;} .sv-vault-arrow:after{left:-6px!important;bottom:-1px!important;border-left-width:10px!important;border-right-width:10px!important;border-top-width:11px!important;} .sv-vault-tray{left:9px!important;right:9px!important;bottom:7px!important;height:5px!important;border-width:2px!important;} .sv-vault-label{left:66px!important;right:86px!important;} .sv-vault-label span:first-child,.sv-vault-label span:last-child{font-size:16px!important;line-height:1.05!important;letter-spacing:.5px!important;} .sv-vault-label span:last-child{margin-top:2px!important;} .sv-vault-chevron{right:70px!important;font-size:27px!important;} .sv-vault-door{width:70px!important;height:70px!important;right:-3px!important;border-width:3px!important;box-shadow:inset 0 0 0 3px #121c20,inset 0 0 0 7px #738187,inset 0 0 15px rgba(0,0,0,.85),0 0 0 1px #05090b,0 0 16px rgba(0,238,229,.25)!important;} .sv-vault-door:before{inset:9px!important;border-width:2px!important;box-shadow:inset 0 0 0 1px #a5b1b4,inset 0 0 10px rgba(0,0,0,.8)!important;} .sv-vault-hub{width:17px!important;height:17px!important;border-width:2px!important;box-shadow:0 0 0 3px #3d4b50,0 0 6px rgba(0,0,0,.8)!important;} .sv-vault-spoke{width:4px!important;height:25px!important;margin:-12.5px 0 0 -2px!important;} /* Clicked state: no door movement or image-like expansion. */ .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{right:-3px!important;transform:translateY(-50%) rotate(28deg)!important;box-shadow:inset 0 0 0 3px #121c20,inset 0 0 0 7px #738187,inset 0 0 15px rgba(0,0,0,.85),0 0 0 1px #05090b,0 0 22px rgba(0,238,229,.5)!important;} .sv-dl-toggle[aria-expanded="true"] .sv-vault-chevron{transform:translateY(-50%) rotate(90deg)!important;} .sv-dl-toggle[aria-expanded="true"] .sv-vault-label span:last-child{color:#1ff1e7!important;} /* Do not leave an empty cyan strip when a quality has no provider rows. */ .sv-provider-panel:empty{display:none!important;} @media(max-width:767px){ .sv-dl-toggle{width:calc(100% - 24px)!important;min-height:62px!important;height:62px!important;padding:6px 74px 6px 10px!important;margin-top:9px!important;border-radius:12px!important;} .sv-dl-toggle:before{top:5px!important;bottom:5px!important;left:5px!important;right:5px!important;border-radius:9px!important;} .sv-dl-toggle:after{top:11px!important;bottom:11px!important;left:48px!important;right:58px!important;border-radius:8px!important;} .sv-vault-download-icon{flex-basis:36px!important;width:36px!important;height:36px!important;margin-right:7px!important;border-radius:9px!important;} .sv-vault-arrow{left:14px!important;top:7px!important;width:6px!important;height:17px!important;} .sv-vault-arrow:after{left:-5px!important;border-left-width:8px!important;border-right-width:8px!important;border-top-width:9px!important;} .sv-vault-tray{left:8px!important;right:8px!important;bottom:6px!important;height:4px!important;border-width:2px!important;} .sv-vault-label{left:54px!important;right:68px!important;} .sv-vault-label span:first-child,.sv-vault-label span:last-child{font-size:13px!important;letter-spacing:.3px!important;white-space:nowrap!important;} .sv-vault-chevron{right:55px!important;font-size:22px!important;} .sv-vault-door{width:58px!important;height:58px!important;right:-2px!important;border-width:3px!important;} .sv-vault-door:before{inset:7px!important;border-width:2px!important;} .sv-vault-hub{width:14px!important;height:14px!important;border-width:2px!important;box-shadow:0 0 0 2px #3d4b50,0 0 5px rgba(0,0,0,.8)!important;} .sv-vault-spoke{width:3px!important;height:20px!important;margin:-10px 0 0 -1.5px!important;} .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{right:-2px!important;transform:translateY(-50%) rotate(28deg)!important;} } @media(max-width:390px){ .sv-dl-toggle{width:calc(100% - 18px)!important;min-height:58px!important;height:58px!important;padding-right:66px!important;} .sv-vault-download-icon{flex-basis:33px!important;width:33px!important;height:33px!important;} .sv-vault-arrow{left:12px!important;top:6px!important;height:15px!important;} .sv-vault-tray{left:7px!important;right:7px!important;bottom:5px!important;} .sv-vault-label{left:48px!important;right:61px!important;} .sv-vault-label span:first-child,.sv-vault-label span:last-child{font-size:12px!important;} .sv-vault-chevron{right:49px!important;font-size:20px!important;} .sv-vault-door{width:54px!important;height:54px!important;} } /* SenseiVault vault door v3D - true hinged 3D opening. */ .sv-dl-toggle{ perspective:700px!important; perspective-origin:100% 50%!important; transform-style:flat!important; } .sv-vault-door{ transform-origin:100% 50%!important; transform-style:preserve-3d!important; backface-visibility:hidden!important; transition:transform .72s cubic-bezier(.18,.78,.18,1),right .72s cubic-bezier(.18,.78,.18,1),box-shadow .35s ease!important; } .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{ right:-2px!important; transform:translateY(-50%) perspective(520px) rotateY(-72deg) rotateZ(2deg)!important; box-shadow:inset 0 0 0 3px #121c20,inset 0 0 0 7px #738187,inset 0 0 15px rgba(0,0,0,.85),0 0 0 1px #05090b,0 0 28px rgba(0,238,229,.72)!important; } .sv-dl-toggle[aria-expanded="true"]{ background:radial-gradient(circle at 96% 50%,rgba(38,255,237,.30) 0,rgba(0,214,220,.10) 14%,rgba(7,18,22,0) 38%),linear-gradient(180deg,#18262b 0%,#071216 52%,#101c20 100%)!important; } @media(max-width:767px){ .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{ right:-2px!important; transform:translateY(-50%) perspective(420px) rotateY(-70deg) rotateZ(2deg)!important; } } @media(max-width:390px){ .sv-dl-toggle[aria-expanded="true"] .sv-vault-door{ right:-2px!important; transform:translateY(-50%) perspective(380px) rotateY(-68deg) rotateZ(2deg)!important; } } /* SenseiVault NEW 4K Badge system: 4K Badge metabox controls this; never use Movie Print for 4K. */ .featured-thumbnail .sv-webdl-badge.sv-4k-print, #featured-thumbnail .sv-webdl-badge.sv-4k-print, .post-img .sv-webdl-badge.sv-4k-print { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; min-width: 60px !important; height: 22px !important; padding: 2px 6px !important; box-sizing: border-box !important; background: linear-gradient(180deg,#17130a 0%,#070604 100%) !important; color: #f3c84b !important; border: 1px solid #b88a24 !important; border-radius: 6px !important; box-shadow: inset 0 0 0 1px rgba(255,214,91,.18), 0 2px 7px rgba(0,0,0,.55) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .1px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-main { font-size: 12px !important; font-weight: 900 !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-divider, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-divider, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-divider { width: 1px !important; height: 12px !important; background: #b88a24 !important; opacity: .85 !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-uhd { font-size: 7px !important; font-weight: 700 !important; letter-spacing: .5px !important; color: #f7df94 !important; } @media(max-width:600px){ .featured-thumbnail .sv-webdl-badge.sv-4k-print, #featured-thumbnail .sv-webdl-badge.sv-4k-print, .post-img .sv-webdl-badge.sv-4k-print { min-width: 57px !important; height: 21px !important; padding: 2px 5px !important; gap: 3px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-main { font-size: 11px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-uhd { font-size: 6.5px !important; } } /* SenseiVault NEW 4K Badge system: controlled only by the 4K Badge metabox. */ .featured-thumbnail .sv-webdl-badge.sv-4k-print, #featured-thumbnail .sv-webdl-badge.sv-4k-print, .post-img .sv-webdl-badge.sv-4k-print { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; min-width: 60px !important; height: 22px !important; padding: 2px 6px !important; box-sizing: border-box !important; background: linear-gradient(180deg,#17130a 0%,#070604 100%) !important; color: #f3c84b !important; border: 1px solid #b88a24 !important; border-radius: 6px !important; box-shadow: inset 0 0 0 1px rgba(255,214,91,.18), 0 2px 7px rgba(0,0,0,.55) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .1px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-main { font-size: 12px !important; font-weight: 900 !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-divider, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-divider, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-divider { width: 1px !important; height: 12px !important; background: #b88a24 !important; opacity: .85 !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-uhd { font-size: 7px !important; font-weight: 700 !important; letter-spacing: .5px !important; color: #f7df94 !important; } @media(max-width:600px){ .featured-thumbnail .sv-webdl-badge.sv-4k-print, #featured-thumbnail .sv-webdl-badge.sv-4k-print, .post-img .sv-webdl-badge.sv-4k-print { min-width: 57px !important; height: 21px !important; padding: 2px 5px !important; gap: 3px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-main, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-main { font-size: 11px !important; } .featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, #featured-thumbnail .sv-webdl-badge.sv-4k-print .sv-4k-uhd, .post-img .sv-webdl-badge.sv-4k-print .sv-4k-uhd { font-size: 6.5px !important; } } /* SenseiVault mobile pagination fix: keep every control inside the viewport. */ .navigation { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; } .navigation > ul { display: flex !important; flex-flow: row wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; float: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .navigation > ul > li { display: block !important; float: none !important; flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .navigation > ul > li > a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; max-width: 100% !important; padding: 12px 14px !important; box-sizing: border-box !important; white-space: nowrap !important; } @media (max-width: 600px) { .navigation > ul { gap: 6px !important; } .navigation > ul > li > a { min-width: 42px !important; min-height: 44px !important; padding: 10px 11px !important; font-size: 15px !important; } .navigation > ul > li:first-child > a, .navigation > ul > li:last-child > a { padding-left: 12px !important; padding-right: 12px !important; } }