/* 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} #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: 99990; 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); } .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:#33bcf2 !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; } /* 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: 12px !important; } #imbut.sv-telegram-ad .sv-telegram-copy small { font-size: 7px !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; } }