/*
Theme Name: atom 2025
Theme URI: https://atomnewmovies.xyz/
Author:atom
Author URI: https://atomnewmovies.xyz/
Description: bollyflix is an engaging WordPress theme that is designed to help boost social shares and get you more viral traffic from top social media websites made by dhanjeerider.
Version: 1.0.61
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
SociallyViral WordPress Theme, Copyright (C) 2015, MyThemeShop
SociallyViral is distributed under the terms of the GNU GPL
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
DMC policy
----------------------------------------------------------------
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;
font-display: swap;
}
[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 { 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 { float: left; max-width: 100%; width: 100%; }
#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; overflow: hidden; 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-footer { position: relative; overflow: hidden; 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; overflow: hidden; }
.copyrights a { color: #A4A4A4; border-bottom: 1px dotted; }
a.toplink { font-size: 40px; line-height: 15px; position: absolute; top: 50%; left: 50%; margin-left: -13px; margin-top: -18px; color: #A4A4A4; }
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 {
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: 220px;
height: 44px;
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: 1em;
box-sizing: border-box;
display: block;
background-color: unset;
padding: 12px 0px 0px 0px;
text-shadow: 0px 0px 0px #505ac7;
}
.maxbutton-2.maxbutton.maxbutton-download-links:hover{
background: #000;
border: 1px solid #ffffff;
}
.header-search{margin:auto;}
#ctgry{
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;padding:0;
margin:15px auto;list-style:none;
}
#ctgry li a{font-family: poppins, sans-serif;
color: white;
padding: 9px 7px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 5px 5px;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 15%;
box-shadow: 0px 0px 32px -10px #fe0000;
background-color: #df133c;}
/* ===== ATOMNEWBD CINEMA REDESIGN ===== */
:root{--atom-bg:#090b10;--atom-panel:#121722;--atom-panel-2:#171d29;--atom-text:#f5f7fb;--atom-muted:#9aa4b2;--atom-accent:#e11d48;--atom-accent-2:#ff4d6d;--atom-border:rgba(255,255,255,.08)}
body.atom-dark{background:var(--atom-bg)!important;color:var(--atom-text);font-family:Arial,sans-serif}.atom-dark .main-container{max-width:1280px;width:100%;padding:0 18px;box-sizing:border-box}.atom-header{margin:0!important;padding:16px 0;border-bottom:1px solid var(--atom-border)}.atom-topbar{min-height:50px;display:flex;align-items:center;gap:24px}.atom-brand{font-size:25px;font-weight:900;letter-spacing:-1px;color:#fff;text-decoration:none;white-space:nowrap}.atom-brand span{color:var(--atom-accent)}.atom-nav{flex:1}.atom-menu{display:flex;align-items:center;gap:5px;list-style:none;padding:0;margin:0}.atom-menu li{margin:0!important}.atom-menu a{display:block;color:#cbd2dc;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:700;font-size:14px}.atom-menu a:hover,.atom-menu .current-menu-item>a{background:rgba(225,29,72,.12);color:#fff}.atom-search{width:280px}.atom-search #searchform{float:none}.atom-search #s{height:42px!important;width:100%!important;border-radius:10px!important;border:1px solid var(--atom-border)!important;background:#151b26!important;color:#fff!important;padding:0 48px 0 14px!important;box-sizing:border-box}.atom-search #searchsubmit,.atom-search .sbutton{background:transparent!important;color:#fff!important;top:0!important;height:42px!important}.atom-menu-toggle{display:none;background:#171d29;color:#fff;border:1px solid var(--atom-border);border-radius:8px;padding:9px 11px;font-size:20px}.atom-hero{position:relative;overflow:hidden;margin:26px 0 18px;min-height:220px;border-radius:18px;border:1px solid var(--atom-border);background:radial-gradient(circle at 85% 15%,rgba(225,29,72,.34),transparent 28%),linear-gradient(115deg,#151925,#0b0d13);display:flex;align-items:center;padding:36px 44px;box-sizing:border-box}.atom-hero:after{content:'ATOMNEWBD';position:absolute;right:-10px;bottom:-34px;font-size:92px;font-weight:900;color:rgba(255,255,255,.025);pointer-events:none}.atom-hero h1{font-size:42px;line-height:1.08;margin:6px 0 10px;color:#fff}.atom-hero p{margin:0;color:#c1c8d2;font-size:16px}.atom-kicker,.atom-section-head span{color:var(--atom-accent-2)!important;font-size:12px!important;font-weight:900;letter-spacing:1.8px}.atom-quick-links{display:flex;gap:9px;overflow-x:auto;padding:2px 0 16px;margin-bottom:10px}.atom-quick-links a{white-space:nowrap;text-decoration:none;color:#e7eaf0;background:#151a24;border:1px solid var(--atom-border);padding:10px 15px;border-radius:999px;font-size:13px;font-weight:700}.atom-quick-links a:hover{background:var(--atom-accent);border-color:var(--atom-accent);color:#fff}.atom-section-head{display:flex;justify-content:space-between;align-items:end;margin:10px 0 18px}.atom-section-head h2{color:#fff;font-size:27px;margin:4px 0 0}.atom-dark .post-cards{margin:0!important;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.atom-dark .latestpost{background:transparent!important;border-radius:12px!important;box-shadow:none!important;margin:0 0 20px!important;overflow:visible}.atom-poster{display:block;position:relative;overflow:hidden;border-radius:12px;background:#171d29;aspect-ratio:2/3}.atom-poster img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important;aspect-ratio:auto!important;transition:transform .35s ease,filter .35s ease}.atom-card:hover .atom-poster img{transform:scale(1.05);filter:brightness(.76)}.atom-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(225,29,72,.94);color:#fff;opacity:0;transition:.25s;box-shadow:0 8px 25px rgba(0,0,0,.4)}.atom-card:hover .atom-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.atom-dark .latestpost header{padding:11px 2px 0!important;min-height:0!important}.atom-dark .latestpost .entry-title{font-size:15px!important;line-height:1.4!important;margin:0 0 7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atom-dark .latestpost .entry-title a{color:#f5f7fb!important}.atom-meta{display:flex;gap:7px}.atom-meta span{font-size:11px;color:#aeb7c4;background:#171d29;border:1px solid var(--atom-border);padding:3px 7px;border-radius:5px}.atom-dark .site-footer{background:#0c0f15;border-top:1px solid var(--atom-border);margin-top:45px}.atom-dark .site-info{padding:25px 0;color:#87909d}.atom-dark .site-info a{color:#fff}@media(min-width:560px){.atom-dark .post-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.atom-dark .post-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.atom-dark .latestpost .entry-title{font-size:16px!important}}@media(max-width:760px){.atom-dark .main-container{padding:0 12px}.atom-topbar{gap:10px;flex-wrap:wrap}.atom-menu-toggle{display:block;margin-left:auto}.atom-nav{display:none;order:4;width:100%}.atom-nav.atom-open{display:block}.atom-menu{display:block;background:#121722;border:1px solid var(--atom-border);border-radius:12px;padding:6px}.atom-menu a{padding:12px}.atom-search{width:100%;order:3}.atom-hero{min-height:180px;padding:28px 22px;margin-top:18px}.atom-hero h1{font-size:31px}.atom-hero:after{font-size:50px;bottom:-16px}.atom-section-head h2{font-size:23px}}
/* ===== ATOMNEWBD v2: CATEGORIES, TRENDING & SINGLE ===== */
.atom-category-zone{margin:0 0 26px;padding:20px 22px 22px;border:1px solid var(--atom-border);border-radius:18px;background:linear-gradient(180deg,rgba(24,30,43,.9),rgba(12,16,24,.94));box-shadow:0 16px 45px rgba(0,0,0,.16)}
.atom-zone-title{text-align:center;margin-bottom:16px}.atom-zone-title span{display:block;color:var(--atom-accent-2);font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:4px}.atom-zone-title strong{font-size:20px;color:#fff}
.atom-category-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.atom-category-grid a{padding:10px 17px;border-radius:999px;color:#e9edf5;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.2px;background:linear-gradient(180deg,#202838,#151b27);border:1px solid rgba(255,255,255,.09);box-shadow:0 5px 16px rgba(0,0,0,.18);transition:transform .2s ease,background .2s ease,border-color .2s ease}.atom-category-grid a:hover,.atom-category-grid .atom-category-all{transform:translateY(-2px);background:linear-gradient(135deg,var(--atom-accent),#ff6b83);border-color:rgba(255,255,255,.2);color:#fff}
.atom-trending{margin-bottom:34px}.atom-trending-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,180px);gap:17px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity}.atom-trend-card{scroll-snap-align:start;min-width:0}.atom-trend-card h3,.atom-related h3{font-size:14px;line-height:1.35;margin:9px 1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atom-trend-card h3 a,.atom-related h3 a{color:#f3f6fb;text-decoration:none}.atom-rank{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:7px;background:rgba(8,10,16,.78);backdrop-filter:blur(8px);color:#fff;font-weight:900;font-size:12px;border:1px solid rgba(255,255,255,.12)}
.atom-single-layout{display:block!important;max-width:1000px;margin:0 auto}.atom-single-layout #content_box{float:none!important;width:100%!important}.atom-single-layout #sidebar{display:none!important}.atom-breadcrumb{margin:18px 0!important;padding:0!important;background:transparent!important;color:var(--atom-muted)}.atom-single-card{background:#0d1119!important;border:1px solid var(--atom-border);border-radius:20px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.3)}
.atom-single-hero{position:relative;min-height:430px;background-size:cover;background-position:center;display:flex;align-items:end;gap:30px;padding:44px;box-sizing:border-box}.atom-single-poster{width:210px;flex:0 0 210px;border-radius:15px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12)}.atom-single-poster img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.atom-single-info{max-width:650px}.atom-single-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.atom-single-badges span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800;color:#fff}.atom-single-title{font-size:40px!important;line-height:1.12!important;margin:0 0 13px!important;color:#fff!important}.atom-single-excerpt{font-size:15px;line-height:1.75;color:#c3cad5;margin:0 0 22px}.atom-single-actions{display:flex;gap:10px;flex-wrap:wrap}.atom-watch-btn,.atom-back-btn{padding:13px 18px;border-radius:10px;text-decoration:none;font-weight:800;font-size:13px}.atom-watch-btn{background:linear-gradient(135deg,var(--atom-accent),#ff6179);color:#fff;box-shadow:0 12px 30px rgba(225,29,72,.22)}.atom-back-btn{background:rgba(255,255,255,.08);border:1px solid var(--atom-border);color:#fff}
.atom-single-body{padding:34px}.atom-details-panel{background:linear-gradient(180deg,#141a26,#10151f);border:1px solid var(--atom-border);border-radius:16px;padding:24px}.atom-details-panel h2{color:#fff;font-size:21px;margin:0 0 18px}.atom-content-text,.atom-content-text p,.atom-content-text li{color:#c7ced8;line-height:1.8}.atom-content-text img,.atom-content-text iframe{max-width:100%;height:auto}.atom-taxonomy{margin-top:20px;padding:17px 0 0;border-top:1px solid var(--atom-border)}.atom-taxonomy strong{display:block;color:#fff;margin-bottom:10px}.atom-taxonomy a,.atom-tags a{display:inline-block;margin:0 7px 7px 0;padding:7px 11px;border-radius:999px;background:#181f2c;border:1px solid var(--atom-border);color:#dce2eb;text-decoration:none;font-size:12px}.atom-related{margin-top:38px}.atom-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.atom-related .atom-card{min-width:0}.atom-tags{margin:20px 0!important}
@media(min-width:640px){.atom-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.atom-category-zone{padding:17px 10px 18px;border-radius:14px}.atom-category-grid{gap:7px}.atom-category-grid a{font-size:10px;padding:8px 11px}.atom-zone-title strong{font-size:16px}.atom-single-hero{min-height:0;padding:25px 20px;align-items:center;flex-direction:column;text-align:center;background-image:linear-gradient(180deg,rgba(7,9,14,.86),rgba(7,9,14,.98))!important}.atom-single-poster{width:150px;flex-basis:150px}.atom-single-badges,.atom-single-actions{justify-content:center}.atom-single-title{font-size:28px!important}.atom-single-body{padding:18px 13px}.atom-details-panel{padding:18px}.atom-trending-row{grid-auto-columns:minmax(125px,42vw)}}
/* ===== ATOMNEWBD v3 LAYOUT FIX ===== */
html,body{overflow-x:hidden}
.atom-dark .main-container{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important;float:none!important}
.atom-header{width:100%!important;position:relative!important;z-index:50!important}
.atom-topbar{display:grid!important;grid-template-columns:auto minmax(280px,1fr) minmax(220px,300px)!important;align-items:center!important;gap:18px!important;min-height:72px!important;padding:10px 0!important;box-sizing:border-box!important}
.atom-brand{white-space:nowrap!important;line-height:1!important;font-size:24px!important;display:inline-flex!important;align-items:center!important;min-width:0!important}
.atom-nav{min-width:0!important;width:100%!important}
.atom-menu{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:3px 6px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
.atom-menu li{float:none!important;display:block!important;width:auto!important;margin:0!important;padding:0!important;line-height:1!important}
.atom-menu a{white-space:nowrap!important;line-height:1.25!important;padding:10px 11px!important}
.atom-search{width:100%!important;min-width:0!important;margin:0!important;float:none!important}
.atom-search form,.atom-search #searchform{position:relative!important;width:100%!important;max-width:none!important;margin:0!important}
.atom-search #s{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding-right:48px!important;box-sizing:border-box!important}
.atom-search #searchsubmit,.atom-search .sbutton{position:absolute!important;right:0!important;top:0!important;width:46px!important;min-width:46px!important;padding:0!important}
/* Categories sit directly below the header/menu */
.atom-header + .atom-category-zone{margin-top:4px!important}
.atom-category-zone{clear:both!important;width:100%!important;box-sizing:border-box!important}
.atom-category-grid{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;max-width:1120px!important;margin:0 auto!important}
.atom-category-grid a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;box-sizing:border-box!important;text-align:center!important;line-height:1.2!important}
/* Trending alignment */
.atom-trending{width:100%!important;clear:both!important;margin:32px 0 38px!important;padding:0!important}
.atom-trending .atom-section-head{width:100%!important;margin:0 0 16px!important;padding-bottom:12px!important;border-bottom:1px solid var(--atom-border)!important;box-sizing:border-box!important}
.atom-trending-row{display:flex!important;gap:16px!important;width:100%!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 14px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
.atom-trend-card{flex:0 0 165px!important;width:165px!important;scroll-snap-align:start!important;margin:0!important}
.atom-trend-card .atom-poster{width:100%!important}
.atom-trend-card h3{width:100%!important;box-sizing:border-box!important}
@media (max-width:1050px){
.atom-topbar{grid-template-columns:auto 1fr auto!important;gap:12px!important}
.atom-menu{justify-content:flex-start!important}
.atom-search{grid-column:1/-1!important;grid-row:2!important}
}
@media (max-width:760px){
.atom-dark .main-container{padding-left:12px!important;padding-right:12px!important}
.atom-topbar{display:flex!important;flex-wrap:wrap!important;min-height:62px!important;gap:9px!important}
.atom-brand{font-size:20px!important}
.atom-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;order:2!important}
.atom-nav{display:none!important;order:4!important;flex:0 0 100%!important}
.atom-nav.atom-open{display:block!important}
.atom-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:7px!important}
.atom-menu li,.atom-menu a{width:100%!important}
.atom-menu a{white-space:normal!important}
.atom-search{order:3!important;flex:0 0 100%!important}
.atom-category-zone{margin:4px 0 18px!important;padding:14px 8px 16px!important}
.atom-category-grid{gap:7px!important}
.atom-category-grid a{font-size:10px!important;padding:8px 10px!important;min-height:34px!important}
.atom-hero{margin-top:0!important}
.atom-trending{margin-top:26px!important}
.atom-trend-card{flex-basis:42vw!important;width:42vw!important;min-width:128px!important;max-width:175px!important}
}
/* ===== ATOMNEWBD v4 HARD LAYOUT REPAIR ===== */
body.atom-dark .atom-category-zone,
#page .atom-category-zone{
display:block!important; clear:both!important; float:none!important; width:100%!important;
margin:12px 0 22px!important; padding:18px 18px 20px!important; box-sizing:border-box!important;
background:#111827!important; border:1px solid rgba(255,255,255,.10)!important;
border-radius:14px!important; overflow:hidden!important;
}
#page .atom-zone-title{display:block!important;width:100%!important;text-align:left!important;margin:0 0 14px!important;padding:0!important;line-height:1.25!important}
#page .atom-zone-title span{display:block!important;color:#ff4d6d!important;font-size:11px!important;font-weight:900!important;letter-spacing:1.4px!important;text-transform:uppercase!important;margin:0 0 5px!important}
#page .atom-zone-title strong{display:block!important;color:#fff!important;font-size:19px!important;font-weight:800!important;margin:0!important}
#page .atom-category-grid{
display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-start!important;
width:100%!important; max-width:none!important; gap:8px!important; margin:0!important; padding:0!important;
}
#page .atom-category-grid > a{
display:inline-flex!important; position:relative!important; float:none!important; clear:none!important;
width:auto!important; max-width:100%!important; min-height:36px!important; margin:0!important;
padding:8px 14px!important; align-items:center!important; justify-content:center!important;
color:#eef2f7!important; background:#202838!important; border:1px solid rgba(255,255,255,.10)!important;
border-radius:999px!important; box-shadow:none!important; text-decoration:none!important;
font-size:12px!important; font-weight:700!important; line-height:1.15!important; white-space:nowrap!important;
}
#page .atom-category-grid > a.atom-category-all{background:#e11d48!important;color:#fff!important}
#page .atom-category-grid > a:hover{background:#2b3548!important;transform:translateY(-1px)!important}
/* keep hero below category block */
#page .atom-category-zone + .atom-hero{clear:both!important;display:flex!important;width:100%!important;margin-top:0!important}
/* Trending: fixed-size cards, never allow giant original images */
#page .atom-trending{display:block!important;clear:both!important;width:100%!important;margin:28px 0 34px!important;overflow:hidden!important}
#page .atom-trending .atom-section-head{display:block!important;width:100%!important;margin:0 0 14px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
#page .atom-trending-row{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important;margin:0!important;padding:4px 2px 14px!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important}
#page .atom-trend-card{display:block!important;flex:0 0 165px!important;width:165px!important;min-width:165px!important;max-width:165px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
#page .atom-trend-card .atom-poster{display:block!important;width:100%!important;height:248px!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:12px!important}
#page .atom-trend-card .atom-poster img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;object-fit:cover!important;margin:0!important}
#page .atom-trend-card h3{display:block!important;width:100%!important;margin:9px 0 0!important;padding:0!important;font-size:14px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:760px){
body.atom-dark .atom-category-zone,#page .atom-category-zone{padding:15px 12px 17px!important;margin:8px 0 18px!important;border-radius:12px!important}
#page .atom-zone-title{text-align:center!important}
#page .atom-zone-title strong{font-size:16px!important}
#page .atom-category-grid{justify-content:center!important;gap:7px!important}
#page .atom-category-grid > a{min-height:33px!important;padding:7px 10px!important;font-size:10px!important}
#page .atom-trend-card{flex-basis:42vw!important;width:42vw!important;min-width:132px!important;max-width:168px!important}
#page .atom-trend-card .atom-poster{height:auto!important;aspect-ratio:2/3!important}
}
/* =========================================================
ATOMNEWBD V7 – COMPLETE MOBILE RESPONSIVE OVERRIDES
========================================================= */
html, body { overflow-x: hidden !important; }
body.atom-dark { width: 100%; }
.atom-dark .main-container,
.atom-dark .content-area,
.atom-dark .site-main { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
/* Desktop-safe flexible header */
.atom-header,
.atom-topbar {
width: 100%;
box-sizing: border-box;
}
.atom-topbar {
display: flex !important;
align-items: center;
gap: 18px;
}
.atom-brand,
.site-branding { flex: 0 0 auto; min-width: 0; }
.atom-brand a,
.site-title a { white-space: nowrap; }
.atom-nav,
.main-navigation { min-width: 0; }
.atom-search { margin-left: auto; min-width: 0; }
/* Categories */
.atom-categories,
.atom-category-list,
.atom-category-nav {
display: flex !important;
flex-wrap: wrap !important;
align-items: center;
gap: 8px !important;
width: 100% !important;
box-sizing: border-box;
}
.atom-categories a,
.atom-category-list a,
.atom-category-nav a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 0 !important;
white-space: nowrap;
}
/* Images never force horizontal overflow */
img,
.wp-post-image,
.atom-poster img,
.atom-single-poster img {
max-width: 100%;
height: auto;
}
/* Latest poster grid */
.post-cards {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
gap: 18px !important;
width: 100% !important;
box-sizing: border-box;
}
.atom-card,
.latestpost {
min-width: 0 !important;
width: auto !important;
}
.atom-card .atom-poster,
.latestpost .atom-poster {
display: block;
width: 100%;
aspect-ratio: 2 / 3;
overflow: hidden;
border-radius: 12px;
}
.atom-card .atom-poster img,
.latestpost .atom-poster img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* Better title/meta wrapping */
.atom-card .entry-title,
.latestpost .entry-title {
margin: 10px 0 7px !important;
line-height: 1.35 !important;
overflow-wrap: anywhere;
}
.atom-meta {
display: flex !important;
flex-wrap: wrap;
gap: 6px;
}
/* Single post */
.atom-single-hero {
min-height: 460px;
background-position: center !important;
}
.atom-single-hero,
.atom-single-info,
.atom-single-body {
box-sizing: border-box;
}
.atom-single-info {
min-width: 0;
}
.atom-single-title {
overflow-wrap: anywhere;
}
.atom-single-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
.atom-watch-btn,
.atom-back-btn {
max-width: 100%;
box-sizing: border-box;
}
/* Tablet */
@media (max-width: 900px) {
.atom-dark .main-container {
padding-left: 14px !important;
padding-right: 14px !important;
}
.atom-topbar {
flex-wrap: wrap !important;
}
.atom-search {
flex: 1 1 240px !important;
margin-left: 0 !important;
}
.post-cards {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.atom-single-hero {
display: grid !important;
grid-template-columns: 190px minmax(0, 1fr) !important;
gap: 22px !important;
padding: 28px !important;
}
.atom-single-poster {
width: 100% !important;
max-width: 190px !important;
}
}
/* Phone */
@media (max-width: 640px) {
body { font-size: 15px; }
.atom-dark .main-container {
padding-left: 10px !important;
padding-right: 10px !important;
}
.atom-header {
padding: 11px 0 !important;
}
.atom-topbar {
gap: 10px !important;
align-items: center !important;
}
.atom-brand,
.site-branding {
flex: 1 1 auto !important;
max-width: calc(100% - 58px);
}
.atom-brand a,
.site-title a {
font-size: 20px !important;
letter-spacing: .4px !important;
}
/* Mobile navigation */
.menu-toggle,
.atom-menu-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 42px !important;
height: 42px !important;
flex: 0 0 42px;
padding: 0 !important;
}
.atom-nav,
.main-navigation {
order: 10 !important;
flex: 1 0 100% !important;
width: 100% !important;
}
.atom-nav ul,
.main-navigation ul {
width: 100% !important;
margin: 0 !important;
padding: 8px 0 !important;
display: none !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 3px !important;
}
.atom-nav.is-open ul,
.main-navigation.toggled ul,
.main-navigation.is-open ul {
display: flex !important;
}
.atom-nav li,
.main-navigation li {
width: 100% !important;
margin: 0 !important;
}
.atom-nav a,
.main-navigation a {
display: block !important;
width: 100% !important;
padding: 12px 14px !important;
box-sizing: border-box;
}
/* Search full row */
.atom-search {
order: 20 !important;
flex: 1 0 100% !important;
width: 100% !important;
}
.atom-search form,
.search-form {
display: flex !important;
width: 100% !important;
}
.atom-search input,
.search-field {
width: 100% !important;
min-width: 0 !important;
height: 44px !important;
box-sizing: border-box;
}
/* Category buttons */
.atom-categories,
.atom-category-list,
.atom-category-nav {
gap: 7px !important;
padding: 10px 0 !important;
}
.atom-categories a,
.atom-category-list a,
.atom-category-nav a {
font-size: 12px !important;
line-height: 1.2 !important;
padding: 9px 11px !important;
max-width: 100%;
white-space: normal !important;
text-align: center;
}
/* Hero */
.atom-hero {
min-height: 250px !important;
padding: 24px 18px !important;
border-radius: 16px !important;
box-sizing: border-box;
}
.atom-hero h1,
.atom-hero-title {
font-size: clamp(28px, 9vw, 40px) !important;
line-height: 1.05 !important;
margin-bottom: 10px !important;
}
.atom-hero p {
font-size: 14px !important;
line-height: 1.55 !important;
}
/* Sections */
.atom-section-head {
margin-top: 24px !important;
margin-bottom: 14px !important;
}
.atom-section-head h2 {
font-size: 23px !important;
line-height: 1.2 !important;
}
/* Exactly 2 columns on most phones */
.post-cards {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 10px !important;
}
.atom-card .entry-title,
.latestpost .entry-title {
font-size: 14px !important;
line-height: 1.35 !important;
}
.atom-meta span {
font-size: 11px !important;
padding: 5px 8px !important;
}
.atom-play {
width: 40px !important;
height: 40px !important;
font-size: 15px !important;
}
/* Single post stacks cleanly */
.atom-single-hero {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
min-height: 0 !important;
padding: 18px !important;
gap: 18px !important;
background-position: center !important;
}
.atom-single-poster {
width: min(62vw, 220px) !important;
max-width: 220px !important;
margin: 0 auto !important;
}
.atom-single-info {
width: 100% !important;
text-align: center !important;
}
.atom-single-badges {
justify-content: center !important;
flex-wrap: wrap !important;
}
.atom-single-title {
font-size: 27px !important;
line-height: 1.15 !important;
}
.atom-single-excerpt {
font-size: 14px !important;
line-height: 1.65 !important;
}
.atom-single-actions {
flex-direction: column !important;
width: 100% !important;
}
.atom-watch-btn,
.atom-back-btn {
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
min-height: 48px !important;
}
.atom-single-body {
padding: 16px 0 !important;
}
.atom-details-panel,
.atom-taxonomy {
padding: 16px !important;
border-radius: 14px !important;
}
/* Pagination */
.pagination,
.wpbeginner-pagination {
overflow-x: auto;
max-width: 100%;
}
/* Hide any accidental fixed desktop widths */
[style*="width: 1200px"],
[style*="min-width: 1200px"] {
width: 100% !important;
min-width: 0 !important;
}
}
/* Very small phones */
@media (max-width: 380px) {
.post-cards {
gap: 12px 8px !important;
}
.atom-brand a,
.site-title a {
font-size: 18px !important;
}
.atom-card .entry-title,
.latestpost .entry-title {
font-size: 13px !important;
}
.atom-categories a,
.atom-category-list a,
.atom-category-nav a {
font-size: 11px !important;
padding: 8px 9px !important;
}
}
/* =========================================================
ATOMNEWBD V8 – CATEGORIES INSIDE MOBILE HAMBURGER MENU
========================================================= */
.atom-mobile-categories { display: none; }
@media (max-width: 640px) {
/* Categories move into the hamburger navigation on phones */
.atom-header .atom-nav {
position: relative !important;
overflow: hidden;
transition: max-height .25s ease;
}
.atom-header .atom-nav .atom-menu,
.atom-header .atom-nav ul.atom-menu {
display: none !important;
}
.atom-header .atom-nav.is-open .atom-menu,
.atom-header .atom-nav.toggled .atom-menu,
.atom-header .atom-nav.is-open ul.atom-menu,
.atom-header .atom-nav.toggled ul.atom-menu {
display: flex !important;
}
.atom-mobile-categories {
display: none !important;
width: 100% !important;
margin: 8px 0 2px !important;
padding: 14px 10px !important;
box-sizing: border-box !important;
border-top: 1px solid rgba(255,255,255,.10);
}
.atom-header .atom-nav.is-open .atom-mobile-categories,
.atom-header .atom-nav.toggled .atom-mobile-categories {
display: block !important;
}
.atom-mobile-category-title {
display: block !important;
margin: 0 0 10px !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: .8px !important;
text-transform: uppercase;
}
.atom-mobile-category-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
}
.atom-mobile-category-grid a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
min-height: 42px !important;
padding: 8px 10px !important;
box-sizing: border-box !important;
border-radius: 10px !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
text-align: center !important;
line-height: 1.25 !important;
font-size: 12px !important;
}
.atom-mobile-category-all {
grid-column: 1 / -1 !important;
}
/* Hide the duplicate desktop category strip on mobile */
.atom-category-zone {
display: none !important;
}
/* Search stays under the hamburger content and never overlaps */
.atom-search {
order: 20 !important;
width: 100% !important;
flex-basis: 100% !important;
margin-top: 4px !important;
}
/* Compact, touch-friendly header */
.atom-menu-toggle {
border-radius: 10px !important;
cursor: pointer;
}
}
@media (max-width: 380px) {
.atom-mobile-category-grid {
grid-template-columns: 1fr !important;
}
.atom-mobile-category-all {
grid-column: auto !important;
}
}
/* =========================================================
ATOMNEWBD V9 - FLUID MOBILE SINGLE POST
Screenshot + Download Button + No Horizontal Overflow
========================================================= */
.single-post .entry-content,
.single-post .post-content,
.single-post .atom-content-text,
.single-post .atom-single-body,
.single-post .atom-details-panel,
.single-post article{
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
.single-post .entry-content img,
.single-post .post-content img,
.single-post .atom-content-text img,
.single-post .atom-single-body img,
.single-post .atom-details-panel img{
display:block!important;
max-width:100%!important;
height:auto!important;
box-sizing:border-box!important;
}
@media (max-width:760px){
.single-post #page,
.single-post #content,
.single-post #content_box,
.single-post article,
.single-post .entry-content,
.single-post .post-content,
.single-post .atom-single-layout,
.single-post .atom-single-card,
.single-post .atom-single-body,
.single-post .atom-details-panel,
.single-post .atom-content-text{
width:100%!important;
max-width:100%!important;
min-width:0!important;
float:none!important;
box-sizing:border-box!important;
}
.single-post .atom-single-layout{
padding-left:8px!important;
padding-right:8px!important;
}
.single-post .atom-single-body,
.single-post .atom-details-panel{
padding-left:10px!important;
padding-right:10px!important;
}
/* Images automatically fill the available mobile width */
.single-post .entry-content img,
.single-post .post-content img,
.single-post .atom-content-text img{
width:100%!important;
max-width:100%!important;
height:auto!important;
margin:14px auto!important;
object-fit:contain!important;
border-radius:10px!important;
}
/* Download buttons automatically fit every phone */
.single-post .entry-content a.maxbutton,
.single-post .post-content a.maxbutton,
.single-post .atom-content-text a.maxbutton,
.single-post .maxbutton,
.single-post .maxbutton-1.maxbutton,
.single-post .maxbutton-2.maxbutton,
.single-post .maxbutton-9.maxbutton,
.single-post .maxbutton-20.maxbutton{
display:flex!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:54px!important;
margin:14px 0!important;
padding:10px 14px!important;
box-sizing:border-box!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
line-height:1.3!important;
border-radius:12px!important;
}
.single-post .maxbutton .mb-text,
.single-post .maxbutton .mb-text2,
.single-post .maxbutton span{
width:100%!important;
max-width:100%!important;
min-width:0!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
text-align:center!important;
font-size:clamp(14px,4vw,18px)!important;
line-height:1.3!important;
}
.single-post iframe,
.single-post video,
.single-post .wp-video{
width:100%!important;
max-width:100%!important;
height:auto!important;
}
.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post p{
max-width:100%!important;
overflow-wrap:anywhere!important;
box-sizing:border-box!important;
}
/* Prevent long URLs/content from creating horizontal scrolling */
.single-post .entry-content,
.single-post .post-content,
.single-post .atom-content-text{
overflow-wrap:anywhere!important;
word-break:break-word!important;
}
}
@media (max-width:420px){
.single-post .atom-single-layout{
padding-left:4px!important;
padding-right:4px!important;
}
.single-post .maxbutton{
min-height:50px!important;
padding:9px 10px!important;
}
}
/* =========================================================
ATOMNEWBD V10 - MOBILE SINGLE POST HARD FIX
========================================================= */
/* Never allow content wrappers/tables/figures to shrink the
actual screenshot or download area on a phone. */
.single-post .atom-single-body,
.single-post .atom-details-panel,
.single-post .atom-content-text,
.single-post .atom-content-text > *,
.single-post .atom-content-text figure,
.single-post .atom-content-text .wp-block-image,
.single-post .atom-content-text .aligncenter{
box-sizing:border-box!important;
min-width:0!important;
max-width:100%!important;
}
.single-post .atom-content-text table{
display:block!important;
width:100%!important;
max-width:100%!important;
overflow-x:auto!important;
box-sizing:border-box!important;
}
.single-post .atom-content-text figure,
.single-post .atom-content-text .wp-block-image{
width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
.single-post .atom-content-text img,
.single-post .atom-content-text figure img,
.single-post .atom-content-text .wp-block-image img,
.single-post .atom-content-text p img{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:auto!important;
margin-left:auto!important;
margin-right:auto!important;
object-fit:contain!important;
box-sizing:border-box!important;
}
/* MaxButton / the existing cyan Download Now button */
.single-post .atom-content-text .mb-center,
.single-post .atom-content-text .mb-container,
.single-post .atom-content-text .maxbutton-container,
.single-post .atom-content-text .mb-center.maxbutton-6-center{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
text-align:center!important;
}
.single-post .atom-content-text .maxbutton-6.maxbutton.maxbutton-post-button-1,
.single-post .atom-content-text a.maxbutton-6.maxbutton,
.single-post .atom-content-text .maxbutton-6.maxbutton{
display:flex!important;
width:100%!important;
max-width:420px!important;
min-width:0!important;
height:auto!important;
min-height:48px!important;
margin:14px auto!important;
padding:8px 10px!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
white-space:normal!important;
overflow:visible!important;
line-height:1.25!important;
}
.single-post .atom-content-text .maxbutton-6 .mb-text,
.single-post .atom-content-text .maxbutton-6.maxbutton .mb-text{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
padding:0!important;
margin:0!important;
box-sizing:border-box!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
text-align:center!important;
font-size:clamp(15px,4.6vw,19px)!important;
line-height:1.2!important;
}
@media (max-width:760px){
.single-post .atom-single-card,
.single-post .atom-single-body,
.single-post .atom-details-panel,
.single-post .atom-content-text{
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
.single-post .atom-details-panel{
padding:12px!important;
}
/* The actual screenshot gets the full content width,
including images with inline width attributes. */
.single-post .atom-content-text img[width],
.single-post .atom-content-text img[style]{
width:100%!important;
max-width:100%!important;
}
.single-post .atom-content-text .mb-center,
.single-post .atom-content-text .mb-container{
padding-left:0!important;
padding-right:0!important;
}
.single-post .atom-content-text .maxbutton-6.maxbutton,
.single-post .atom-content-text a.maxbutton-6.maxbutton{
width:100%!important;
max-width:100%!important;
min-height:50px!important;
}
.single-post .atom-content-text .maxbutton-6 .mb-text{
font-size:clamp(15px,4.6vw,19px)!important;
}
}
@media (max-width:360px){
.single-post .atom-details-panel{
padding:9px!important;
}
.single-post .atom-content-text .maxbutton-6 .mb-text{
font-size:14.5px!important;
}
}
/* =========================================================
ATOMNEWBD V11 - DESKTOP CATEGORY / MOBILE HAMBURGER FIX
========================================================= */
/* Desktop: show the normal category strip, but NEVER show
the mobile hamburger or mobile-only category panel. */
@media (min-width:761px){
.atom-menu-toggle,
.atom-mobile-categories{
display:none!important;
visibility:hidden!important;
}
.atom-nav{
display:block!important;
visibility:visible!important;
}
.atom-category-zone{
display:block!important;
visibility:visible!important;
}
}
/* Mobile: hide the desktop Browse by Category block completely.
Categories are available only inside the ☰ menu. */
@media (max-width:760px){
.atom-category-zone{
display:none!important;
visibility:hidden!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
}
.atom-menu-toggle{
display:inline-flex!important;
visibility:visible!important;
width:44px!important;
height:44px!important;
flex:0 0 44px!important;
align-items:center!important;
justify-content:center!important;
margin-left:auto!important;
order:2!important;
padding:0!important;
font-size:22px!important;
line-height:1!important;
}
/* Closed hamburger: menu and categories are completely hidden. */
.atom-nav{
display:none!important;
}
.atom-nav.atom-open,
.atom-nav.is-open,
.atom-nav.toggled{
display:block!important;
width:100%!important;
flex:0 0 100%!important;
order:4!important;
}
.atom-nav.atom-open .atom-menu,
.atom-nav.is-open .atom-menu,
.atom-nav.toggled .atom-menu{
display:flex!important;
flex-direction:column!important;
width:100%!important;
box-sizing:border-box!important;
}
.atom-nav.atom-open .atom-mobile-categories,
.atom-nav.is-open .atom-mobile-categories,
.atom-nav.toggled .atom-mobile-categories{
display:block!important;
width:100%!important;
box-sizing:border-box!important;
}
/* 3-column category layout on phones; long names wrap neatly. */
.atom-mobile-category-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:7px!important;
width:100%!important;
box-sizing:border-box!important;
}
.atom-mobile-category-grid a{
width:100%!important;
min-width:0!important;
min-height:40px!important;
padding:7px 6px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
text-align:center!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:break-word!important;
line-height:1.15!important;
font-size:11px!important;
}
.atom-mobile-category-all{
grid-column:1 / -1!important;
}
}
@media (max-width:380px){
.atom-mobile-category-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.atom-mobile-category-grid a{
min-height:38px!important;
padding:6px 4px!important;
font-size:10px!important;
}
}
/* =========================================================
ATOMNEWBD V12 - REMOVE SINGLE POST HERO + CONTROL CONTENT IMAGE
========================================================= */
/* The large hero/poster area is intentionally removed from Single Post. */
.single-post .atom-single-hero,
.single-post .atom-single-poster,
.single-post .atom-single-info,
.single-post .atom-single-actions{
display:none!important;
}
/* Keep the release content compact instead of stretching images full-width. */
.single-post .atom-content-text img,
.single-post .atom-content-text figure img,
.single-post .atom-content-text .wp-block-image img{
display:block!important;
width:auto!important;
max-width:70%!important;
height:auto!important;
margin:16px auto!important;
object-fit:contain!important;
box-sizing:border-box!important;
}
.single-post .atom-content-text figure,
.single-post .atom-content-text .wp-block-image{
width:100%!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
@media(max-width:760px){
.single-post .atom-content-text img,
.single-post .atom-content-text figure img,
.single-post .atom-content-text .wp-block-image img{
width:auto!important;
max-width:90%!important;
height:auto!important;
margin:14px auto!important;
}
.single-post .atom-single-body{
padding:16px 10px!important;
}
.single-post .atom-details-panel{
padding:15px!important;
}
}
@media(max-width:380px){
.single-post .atom-content-text img,
.single-post .atom-content-text figure img,
.single-post .atom-content-text .wp-block-image img{
max-width:94%!important;
}
}
/* =========================================================
ATOMNEWBD V12.1 - FINAL SINGLE POST IMAGE SIZE FIX
Keeps the release/poster image compact, centered and responsive.
========================================================= */
.single-post .atom-content-text figure,
.single-post .atom-content-text .wp-block-image {
width: 100% !important;
max-width: 100% !important;
margin: 16px auto !important;
box-sizing: border-box !important;
}
.single-post .atom-content-text img,
.single-post .atom-content-text figure img,
.single-post .atom-content-text .wp-block-image img,
.single-post .atom-content-text p > img {
display: block !important;
width: min(100%, 430px) !important;
max-width: 430px !important;
height: auto !important;
min-width: 0 !important;
margin: 16px auto !important;
object-fit: contain !important;
box-sizing: border-box !important;
border-radius: 8px !important;
}
/* Keep inline width/height attributes from stretching the image. */
.single-post .atom-content-text img[width],
.single-post .atom-content-text img[style] {
width: min(100%, 430px) !important;
max-width: 430px !important;
height: auto !important;
}
/* Mobile: use the available screen width up to a comfortable poster size. */
@media (max-width: 760px) {
.single-post .atom-content-text img,
.single-post .atom-content-text figure img,
.single-post .atom-content-text .wp-block-image img,
.single-post .atom-content-text p > img,
.single-post .atom-content-text img[width],
.single-post .atom-content-text img[style] {
width: min(100%, 360px) !important;
max-width: 360px !important;
height: auto !important;
margin: 14px auto !important;
}
}
@media (max-width: 380px) {
.single-post .atom-content-text img,
.single-post .atom-content-text figure img,
.single-post .atom-content-text .wp-block-image img,
.single-post .atom-content-text p > img,
.single-post .atom-content-text img[width],
.single-post .atom-content-text img[style] {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
}
/* =========================================================
ATOMNEWBD V13 - CLEAN HEADER + REMOVE HOME HERO
========================================================= */
/* The home-page "Watch. Discover. Enjoy." hero is removed
from markup. These rules keep any accidental old hero hidden. */
.home .atom-hero,
.blog .atom-hero,
.front-page .atom-hero{
display:none!important;
}
/* Clean, balanced desktop header */
@media (min-width:761px){
#page .atom-header{
padding:12px 0 14px!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
background:rgba(8,11,17,.96)!important;
}
#page .atom-topbar{
display:grid!important;
grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(230px,300px)!important;
align-items:center!important;
gap:18px!important;
min-height:58px!important;
padding:0!important;
}
#page .atom-brand{
justify-self:start!important;
width:auto!important;
max-width:220px!important;
overflow:visible!important;
font-size:23px!important;
font-weight:950!important;
letter-spacing:.2px!important;
line-height:1!important;
}
#page .atom-nav{
min-width:0!important;
overflow:hidden!important;
}
#page .atom-nav .atom-menu{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:2px!important;
width:max-content!important;
min-width:100%!important;
overflow:visible!important;
}
#page .atom-nav .atom-menu li{
flex:0 0 auto!important;
}
#page .atom-nav .atom-menu a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:40px!important;
padding:9px 10px!important;
border-radius:8px!important;
white-space:nowrap!important;
font-size:13px!important;
font-weight:700!important;
}
#page .atom-nav .atom-menu a:hover{
background:rgba(255,255,255,.07)!important;
}
#page .atom-search{
justify-self:end!important;
width:100%!important;
max-width:300px!important;
}
#page .atom-search form,
#page .atom-search .search-form{
width:100%!important;
margin:0!important;
}
#page .atom-search input,
#page .atom-search .search-field{
width:100%!important;
height:42px!important;
box-sizing:border-box!important;
border-radius:10px!important;
}
/* Category strip sits immediately below the header */
#page .atom-header + .atom-category-zone{
margin-top:10px!important;
}
}
/* Mobile header remains hamburger-first and compact */
@media (max-width:760px){
#page .atom-header{
padding:9px 0 10px!important;
}
#page .atom-topbar{
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:9px!important;
min-height:48px!important;
}
#page .atom-brand{
flex:1 1 auto!important;
min-width:0!important;
max-width:calc(100% - 54px)!important;
font-size:20px!important;
line-height:1!important;
}
#page .atom-menu-toggle{
flex:0 0 42px!important;
width:42px!important;
height:42px!important;
border-radius:10px!important;
}
#page .atom-search{
order:20!important;
flex:1 0 100%!important;
width:100%!important;
margin-top:2px!important;
}
#page .atom-search input,
#page .atom-search .search-field{
height:42px!important;
border-radius:10px!important;
}
}
/* =========================================================
ATOMNEWBD V12.2 - SINGLE POST VIDEO PLAYER
Clean, centered, responsive 16:9 video/iframe player.
========================================================= */
/* Make embedded video players look like a proper release player. */
.single-post .atom-content-text iframe,
.single-post .atom-content-text video,
.single-post .atom-content-text embed,
.single-post .atom-content-text object {
display: block !important;
width: 100% !important;
max-width: 900px !important;
min-width: 0 !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
min-height: 300px !important;
margin: 22px auto !important;
border: 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
background: #050b18 !important;
box-sizing: border-box !important;
box-shadow: 0 8px 28px rgba(0,0,0,.32) !important;
}
/* Common WordPress video wrapper / responsive embed blocks. */
.single-post .atom-content-text .wp-block-embed,
.single-post .atom-content-text .wp-block-video,
.single-post .atom-content-text .video-container,
.single-post .atom-content-text .video-player,
.single-post .atom-content-text .embed-responsive {
width: 100% !important;
max-width: 900px !important;
margin: 22px auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.single-post .atom-content-text .wp-block-embed__wrapper,
.single-post .atom-content-text .embed-responsive,
.single-post .atom-content-text .video-container {
position: relative !important;
width: 100% !important;
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
border-radius: 12px !important;
background: #050b18 !important;
box-shadow: 0 8px 28px rgba(0,0,0,.32) !important;
}
.single-post .atom-content-text .wp-block-embed__wrapper iframe,
.single-post .atom-content-text .embed-responsive iframe,
.single-post .atom-content-text .video-container iframe,
.single-post .atom-content-text .video-player iframe {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-width: none !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Remove old fixed-width / fixed-height iframe sizing from inline HTML. */
.single-post .atom-content-text iframe[width],
.single-post .atom-content-text iframe[height],
.single-post .atom-content-text iframe[style] {
max-width: 900px !important;
box-sizing: border-box !important;
}
/* If the embed is directly inside a paragraph, prevent paragraph
spacing from creating an awkward blank area around the player. */
.single-post .atom-content-text p:has(> iframe:only-child) {
margin: 22px auto !important;
padding: 0 !important;
max-width: 900px !important;
}
/* Mobile: player becomes full-width and keeps a clean 16:9 shape. */
@media (max-width: 760px) {
.single-post .atom-content-text iframe,
.single-post .atom-content-text video,
.single-post .atom-content-text embed,
.single-post .atom-content-text object {
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
margin: 16px auto !important;
border-radius: 10px !important;
}
.single-post .atom-content-text .wp-block-embed,
.single-post .atom-content-text .wp-block-video,
.single-post .atom-content-text .video-container,
.single-post .atom-content-text .video-player,
.single-post .atom-content-text .embed-responsive,
.single-post .atom-content-text .wp-block-embed__wrapper {
width: 100% !important;
max-width: 100% !important;
margin: 16px auto !important;
border-radius: 10px !important;
}
.single-post .atom-content-text p:has(> iframe:only-child) {
max-width: 100% !important;
margin: 16px auto !important;
}
}
@media (max-width: 380px) {
.single-post .atom-content-text iframe,
.single-post .atom-content-text video {
border-radius: 8px !important;
}
}
/* ATOM NEW BD - FINAL MOBILE RESPONSIVE VIDEO PLAYER */
.single-post .video-player,.single-post .video-container,.single-post .video-wrapper,.single-post .post-video{width:100%!important;max-width:900px!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important;box-sizing:border-box!important}
.single-post .video-player iframe,.single-post .video-container iframe,.single-post .video-wrapper iframe,.single-post .post-video iframe,.single-post .video-player video,.single-post .video-container video,.single-post .video-wrapper video,.single-post .post-video video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;min-width:0!important;border:0!important;box-sizing:border-box!important}
.single-post .entry-content{max-width:100%!important;overflow-x:hidden!important}
@media(max-width:767px){.single-post .video-player,.single-post .video-container,.single-post .video-wrapper,.single-post .post-video{width:100%!important;max-width:100%!important;aspect-ratio:16/9!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;border-radius:8px!important}.single-post .video-player iframe,.single-post .video-container iframe,.single-post .video-wrapper iframe,.single-post .post-video iframe,.single-post .video-player video,.single-post .video-container video,.single-post .video-wrapper video,.single-post .post-video video{width:100%!important;height:100%!important;max-width:100%!important}.single-post .entry-content iframe,.single-post .entry-content video{max-width:100%!important}}
@media(max-width:480px){.single-post .video-player,.single-post .video-container,.single-post .video-wrapper,.single-post .post-video{border-radius:6px!important}}
/* =========================================================
ATOMNEWBD V13 – MODERN MOVIE RELEASE POST CARDS
Home, archive, category and search grids
========================================================= */
.atom-release-grid{
display:grid !important;
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
gap:14px !important;
align-items:stretch !important;
}
.atom-release-card{
position:relative !important;
min-width:0 !important;
margin:0 !important;
padding:9px !important;
background:#090d13 !important;
border:1px solid rgba(148,163,184,.38) !important;
border-radius:10px !important;
box-sizing:border-box !important;
overflow:hidden !important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.atom-release-card:hover{
transform:translateY(-3px);
border-color:rgba(250,204,21,.8) !important;
box-shadow:0 10px 28px rgba(0,0,0,.35);
}
.atom-release-poster{
position:relative !important;
display:block !important;
width:100% !important;
height:auto !important;
aspect-ratio:2/3 !important;
margin:0 !important;
overflow:hidden !important;
border-radius:7px !important;
background:#111827 !important;
}
.atom-release-poster img{
display:block !important;
width:100% !important;
height:100% !important;
min-width:0 !important;
max-width:none !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .35s ease;
}
.atom-release-card:hover .atom-release-poster img{transform:scale(1.035)}
.atom-quality-badge,
.atom-rating-badge{
position:absolute !important;
top:8px !important;
z-index:3 !important;
display:inline-flex !important;
align-items:center !important;
min-height:25px !important;
padding:3px 7px !important;
box-sizing:border-box !important;
border-radius:4px !important;
color:#fff !important;
font-size:10px !important;
font-weight:800 !important;
line-height:1 !important;
letter-spacing:.2px !important;
white-space:nowrap !important;
text-shadow:none !important;
}
.atom-quality-badge{left:8px !important;background:#e50914 !important;}
.atom-rating-badge{right:8px !important;background:rgba(9,9,11,.82) !important;color:#facc15 !important;}
.atom-release-info{min-width:0 !important;padding:9px 2px 2px !important;}
.atom-release-date{
display:flex !important;
align-items:center !important;
gap:4px !important;
margin:0 0 7px !important;
color:#9ca3af !important;
font-size:10px !important;
line-height:1.2 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.atom-release-card .entry-title,
.atom-release-card h2.entry-title{
display:-webkit-box !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
color:#e5e7eb !important;
font-size:13px !important;
font-weight:650 !important;
line-height:1.5 !important;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
line-clamp:3;
}
.atom-release-card .entry-title a{color:inherit !important;text-decoration:none !important;}
.atom-release-card .entry-title a:hover{color:#fff !important;}
@media (max-width:1200px){
.atom-release-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
.atom-release-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;}
}
@media (max-width:640px){
.atom-release-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
width:100% !important;
}
.atom-release-card{padding:7px !important;border-radius:9px !important;}
.atom-release-poster{border-radius:6px !important;}
.atom-release-info{padding:8px 1px 1px !important;}
.atom-release-date{font-size:9px !important;margin-bottom:6px !important;}
.atom-release-card .entry-title,.atom-release-card h2.entry-title{
font-size:12px !important;
line-height:1.45 !important;
-webkit-line-clamp:3;
line-clamp:3;
}
.atom-quality-badge,.atom-rating-badge{
top:6px !important;
min-height:22px !important;
padding:3px 5px !important;
font-size:8px !important;
}
.atom-quality-badge{left:6px !important;}
.atom-rating-badge{right:6px !important;}
}
@media (max-width:360px){
.atom-release-grid{gap:7px !important;}
.atom-release-card{padding:5px !important;}
.atom-release-card .entry-title,.atom-release-card h2.entry-title{font-size:11px !important;}
}
/* Atom NEW BD v14: always-visible rating badge */
.atom-release-poster{position:relative!important;isolation:isolate!important}
.atom-rating-badge{
right:8px!important;
left:auto!important;
top:8px!important;
z-index:20!important;
opacity:1!important;
visibility:visible!important;
pointer-events:none!important;
background:rgba(5,7,12,.92)!important;
border:1px solid rgba(250,204,21,.55)!important;
box-shadow:0 3px 10px rgba(0,0,0,.35)!important;
}
@media(max-width:480px){
.atom-quality-badge,.atom-rating-badge{
top:6px!important;
min-height:23px!important;
font-size:9px!important;
padding:3px 6px!important;
}
.atom-quality-badge{left:6px!important}
.atom-rating-badge{right:6px!important}
}
/* Atom NEW BD v14.1 - branding + automatic IMDb rating */
.atom-brand{
white-space:nowrap!important;
letter-spacing:.2px!important;
}
.atom-brand span{margin-right:4px!important;}
.atom-rating-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:48px!important;
}
/* Atom NEW BD v14.2 - visible IMDb badge repair */
.atom-release-poster{position:relative!important;overflow:hidden!important;}
.atom-release-poster .atom-quality-badge{left:8px!important;right:auto!important;top:8px!important;display:inline-flex!important;}
.atom-release-poster .atom-rating-badge{right:8px!important;left:auto!important;top:8px!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;z-index:999!important;}
@media(max-width:640px){
.atom-release-poster .atom-quality-badge{left:6px!important;top:6px!important;}
.atom-release-poster .atom-rating-badge{right:6px!important;top:6px!important;}
}
/* ATOM NEW BD v14.3 - final rating badge positioning */
.atom-release-poster{position:relative!important;isolation:isolate!important;overflow:hidden!important;}
.atom-release-poster .atom-quality-badge,
.atom-release-poster .atom-rating-badge{
position:absolute!important;
top:8px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
z-index:100!important;
visibility:visible!important;
opacity:1!important;
pointer-events:none!important;
box-sizing:border-box!important;
white-space:nowrap!important;
}
.atom-release-poster .atom-quality-badge{left:8px!important;right:auto!important;}
.atom-release-poster .atom-rating-badge{right:8px!important;left:auto!important;min-width:48px!important;color:#ffd43b!important;background:rgba(8,10,15,.94)!important;border:1px solid rgba(255,212,59,.65)!important;box-shadow:0 2px 8px rgba(0,0,0,.45)!important;}
@media(max-width:640px){
.atom-release-poster .atom-quality-badge{left:6px!important;top:6px!important;}
.atom-release-poster .atom-rating-badge{right:6px!important;top:6px!important;}
}
/* =========================================================
* ATOM NEW BD v14.4 - DOWNLOAD BUTTON CLICKABILITY
* ========================================================= */
.single-post .atom-content-text a.maxbutton,
.single-post .atom-content-text a[class*="maxbutton-"],
.single-post .atom-content-text .mb-container a,
.single-post .atom-content-text .mb-center a,
.single-post .atom-content-text a[href*="drive.google"],
.single-post .atom-content-text a[href*="mega.nz"],
.single-post .atom-content-text a[href*="mediafire"],
.single-post .atom-content-text a[href*="1fichier"],
.single-post .atom-content-text a[href*="terabox"],
.single-post .atom-content-text a[href*="pixeldrain"]{
pointer-events:auto!important;
cursor:pointer!important;
position:relative!important;
z-index:1000!important;
}
.single-post .atom-content-text .mb-container,
.single-post .atom-content-text .mb-center{
pointer-events:auto!important;
}
/* =========================================================
ATOM NEW BD - Customizer Widget Areas
========================================================= */
.atom-home-widget-zone,
.atom-footer-widget-zone{
width:100%;
clear:both;
box-sizing:border-box;
}
.atom-home-widget-inner,
.atom-footer-widget-inner{
width:100%;
max-width:1170px;
margin:0 auto;
box-sizing:border-box;
}
.atom-home-widget-zone{
padding:14px 0 4px;
}
.atom-footer-widget-zone{
padding:24px 0;
background:rgba(0,0,0,.12);
border-top:1px solid rgba(255,255,255,.08);
}
.atom-home-widget-zone .widget,
.atom-footer-widget-zone .widget{
margin:0 0 18px;
}
.atom-home-widget-zone .widget:last-child,
.atom-footer-widget-zone .widget:last-child{
margin-bottom:0;
}
.atom-home-widget-zone .widget-title,
.atom-footer-widget-zone .widget-title{
margin:0 0 10px;
}
.atom-home-widget-zone img,
.atom-footer-widget-zone img{
max-width:100%;
height:auto;
}
@media(max-width:760px){
.atom-home-widget-zone{padding:10px 0 2px}
.atom-footer-widget-zone{padding:18px 0}
}
/* Smaller, cleaner pinned icon */
#page .atom-pin-badge{
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
top:7px!important;
left:7px!important;
border-radius:50%!important;
font-size:8px!important;
background:rgba(7,12,20,.82)!important;
border:1px solid rgba(255,255,255,.22)!important;
box-shadow:0 2px 7px rgba(0,0,0,.32)!important;
backdrop-filter:blur(4px)!important;
-webkit-backdrop-filter:blur(4px)!important;
}
#page .atom-pin-badge span{line-height:1!important}
@media(max-width:760px){
#page .atom-pin-badge{
width:16px!important;height:16px!important;
min-width:16px!important;min-height:16px!important;
top:6px!important;left:6px!important;font-size:7px!important;
}
}
.atom-widget-empty{display:none}
body.customize-preview .atom-widget-empty{display:block;min-height:4px}
/* =========================================================
ATOM NEW BD — SAFE AD INSERTER FRONT-END LAYOUT
Keeps ads inside the existing single-post card without
changing the post structure or stretching ad creatives.
========================================================= */
.atom-ad-block {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 20px auto !important;
padding: 0 !important;
text-align: center !important;
clear: both !important;
box-sizing: border-box !important;
overflow: hidden !important;
line-height: 0 !important;
}
.atom-ad-block > * {
box-sizing: border-box !important;
}
.atom-ad-block img,
.atom-ad-block iframe,
.atom-ad-block video,
.atom-ad-block ins {
display: block !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.atom-ad-block iframe {
border: 0 !important;
}
.atom-ad-block > script { display: none !important; }
/* Do not let ad markup inherit the movie-content typography. */
.single-post .atom-content-text .atom-ad-block,
.single-post .atom-details-panel .atom-ad-block {
color: inherit !important;
font-size: initial !important;
line-height: 0 !important;
}
/* Standard fixed-size creatives remain naturally sized and centered. */
.atom-ad-block iframe[width="300"],
.atom-ad-block iframe[width="320"],
.atom-ad-block img[width="300"],
.atom-ad-block img[width="320"] {
width: auto !important;
max-width: 100% !important;
}
/* Responsive creatives can use the available card width. */
.atom-ad-block.atom-ad-align-left { text-align: left !important; }
.atom-ad-block.atom-ad-align-center,
.atom-ad-block.atom-ad-align-default { text-align: center !important; }
.atom-ad-block.atom-ad-align-right { text-align: right !important; }
@media (max-width: 760px) {
.atom-ad-block {
margin: 16px auto !important;
max-width: 100% !important;
overflow: hidden !important;
}
.atom-ad-block iframe,
.atom-ad-block img,
.atom-ad-block video,
.atom-ad-block ins {
max-width: 100% !important;
}
}
/* Theme-native Ad Inserter blocks */
.atom-ad-block{display:block;clear:both;width:100%;max-width:100%;margin:18px auto;box-sizing:border-box;text-align:center;overflow:visible}.atom-ad-block img,.atom-ad-block iframe{max-width:100%;height:auto}.atom-ad-align-left{text-align:left}.atom-ad-align-center{text-align:center}.atom-ad-align-right{text-align:right}.atom-ad-between-comments{display:block;clear:both;margin:16px 0}
/* =========================================================
ATOMNEWBD V15.7 - Generated post: poster + screenshots always centered
========================================================= */
body .atom-apg-wrap figure.wp-block-image.atom-apg-shot,
body .atom-apg-wrap figure.wp-block-image.atom-apg-poster {
display: flex !important;
justify-content: center !important;
align-items: center !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto 12px !important;
padding: 0 !important;
text-align: center !important;
box-sizing: border-box !important;
}
body .atom-apg-wrap figure.wp-block-image.atom-apg-shot > a,
body .atom-apg-wrap figure.wp-block-image.atom-apg-poster > a {
display: block !important;
max-width: 100% !important;
margin: 0 auto !important;
text-align: center !important;
}
body .atom-apg-wrap figure.wp-block-image.atom-apg-shot img,
body .atom-apg-wrap figure.wp-block-image.atom-apg-poster img {
display: block !important;
margin: 0 auto !important;
float: none !important;
}
/* Old-style (Custom HTML) generated posts: keep the screenshot wrapper centered too */
.single-post .atom-content-text div[style*="text-align:center"] > a[style*="display:block"] {
margin-left: auto !important;
margin-right: auto !important;
}
/* =========================================================
ATOMNEWBD V15.8 - Centering that does not depend on any block class
(works for converted blocks, old Custom HTML, linked or unlinked images)
========================================================= */
.single-post .atom-content-text .has-text-align-center { text-align: center !important; }
.single-post .atom-content-text figure,
.single-post .atom-content-text .wp-block-image {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
.single-post .atom-content-text figure > a,
.single-post .atom-content-text a:has(> img) {
display: block !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
float: none !important;
}
.single-post .atom-content-text p:has(> img),
.single-post .atom-content-text p:has(> a > img),
.single-post .atom-content-text div:has(> a > img) {
text-align: center !important;
}
.single-post .atom-content-text img {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.single-post .atom-content-text img.alignleft,
.single-post .atom-content-text img.alignright,
.single-post .atom-content-text .alignleft,
.single-post .atom-content-text .alignright {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* =========================================================
ATOMNEWBD V15.9 - Tight, even spacing between screenshots
========================================================= */
body.single-post .atom-content-text figure.wp-block-image,
body.single-post .atom-content-text .atom-apg-wrap figure {
margin: 0 auto 10px !important;
padding: 0 !important;
}
body.single-post .atom-content-text figure.wp-block-image img,
body.single-post .atom-content-text .atom-apg-wrap figure img {
margin: 0 auto !important;
}
body.single-post .atom-content-text figure.wp-block-image figcaption { margin: 4px 0 0 !important; }
/* the poster keeps a bit more room below it */
body.single-post .atom-content-text figure.wp-block-image.atom-apg-poster {
margin: 0 auto 20px !important;
}
/* heading right before the screenshots */
body.single-post .atom-content-text h2.has-text-align-center,
body.single-post .atom-content-text .has-text-align-center {
text-align: center !important;
margin-bottom: 14px !important;
}
/* no extra empty paragraphs / line breaks between screenshots */
body.single-post .atom-content-text .atom-apg-wrap > p:empty,
body.single-post .atom-content-text .atom-apg-wrap > br { display: none !important; }
/* =========================================================
ATOMNEWBD V16.1 - Generated post: the big title at the top is centered (new and old posts)
========================================================= */
body .atom-apg-wrap > h2:first-child,
body .atom-apg-wrap > h1:first-child,
body .atom-apg-wrap > .wp-block-group__inner-container > h2:first-child,
body .atom-apg-wrap > .wp-block-group__inner-container > h1:first-child {
text-align: center !important;
}
/* =========================================================
v16.35 - OTHER PHONES FIX
1) WordPress swaps an emoji (e.g. the heart in "Join Telegram") for a small ![]()
on phones whose
system font cannot draw it. The rule ".atom-content-text img { width:100% }" then blew it up to a giant heart.
2) The Download Now (MaxButton / link) button: long text ("Download Now 480p 720p 1080p") wrapped and the background
broke into pieces on narrow screens. The button now grows with its text instead.
========================================================= */
html body img.emoji,
html body img.wp-smiley,
html body.single-post .atom-content-text img.emoji,
html body.single-post .atom-content-text p img.emoji,
html body.single-post .atom-content-text a img.emoji,
html body.single-post .atom-content-text figure img.emoji,
html body.single-post .atom-content-text img.wp-smiley,
html body .atom-auto-block img.emoji,
html body .atom-ab-btn img.emoji{
display:inline!important;
width:1em!important;
height:1em!important;
min-width:0!important;
max-width:none!important;
margin:0 .07em!important;
padding:0!important;
border:0!important;
box-shadow:none!important;
background:none!important;
vertical-align:-0.1em!important;
object-fit:contain!important;
}
/* Telegram button of the auto block: always a compact, centred button */
html body .atom-auto-block .atom-ab-btn{
display:inline-block!important;
width:auto!important;
max-width:100%!important;
box-sizing:border-box!important;
white-space:normal!important;
line-height:1.3!important;
}
/* Download Now button (every MaxButton, not only the one numbered 6) */
html body.single-post .atom-content-text a.maxbutton,
html body.single-post .atom-content-text .maxbutton{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
max-width:420px!important;
min-width:0!important;
height:auto!important;
min-height:48px!important;
margin:14px auto!important;
padding:10px 14px!important;
box-sizing:border-box!important;
white-space:normal!important;
overflow:visible!important;
line-height:1.25!important;
text-align:center!important;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
}
html body.single-post .atom-content-text .maxbutton .mb-text,
html body.single-post .atom-content-text .maxbutton span{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
padding:0!important;
margin:0!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
text-align:center!important;
overflow-wrap:anywhere;
font-size:clamp(14px,4.2vw,18px)!important;
line-height:1.25!important;
}
/* =========================================================
v16.36 - UNIVERSAL MOBILE FIT
Goal: any phone, any screen width, any browser setting -> the post fits the screen.
It does not depend on one phone or one button: everything inside the post content is kept
inside the screen width, text wraps instead of overflowing, and big fixed sizes shrink.
========================================================= */
:root{color-scheme:dark}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html body.single-post{overflow-x:hidden;overflow-x:clip;max-width:100%}
/* 1) Nothing inside the post may be wider than the screen */
html body.single-post .atom-single-card,
html body.single-post .atom-details-panel,
html body.single-post .atom-content-text{
max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
html body.single-post .atom-content-text *{
box-sizing:border-box;
max-width:100%;
min-width:0;
}
/* inline widths written into old / pasted posts (width:600px, width="728" ...) */
html body.single-post .atom-content-text [style*="width"]:not(img):not(.maxbutton):not(.mb-text){max-width:100%!important}
html body.single-post .atom-content-text [width]:not(img){max-width:100%!important}
/* 2) Text always wraps (long links, long file names, Bengali text without spaces) */
html body.single-post .atom-content-text,
html body.single-post .atom-content-text p,
html body.single-post .atom-content-text div,
html body.single-post .atom-content-text li,
html body.single-post .atom-content-text a,
html body.single-post .atom-content-text strong,
html body.single-post .atom-content-text span{
overflow-wrap:anywhere;
word-wrap:break-word;
hyphens:manual;
}
html body.single-post .atom-content-text{
font-family:Roboto,"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
/* 3) Media */
html body.single-post .atom-content-text iframe,
html body.single-post .atom-content-text video,
html body.single-post .atom-content-text embed,
html body.single-post .atom-content-text object,
html body.single-post .atom-content-text canvas,
html body.single-post .atom-content-text svg{max-width:100%!important}
html body.single-post .atom-content-text iframe[src*="youtube"],
html body.single-post .atom-content-text iframe[src*="youtu.be"],
html body.single-post .atom-content-text iframe[src*="vimeo"],
html body.single-post .atom-content-text video{width:100%!important;height:auto!important;aspect-ratio:16/9}
/* 4) Tables and code scroll inside their own box instead of widening the page */
html body.single-post .atom-content-text table{display:block;max-width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
html body.single-post .atom-content-text pre,
html body.single-post .atom-content-text code{white-space:pre-wrap;max-width:100%;overflow-x:auto}
/* 5) Every button-looking link: stays inside the screen, text may wrap, background stays one piece */
html body.single-post .atom-content-text a[class*="btn"],
html body.single-post .atom-content-text a[class*="button"],
html body.single-post .atom-content-text a[role="button"],
html body.single-post .atom-content-text button{
max-width:100%!important;
box-sizing:border-box!important;
white-space:normal!important;
text-align:center;
line-height:1.3;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
}
html body.single-post .atom-content-text a[class*="btn"]:not(.maxbutton):not(.atom-ab-btn),
html body.single-post .atom-content-text a[class*="button"]:not(.maxbutton):not(.atom-ab-btn){display:inline-block}
/* 6) Headings never bigger than the screen can take */
html body.single-post .atom-content-text h1{font-size:clamp(20px,6vw,30px)!important;line-height:1.3!important}
html body.single-post .atom-content-text h2{font-size:clamp(18px,5.4vw,26px)!important;line-height:1.3!important}
html body.single-post .atom-content-text h3{font-size:clamp(16px,4.8vw,22px)!important;line-height:1.3!important}
html body.single-post .atom-content-text h4,
html body.single-post .atom-content-text h5{font-size:clamp(15px,4.4vw,19px)!important;line-height:1.3!important}
/* 7) Auto block (How to Download Movie / Join Telegram) */
html body .atom-auto-block{max-width:100%;box-sizing:border-box;overflow:hidden}
html body .atom-auto-block .atom-ab-title{font-size:clamp(20px,6vw,28px)!important}
html body .atom-auto-block .atom-ab-sub{font-size:clamp(15px,4.4vw,20px)!important}
/* 8) Ads / embeds never push the page sideways */
html body.single-post .atom-content-text ins,
html body.single-post .atom-content-text .adsbygoogle,
html body.single-post .atom-content-text [class*="atomx"],
html body.single-post .atom-content-text [id*="atomx"]{max-width:100%!important;overflow:hidden}
/* Small phones: less padding, so the content gets the space */
@media (max-width:600px){
html body.single-post .atom-details-panel{padding:10px!important}
html body.single-post .atom-content-text{font-size:15.5px;line-height:1.6}
/* generated post box (poster / info / synopsis / screenshots) */
html body.single-post .atom-content-text .atom-apg-wrap,
html body.single-post .atom-content-text div[style*="background:#0b111d"]{padding:12px!important;border-radius:8px!important}
html body.single-post .atom-content-text div[style*="background:#111b2b"]{padding:12px!important}
html body .atom-auto-block{padding:18px 10px!important;margin:22px 0!important}
}
@media (max-width:360px){
html body.single-post .atom-content-text{font-size:14.5px}
html body.single-post .atom-details-panel{padding:8px!important}
}
/* =========================================================
v16.37 - Screenshots: full content width (like the source site), never cut
========================================================= */
html body.single-post .atom-content-text figure.atom-apg-shot,
html body.single-post .atom-content-text figure.atom-apg-shot > a,
html body.single-post .atom-content-text figure.atom-apg-shot img,
html body.single-post .atom-content-text img[alt="Screenshot"],
html body.single-post .atom-content-text div[style*="max-width:760px"]{
width:100%!important;
max-width:100%!important;
}
html body.single-post .atom-content-text img[alt="Screenshot"][style*="max-width:760px"]{max-width:100%!important}
/* =========================================================
v16.38 - MOBILE: use the whole screen width
On a phone the post sat inside 5-6 boxes inside each other (page, card, body, panel, generated post box,
info box), each with its own border + side padding, leaving only ~half of the screen for the content.
Now the empty wrapper boxes are flattened; only the generated post box stays as the one visible card.
========================================================= */
@media (max-width:760px){
html body.single-post.atom-dark .main-container{padding-left:6px!important;padding-right:6px!important}
html body.single-post .atom-single-layout{padding-left:0!important;padding-right:0!important}
html body.single-post .atom-single-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-left:0!important;margin-right:0!important}
html body.single-post .atom-single-body{padding:4px 0!important}
html body.single-post .atom-details-panel{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
html body.single-post .atom-details-panel > h2{padding:0 4px;margin-bottom:10px}
/* generated post box = the one visible card; inner boxes are slimmer */
html body.single-post .atom-content-text .atom-apg-wrap,
html body.single-post .atom-content-text div[style*="background:#0b111d"]{padding:10px 8px!important;border-radius:10px!important;margin-left:0!important;margin-right:0!important}
html body.single-post .atom-content-text div[style*="background:#111b2b"]{padding:10px 10px!important;margin:12px 0!important}
html body.single-post .atom-content-text .atom-apg-wrap > .wp-block-group__inner-container{padding:0!important}
/* poster and screenshots use the free width */
html body.single-post .atom-content-text figure.atom-apg-poster img,
html body.single-post .atom-content-text img[data-atom-poster]{width:min(100%,380px)!important;max-width:100%!important}
}
/* =========================================================
v16.39 - DOWNLOAD BUTTON: always one solid button, text wraps inside it (any phone, any text length)
The old rules forced the text onto ONE line and clipped it (white-space:nowrap + overflow:hidden), so on a narrow
screen "Download Now 480p 720p 1080p" was cut / overlapped and the background broke into pieces.
========================================================= */
html body.single-post .atom-content-text .mb-center,
html body.single-post .atom-content-text .mb-container,
html body.single-post .atom-content-text .maxbutton-container{
display:block!important;float:none!important;
width:100%!important;max-width:100%!important;min-width:0!important;
margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;
text-align:center!important;box-sizing:border-box!important;
}
html body.single-post .atom-content-text a.maxbutton,
html body.single-post .atom-content-text a[class*="maxbutton-"],
html body.single-post .atom-content-text .mb-container > a,
html body.single-post .atom-content-text .mb-center a.maxbutton{
display:flex!important;align-items:center!important;justify-content:center!important;
position:relative!important;float:none!important;
width:100%!important;max-width:min(100%,380px)!important;min-width:0!important;
height:auto!important;min-height:52px!important;
margin:14px auto!important;padding:12px 16px!important;
box-sizing:border-box!important;
white-space:normal!important;overflow:visible!important;
line-height:1.25!important;text-align:center!important;text-decoration:none!important;
-webkit-box-decoration-break:clone;box-decoration-break:clone;
}
html body.single-post .atom-content-text a.maxbutton .mb-text,
html body.single-post .atom-content-text a.maxbutton .mb-text2,
html body.single-post .atom-content-text a[class*="maxbutton-"] .mb-text,
html body.single-post .atom-content-text a[class*="maxbutton-"] .mb-text2,
html body.single-post .atom-content-text a.maxbutton span{
display:block!important;position:static!important;transform:none!important;
width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;
margin:0!important;padding:0!important;
white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
text-align:center!important;overflow-wrap:anywhere;
font-size:clamp(15px,4.6vw,19px)!important;line-height:1.25!important;
}
/* =========================================================
v16.40 - "Download Now" link button written by hand:
It is a plain INLINE link (no class), so when its text wrapped on a narrow screen the gradient broke into pieces.
Now it is one solid block that grows with its text. Works for every link-button with an inline gradient background.
========================================================= */
html body.single-post .atom-content-text h6,
html body.single-post .atom-content-text h5,
html body.single-post .atom-content-text h4{overflow:visible}
html body.single-post .atom-content-text h6 > a[href],
html body.single-post .atom-content-text h5 > a[href],
html body.single-post .atom-content-text p > a[style*="linear-gradient"],
html body.single-post .atom-content-text a[style*="linear-gradient"]{
display:inline-block!important;
box-sizing:border-box!important;
max-width:min(100%,380px)!important;
min-width:0!important;
padding:12px 20px!important;
margin:6px auto!important;
white-space:normal!important;
text-align:center!important;
line-height:1.3!important;
font-size:clamp(15px,4.6vw,18px)!important;
overflow-wrap:anywhere;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
}
html body.single-post .atom-content-text h6:has(> a[href]){font-size:inherit;line-height:1.3;margin:10px 0}
/* =========================================================
v16.41 - Post poster (image under the title): smaller and nicer
Was 300px (theme forced up to 430px). v16.42: 190px poster (150px on phones, never more than ~46% of the screen width),
with rounded corners, a soft border and shadow. Works for new (image block) and old (Custom HTML) posts.
========================================================= */
html body.single-post .atom-content-text figure.atom-apg-poster img,
html body.single-post .atom-content-text img[data-atom-poster],
html body.single-post .atom-content-text img[style*="width:300px;max-width:90%"]{
display:block!important;
width:190px!important;
max-width:50%!important;
height:auto!important;
max-height:none!important;
margin:6px auto 18px!important;
object-fit:contain!important;
border-radius:14px!important;
border:1px solid rgba(130,170,230,.35)!important;
box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 0 4px rgba(255,255,255,.03)!important;
}
@media (max-width:760px){
html body.single-post .atom-content-text figure.atom-apg-poster img,
html body.single-post .atom-content-text img[data-atom-poster],
html body.single-post .atom-content-text img[style*="width:300px;max-width:90%"]{
width:150px!important;
max-width:46%!important;
margin:4px auto 14px!important;
border-radius:12px!important;
}
}
/* =========================================================
v16.62 - STYLISH DOWNLOAD BUTTON (premium look)
"Download Now 480p 720p 1080p" (hand-made