/*
Theme Name: SkyTamil Standalone
Theme URI: https://www.skytamil.net/
Author: SkyTamil
Author URI: https://www.skytamil.net/
Description: Lightweight standalone WordPress theme for Tamil TV serials, shows, live content and category-based entertainment websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skytamil
Tags: custom-logo, custom-menu, featured-images, responsive-layout, one-column, two-columns, three-columns
*/

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;

}

abbr[title] {

	border-bottom: 1px dotted;

}

b,

strong {

	font-weight: bold;

}

dfn {

	font-style: italic;

}

h1 {

	font-size: 2em;

	margin: 0.67em 0;

}

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;

}

fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}

legend {

	border: 0;

	padding: 0;

}

textarea {

	overflow: auto;

}

optgroup {

	font-weight: bold;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

td,

th {

	padding: 0;

}

body,

button,

input,

select,

textarea {

	color: #303030;

	font-family: 'Open Sans', Tahoma, Arial;

	font-size: 17px;

	font-size: 1.0625rem;

	line-height: 1.75;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}

p {

	margin-bottom: 1.5em;

}

dfn,

cite,

em,

i {

	font-style: italic;

}

blockquote {

	margin: 0 1.5em;

}

address {

	margin: 0 0 1.5em;

}

pre {

	background: #eee;

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

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}

code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 15px;

	font-size: 0.9375rem;

}

abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark,

ins {

	text-decoration: none;

}

big {

	font-size: 125%;

}

html {

	box-sizing: border-box;

}

*,

*:before,

*:after {

	box-sizing: inherit;

}

body {

	background: #ddd;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}

blockquote,

q {

	quotes: "" "";

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}

ul,

ol {

	margin: 0 0 1.5em 3em;

}

ul {

	list-style: disc;

}

ol {

	list-style: decimal;

}

li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 1.5em 1.5em;

}

img {

	height: auto;

	max-width: 100%;

}

table {

	margin: 0 0 1.5em;

	width: 100%;

}

a {

	color: #00AEEF;

	text-decoration: none;

}

a:link,

a:visited {

	color: #00AEEF;

}

a:hover,

a:focus,

a:active {

	color: #303030;

}

a:focus {

	outline: thin dotted;

}

a:hover,

a:active {

	outline: 0;

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	margin: 0;

	padding: 0.6em 1em;

	font-size: 17px;

	font-size: 1.0625rem;

	color: #fff;

	background: #00AEEF;

	border: none;

	text-decoration: none;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover,

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 {

	background: #303030;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	max-width: 100%;

	padding: 0.3em 0.6em;

	color: #666;

	border: 1px solid #ddd;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	color: #111;

	border: 1px solid #ccc;

}

textarea {

	width: 100%;

}

	.home.ban-1 img {
    float: left !important;
    width: 100% !important;
    margin-bottom: 15px;
    height: 100px !important;
}
.home.ban-2 img {
    float: left;
    width: 100% !important;
    margin-bottom: 10px;
    height: 100px !important;
}
.home.ban-2 {
    float: left;
    width: 100%;
}
.home.ban-1 {
    float: left;
    width: 100%;
}

.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;

	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;

}

.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;

}

.clearfix:before,

.clearfix:after {

	content: "";

	display: table;

}

.clearfix:after {

	clear: both;

}

.site {

	width: 100%;

	margin: 0;

    background-color: #FFFFFF;

}

.container {

	max-width: 1320px;

	width: 100%;

	margin: 0 auto;

	padding: 0 2em;

}

.site-content {

	padding-top: 2em;

}

.content-area {

	float: left;

	width: 73%;

	padding-right: 2em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.sidebar {

	float: right;

	width: 27%;

}

.related_posts li .post-name-items .social-sharing {
    display: none;
}

.site-content .content-fullwidth {

	float: none;

	width: 100%;

	padding: 0;

}

.site-header {

	color: #fff;

	background: #303030;

}

.header-main {

	padding-top: 1em;

	padding-bottom: 1em;

}

.site-branding {

	float: left;

	max-width: 100%;

	margin: 1em 0;

	padding: 0;

}

.site-branding a:link,

.site-branding a:visited,

.site-branding a:hover {

	text-decoration: none;

	padding: 0;

	border: none;

}

.site-title {

	display: inline-block;

	margin: 0;

	padding: 0;

	color: #fff;

	font-family: 'Titillium Web', sans-serif;

	font-size: 36px;

	font-size: 2.25rem;

	font-weight: normal;

	text-decoration: none;

	text-transform: uppercase;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.site-branding a:hover .site-title {

	color: #ccc;

}

.header-widgets {

	display: inline;

}

.header-widget {

	float: right;

	margin: 0.5em 0 0 1.5em;

}

.header-widget ul {

	margin: 0;

	padding: 0;

}

.header-widget-title {

	margin: 0 0 0.5em;

}

.header-image {

	text-align: center;

}

.header-image img {

	max-width: 2500px;

	max-height: 500px;

	vertical-align: top;

	width: 100%;

	height: auto;

}

.primary-navigation-wrap {

	background: rgba(0,0,0,0.15);

	border-bottom: 5px solid #00AEEF;

	box-shadow: inset 0 1px 0 rgba(0,0,0, 0.05);

}

.main-navigation-toggle {

	display: none;

}

.main-navigation-menu {

	float: left;

	margin: 0;

	padding: 0;

	list-style-type: none;

	list-style-position: outside;

	position: relative;

}

.main-navigation-menu li {

	float: left;

	position: relative;

}

.main-navigation-menu a {

	display: block;

	font-family: 'Titillium Web', Tahoma, Arial;

	font-size: 16px;

	font-size: 1rem;

	padding: 0.8em 1.2em 0.7em;

	text-decoration: none;

	text-transform: uppercase;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.main-navigation-menu > .menu-item-has-children > a:after {

	display: inline-block;

	margin: 0.4em 0 0 0.3em;

	font-size: 16px;

	line-height: 1;

	font-family: 'Genericons';

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	text-decoration: inherit;

	vertical-align: top;

	content: '\f431';

	color: #fff;

}

.main-navigation-menu a:link,

.main-navigation-menu a:visited {

	color: #fff;

	text-decoration: none;

}

.main-navigation-menu a:hover,

.main-navigation-menu a:active {

	background: #00AEEF;

}

.main-navigation-menu ul {

	position: absolute;

	display: none;

	z-index: 99;

	margin: 0;

	padding: 0;

	list-style-type: none;

	list-style-position: outside;

	background: #303030;

	border-top: 5px solid #00AEEF;

}

.main-navigation-menu ul li{

	margin: 0;

}

.main-navigation-menu ul a {

	width: 250px;

	width: 16rem;

	padding: 1em;

	float: left;

	font-size: 13px;

	font-size: 0.8125rem;

	border-bottom: 1px dotted rgba(255,255,255,0.2);

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}

.main-navigation-menu ul li:last-child a {

	border-bottom: none;

}

.main-navigation-menu ul .menu-item-has-children > a:after {

	display: inline-block;

	margin: 0.4em 0 0 0.3em;

	font-size: 14px;

	line-height: 1;

	font-family: 'Genericons';

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	text-decoration: inherit;

	vertical-align: top;

	content: '\f431';

	color: #fff;

	-webkit-transform:rotate(270deg);

	-moz-transform:rotate(270deg);

	-o-transform:rotate(270deg);

	-ms-transform:rotate(270deg);

}

.main-navigation-menu li ul ul {

	margin-left: 250px;

	margin-left: 16rem;

	margin-top: -5px;

	border-left: 1px dotted rgba(255,255,255,0.2);

}

.main-navigation-menu li:hover ul ul,

.main-navigation-menu li:hover ul ul ul,

.main-navigation-menu li:hover ul ul ul ul {

	display: none;

}

.main-navigation-menu li:hover ul,

.main-navigation-menu li li:hover ul,

.main-navigation-menu li li li:hover ul,

.main-navigation-menu li li li li:hover ul {

	display: block;

}

.main-navigation-menu li.current-menu-item > a {

	background: #00AEEF;

}

.social-icons-menu {

	margin: 0;

	padding: 0;

	list-style-type: none;

	list-style-position: outside;

	line-height: 1;

}

.social-icons-menu li {

	float: left;

	margin: 0;

	padding: 0;

}

.social-icons-menu li a {

	position: relative;

	display: inline-block;

	padding: 0.5em;

	text-decoration: none;

}

.social-icons-menu li a .screen-reader-text {

	display: none;

}

.social-icons-menu li a:before {

	color: #fff;

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-size: 16px;

	line-height: 1;

	font-family: 'Genericons';

	text-decoration: inherit;

	vertical-align: top;

}

.social-icons-menu li a:before { content: '\f408'; }

.social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }

.social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }

.social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }

.social-icons-menu li a[href*="facebook.com"]:before { content: '\f204'; }

.social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }

.social-icons-menu li a[href*="plus.google.com"]:before { content: '\f218'; }

.social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }

.social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }

.social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }

.social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }

.social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }

.social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }

.social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }

.social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }

.social-icons-menu li a[href*="skype.com"]:before,

.social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }

.social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }

.social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }

.social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }

.social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }

.social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }

.social-icons-menu li a[href*="wordpress.org"]:before { content: '\f205'; }

.social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }

.social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }

.social-icons-menu li a[href*="newsletter"]:before,

.social-icons-menu li a[href*="mailto"]:before { content: '\f410'; }

.social-icons-menu li a[href*="/feed"]:before,

.social-icons-menu li a[href*="/feed/"]:before,

.social-icons-menu li a[href*="?feed=rss2"]:before,

.social-icons-menu li a[href*="feedburner.google.com"]:before,

.social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }

.widget {

	margin: 0 0 2em 0;

	padding: 1em 1.5em 1.5em;

	background: #fff;

	border-top: 3px solid #00AEEF;

	box-shadow: 0 2px 2px #aaa;

	max-width: 100%;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.widget-header {

	margin: 0 0 1em 0;

}

.widget-title {

	display: block;

	margin: 0;

	padding: 0;

	font-family: 'Titillium Web', Tahoma, Arial;

	font-size: 20px;

	font-size: 1.25rem;

	font-weight: normal;

	text-transform: uppercase;

	color: ##00AEEF;

}

.widget ul {

	margin: 0;

	padding: 0;

	list-style: circle inside;

}

.widget ul .children,

.widget ul .sub-menu {

	padding: 0;

	margin: 0.5em 0 0.5em 1em;

}

.widget select {

	max-width: 100%;

}

.search-form {

	display: block;

	position: relative;

	width: 100%;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

.search-form .screen-reader-text {

	display: none;

}

.search-form .search-field {

	display: inline-block;

	margin: 0;

	width: 100%;

	padding: 0.5em 1.5em 0.5em 0.7em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-appearance: none;

}

.search-form .search-submit {

	position: absolute;

	top: 0;

	right: 0;

	border: none;

	padding: 0.65em 0.75em 0 0.2em;

	cursor: pointer;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.search-form .search-submit .genericon-search {

	display: inline-block;

	padding: 0.05em 0 0.55em 0.45em;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-size: 24px;

	line-height: 1;

	font-family: 'Genericons';

	text-decoration: inherit;

	font-weight: normal;

	font-style: normal;

	vertical-align: middle;

	color: #fff;

	content: '\f400';

}

.widget-magazine-posts {

	margin-bottom: -1em;

}

.widget-magazine-posts .type-post {

	margin: 0 0 1.5em 0;

	padding: 0;

	border: none;

	box-shadow: none;

	background: none;

}

.widget-magazine-posts .type-post .wp-post-image {

	margin: 0;

	max-width: 100%;

}

.widget-magazine-posts .type-post .entry-title {

	display: inline;

}

.widget-magazine-posts .type-post .entry-content {

	font-size: 16px;

	font-size: 1rem;

}

.widget-magazine-posts .type-post .entry-content p {

	margin: 1em 0 0;

}

.widget-magazine-posts .type-post .more-link {

	margin: 1em 0 0;

}

.widget-magazine-posts .large-post .entry-title {

	font-size: 22px;

	font-size: 1.375rem;

}

.widget-magazine-posts .medium-post {

	float: left;

	display: block;

	width: 33.33333333%;

	padding-right: 1.5em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts .medium-post .entry-title {

	font-size: 17px;

	font-size: 1.0625rem;

}

.widget-magazine-posts .small-post {

	float: left;

	display: block;

	width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts .small-post .wp-post-image {

	float: left;

	margin: 0 1em 0 0;

	max-width: 40%;

}

.widget-magazine-posts .small-post .entry-title {

	font-size: 16px;

	font-size: 1rem;

}

.widget-magazine-posts .medium-post .entry-meta,

.widget-magazine-posts .small-post .entry-meta {

	font-size: 12px;

	font-size: 0.75rem;

}

.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .wp-post-image {

	float: left;

	width: 50%;

	margin: 0;

	padding-right: 0.75em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .post-content {

	float: right;

	width: 50%;

	padding-left: 0.75em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .medium-posts {

	margin-right: -1.5em;

}

.widget-magazine-posts-boxed .magazine-posts-boxed-vertical .large-post {

	float: left;

	width: 50%;

	margin-bottom: 1em;

	padding-right: 0.75em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts-boxed .magazine-posts-boxed-vertical .small-posts {

	width: 50%;

	margin-left: 50%;

	padding-left: 0.75em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts-grid .magazine-posts-grid-row {

	margin-right: -1.5em;

}

.widget-magazine-posts-grid .magazine-posts-grid-row .large-post {

	float: left;

	width: 50%;

	padding-right: 1.5em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.tortuga-magazine-posts-columns {

	padding: 0;

	border: none;

	box-shadow: none;

	background: none;

}

.tortuga-magazine-posts-columns .widget-magazine-posts {

	margin-bottom: 0;

}

.widget-magazine-posts-columns .magazine-posts-columns .magazine-posts-columns-content {

	margin: 0;

	padding: 1em 1.5em 1.5em;

	background: #fff;

	border-top: 3px solid #00AEEF;

	box-shadow: 0 2px 2px #aaa;

	max-width: 100%;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.widget-magazine-posts-columns .magazine-posts-columns .magazine-posts-columns-content .magazine-posts-columns-post-list {

	float: left;

	margin-bottom: -1.5em;

	width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts-columns .magazine-posts-columns .magazine-posts-columns-content {

	float: left;

	width: 100%;

}

.widget-magazine-posts-columns .magazine-posts-column-left {

	float: left;

	width: 50%;

	padding-right: 1em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts-columns .magazine-posts-column-right {

	margin-left: 50%;

	width: 50%;

	padding-left: 1em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.widget-magazine-posts-columns .medium-post {

	width: 100%;

	padding-right: 0;

}

.type-post,

.type-page,

.type-attachment,

.comments-area  {

	margin: 0 0 2em 0;

	padding: 1.5em;

	background: #fff;

	border-top: 3px solid #030303;

	box-shadow: 0 2px 2px #aaa;

	max-width: 100%;

}

.archive-title,

.page-title,

.entry-title {

	font-family: 'Titillium Web', Tahoma, Arial;

	font-size: 28px;

	font-size: 1.75rem;

	font-weight: bold;

	text-transform: initial;

	padding: 0;

	margin: 0;

	color: #030303;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.entry-title a:link,

.entry-title a:visited {

	color: #030303;

	text-decoration: none;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.entry-title a:hover,

.entry-title a:active{

	color: #303030;

}

.type-post .wp-post-image,

.type-page .wp-post-image {

	margin: 0 0 0.5em;

}

.entry-content p:last-child {

	margin-bottom: 0;

}

.sticky {}

.more-link {

	display: inline-block;

	margin: 1.5em 0 0;

	padding: 0.6em 1em;

	font-size: 15px;

	font-size: 0.9375rem;

	color: #fff;

	background: #00AEEF;

	text-decoration: none;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.more-link:link,

.more-link:visited  {

	color: #fff;

}

.more-link:hover,

.more-link:active {

	background: #303030;

	text-decoration: none;

}

.page-links {

	margin: 0;

	word-spacing: 1em;

	font-weight: bold;

}

.entry-meta {

	margin: 0;

	padding: 0;

	color: #303030;

	font-size: 14px;

	font-size: 0.875rem;

}

.entry-meta .meta-date,

.entry-meta .meta-author,

.entry-meta .meta-category,

.entry-meta .meta-comments {

	margin-right: 1.5em;

}

.entry-meta a:link,

.entry-meta a:visited {

	color: #303030;

}

.entry-meta a:hover,

.entry-meta a:active {

	color: #777;

}

.entry-meta span:before {

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 16px 'Genericons';

	vertical-align: middle;

	color: #333;

	margin-right: 0.2em;

}

.entry-meta .meta-date:before{

	content: '\f307';

}

.entry-meta .meta-author:before{

	content: '\f304';

}

.entry-meta .meta-category:before{

	content: '\f301';

}

.entry-meta .meta-comments:before{

	content: '\f300';

}

.entry-tags {

	margin: 0 0 1.5em;

}

.widget_tag_cloud .tagcloud,

.entry-tags .meta-tags {

	font-size: 14px;

	font-size: 0.875rem;

}

.widget_tag_cloud .tagcloud:before,

.widget_tag_cloud .tagcloud:after,

.entry-tags .meta-tags:before,

.entry-tags .meta-tags:after {

	content: "";

	display: table;

}

.widget_tag_cloud .tagcloud:after,

.entry-tags .meta-tags:after {

	clear: both;

}

.widget_tag_cloud .tagcloud a,

.entry-tags .meta-tags a {

	float: left;

	display: inline-block;

	margin: 0 2px 2px 0;

	padding: 0.2em 0.5em;

	text-decoration: none;

	background: #303030;

	font-size: 12px !important;

	font-size: 0.75rem !important;

	text-transform: uppercase;

}

.widget_tag_cloud .tagcloud a:link,

.widget_tag_cloud .tagcloud a:visited,

.entry-tags .meta-tags a:link,

.entry-tags .meta-tags a:visited {

	color: #fff;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.widget_tag_cloud .tagcloud a:hover,

.widget_tag_cloud .tagcloud a:active,

.entry-tags .meta-tags a:hover,

.entry-tags .meta-tags a:active {

	color: #fff;

	background: #00AEEF;

}

.post-navigation {

	margin: 0;

}

.post-navigation .nav-links:before,

.post-navigation .nav-links:after {

	content: "";

	display: table;

}

.post-navigation .nav-links:after {

	clear: both;

}

.post-navigation .nav-links .nav-previous {

	float: left;

}

.post-navigation .nav-links .nav-next {

	float: right;

}

.post-navigation .nav-links a {

	display: inline-block;

	margin: 0 0 3px;

	padding: 0.3em 0.8em;

	font-size: 14px;

	font-size: 0.875rem;

	text-decoration: none;

	color: #fff;

	background:#00AEEF;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.post-navigation .nav-links a:link,

.post-navigation .nav-links a:visited  {

	color: #fff;

}

.post-navigation .nav-links a:hover,

.post-navigation .nav-links a:active {

	background: #303030;

}

.post-pagination {

	margin: 0 0 2em;

}

.post-pagination a,

.post-pagination .current {

	display: inline-block;

	margin: 0 3px 3px 0;

	padding: 0.4em 1em;

    text-align: center;

	text-decoration: none;

	color: #fff;

	background: #303030;

}

.post-pagination a:link,

.post-pagination a:visited {

	color: #fff;

}

.post-pagination a:hover,

.post-pagination a:active,

.post-pagination .current {

	background: #00AEEF;

}

.infinite-scroll .post-pagination {

	display: none;

}

.infinite-scroll #infinite-handle span {

	display: inline-block;

	margin: 0 0 2em;

	padding: 0.4em 1em;

	background: #303030;

	font-size: 17px;

	font-size: 1.0625rem;

	text-decoration: none;

}

.infinite-scroll #infinite-handle span:hover {

	background: #00AEEF;

}

.page-header {

	margin: 0 0 2em 0;

	padding: 1.5em;

	background: #fff;

	border-top: 3px solid #00AEEF;

	box-shadow: 0 2px 2px #aaa;

}

.homepage-description,

.archive-description p {

	margin-bottom: 0;

}

.breadcrumbs {

	margin: 0;

	padding: 0.5em 0;

	background: #fff;

	box-shadow: 0 2px 2px #aaa;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.breadcrumbs-container {

	color: #222;

	font-size: 14px;

	font-size: 0.875rem;

}

.breadcrumbs .trail-browse,

.breadcrumbs .trail-items,

.breadcrumbs .trail-items li {

	display: inline;

	margin: 0;

	padding: 0;

}

.breadcrumbs .trail-browse {

	margin-right: 0.5em;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: normal;

}

.breadcrumbs .trail-items {

	list-style: none;

}

.breadcrumbs .trail-items li::after {

	content: "\00bb";

	padding: 0 0.5em;

}

.trail-separator-slash .trail-items li::after { content: "\002F"; }

.trail-separator-dash .trail-items li::after { content: "\2013"; }

.trail-separator-bull .trail-items li::after { content: "\2022"; }

.trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; }

.trail-separator-raquo .trail-items li::after { content: "\00bb"; }

.trail-separator-single-arrow .trail-items li::after { content: "\2192"; }

.trail-separator-double-arrow .trail-items li::after { content: "\21D2"; }

.breadcrumbs .trail-items li:last-of-type::after {

	display: none;

}

.post-layout-columns .post-wrapper {

	display: flex;

	flex-wrap: wrap;

	margin-right: -2em;

}

.post-layout-columns .post-wrapper .post-column {

	float: left;

	display: flex;

	padding-right: 2em;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.post-layout-columns .post-wrapper .post-column .type-post {

	display: flex;

	flex-direction: column;

}

.post-layout-columns .post-wrapper .post-column  .type-post .entry-title {

	font-size: 22px;

	font-size: 1.375rem;

}

.post-layout-columns .post-wrapper .post-column  .type-post .entry-content {

	flex-grow: 1;

	font-size: 16px;

	font-size: 1rem;

}

.post-layout-columns .post-wrapper .post-column  .type-post .more-link {

	font-size: 15px;

	font-size: 0.9375rem;

}

.post-layout-two-columns .post-wrapper .post-column {

	width: 50%;

}

.post-layout-two-columns .post-wrapper .post-column:nth-child(2n + 1) {

	clear: left;

}

.post-layout-three-columns .content-archive {

	float: none;

	width: 100%;

	padding: 0;

}

.post-layout-three-columns .post-wrapper .post-column {

	width: 33.3333333333333%;

}

.post-layout-three-columns .post-wrapper .post-column:nth-child(3n + 1) {

	clear: left;

}

.post-four-column
.content-archive {

	float: none;

	width: 100%;

	padding: 0;

}
.post-four-column {
    width: 25%;
    padding-right: 15px;
}

.comments-area {

	padding: 1em 1.5em;

}

.comments-header,

.comment-reply-title {

	margin: 0 0 1em 0;

}

.comments-header .comments-title,

.comment-reply-title span {

	display: inline-block;

	font-family: 'Titillium Web', Tahoma, Arial;

	font-size: 20px;

	font-size: 1.25rem;

	font-weight: normal;

	text-transform: uppercase;

	padding: 0;

	margin: 0;

	color: #00AEEF;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.comment-list {

	margin: 0;

	padding: 0;

	list-style: none;

}

.comment {

	margin: 0 0 1.5em;

	padding: 1.5em 0 0;

	border-top: 1px dotted #aaa;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.comment-meta {

	float: left;

	width: 100%;

	padding: 0;

}

.comment-meta .comment-author img {

	float: left;

	margin-right: 1em;

}

.bypostauthor {

	display: block;

}

.comment-meta .comment-metadata {

	margin-top: 0.3em;

	font-size: 14px;

	font-size: 0.875rem;

}

.comment-meta .comment-metadata a {

	margin-right: 1em;

}

.comment-content {

	clear: left;

	padding: 0.2em 0 0;

}

.comment-content a {

	word-wrap: break-word;

}

.comment ol.children {

	list-style: none;

	margin: 1.5em 0 0;

}

.comment .comment-respond {

	margin-top: 1.5em;

}

.comment-navigation {

	margin: 0 0 1.5em;

	padding: 0;

	font-size: 14px;

	font-size: 0.875rem;

}

.comment-navigation .nav-previous {

	float: left;

}

.comment-navigation .nav-next {

	float: right;

}

.comment-form {

	padding: 0;

}

.comment-form label {

	display: inline-block;

	min-width: 150px;

	font-weight: bold;

}

.comment-form textarea {

	margin-top: 0.4em;

}

.comment-form .form-submit {

	margin-bottom: 1em;

}

.comment-reply-title small a {

	margin-left: 1em;

	text-decoration: underline;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: normal;

}

.footer-wrap {

	background: #303030;

}

.site-footer {

	font-size: 15px;

	font-size: 0.9375rem;

	color: #ddd;

}

.site-footer .site-info {

	float: left;

	padding: 2.5em 0;

}

.site-footer a:link,

.site-footer a:visited {

	color: #fff;

	border-bottom: 1px dotted #aaa;

}

.site-footer a:hover,

.site-footer a:focus,

.site-footer a:active {

	color: #ddd;

}

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

embed,

iframe,

object {

	max-width: 100%;

}

.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;

}

.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;

}

@media only screen and (max-width: 80em) {

	.container {

		padding: 0 1.5em;

	}

	.site-content {

		padding-top: 1.5em;

	}

	.content-area {

		padding-right: 1.5em;

	}

	.header-main {

		padding-top: 1em;

		padding-bottom: 1em;

	}

	.widget,

	.page-header,

	.type-post,

	.type-page,

	.type-attachment,

	.post-pagination,

	.comments-area {

		margin-bottom: 1.5em;

	}

	.post-layout-columns .post-wrapper {

		margin-right: -1.5em;

	}

	.post-layout-columns .post-wrapper .post-column {

		padding-right: 1.5em;

	}

}

@media only screen and (max-width: 70em) {

	.content-area {

		width: 70%;

	}

	.sidebar {

		width: 30%;

	}

	.post-layout-columns .post-wrapper .post-column  .type-post .entry-title {

		font-size: 20px;

		font-size: 1.25rem;

	}

	.widget-magazine-posts .large-post .entry-title {

		font-size: 20px;

		font-size: 1.25rem;

	}

	.widget-magazine-posts .medium-post .entry-title {

		font-size: 16px;

		font-size: 1rem;

	}

	.widget-magazine-posts .small-post .entry-title {

		font-size: 15px;

		font-size: 0.9375rem;

	}

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .more-link  {

		display: none;

	}

}

@media only screen and (max-width: 65em) {

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .entry-content {

		display: none;

	}

}

@media only screen and (max-width: 60em) {

	.content-area,

	.site-content .content-fullwidth {

		float: none;

		width: 100%;

		padding: 0;

	}

	.sidebar {

		display: flex;

		flex-wrap: wrap;

		float: none;

		padding: 0;

		width: auto;

		margin-right: -1.5em;

	}

	.sidebar .widget-wrap {

		float: right;

		display: flex;

		width: 50%;

		padding-right: 1.5em;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}

	.sidebar .widget-wrap .widget {

		width: 100%;

	}

	.sidebar .widget-wrap:nth-child(2n + 1) {

		clear: left;

	}

	.site-branding {

		float: none;

		text-align: center;

		margin: 0;

	}

	.header-widgets {

		display: block;

		text-align: center;

	}

	.header-widget {

		float: none;

		display: inline-block;

		margin: 1em 0 0;

		vertical-align: top;

		max-width: 100%;

	}

	.header-widget .search-form {

		max-width: 300px;

	}

	.post-layout-three-columns .post-wrapper .post-column {

		width: 50%;

	}

	.archive-title,

	.page-title,

	.entry-title {

		font-size: 26px;

		font-size: 1.625rem;

	}

	.post-layout-columns .post-wrapper .post-column  .type-post .entry-title {

		font-size: 22px;

		font-size: 1.375rem;

	}

	.primary-navigation {

		margin: 0;

	}

	.primary-navigation,

	.main-navigation-menu li {

		float: none;

		position: static;

	}

	.main-navigation-menu ul {

		position: static;

		display: block;

	}

	.main-navigation-menu ul a {

		width: auto;

		float: none;

	}

	.main-navigation-menu li ul ul {

		margin-left: 0;

	}

	.main-navigation-menu li:hover ul ul,

	.main-navigation-menu li:hover ul ul ul,

	.main-navigation-menu li:hover ul ul ul ul,

	.main-navigation-menu li:hover ul,

	.main-navigation-menu li li:hover ul,

	.main-navigation-menu li li li:hover ul,

	.main-navigation-menu li li li li:hover ul {

		display: inline;

	}

	.main-navigation-menu > .menu-item-has-children > a:after,

	.main-navigation-menu ul .menu-item-has-children > a:after {

		display: none;

	}

	.main-navigation-toggle {

		float: left;

		display: inline-block;

		margin: 0 0 0 1.5em;

		padding: 0.8em 1.2em;

		background: #00AEEF;

	}

	.main-navigation-toggle:hover,

	.main-navigation-toggle:focus,

	.main-navigation-toggle:active {

		cursor: pointer;

		background: none;

	}

	.main-navigation-toggle:after {

		float: left;

		display: inline-block;

		font-size: 24px;

		line-height: 1;

		font-family: 'Genericons';

		-webkit-font-smoothing: antialiased;

		-moz-osx-font-smoothing: grayscale;

		text-decoration: inherit;

		vertical-align: middle;

		content: '\f419';

		color: #fff;

	}

	.main-navigation-toggle:active,

	.main-navigation-toggle:focus,

	.main-navigation-toggle:hover {

		background: #00AEEF;

	}

	.primary-navigation {

		padding: 0;

	}

	.main-navigation-menu {

		float: left;

		width: 100%;

		display: none;

		padding: 3px 0;

		border-top: 5px solid #00AEEF;

	}

	.main-navigation-menu a {

		display: block;

		clear: left;

		padding: 1em 1.5em;

		border-bottom: 1px dotted rgba(255,255,255,0.2);

	}

	.main-navigation-menu li:last-child a {

		border-bottom: none;

	}

	.main-navigation-menu ul {

		float: none;

		width: 100%;

		border: none;

	}

	.main-navigation-menu ul a {

		display: block;

		width: 100%;

		padding-left: 3em;

	}

	.main-navigation-menu ul li ul a {

		padding-left: 4em;

	}

	.main-navigation-menu ul li ul li ul a {

		padding-left: 5em;

	}

	.main-navigation-menu ul li ul li ul li ul a {

		padding-left: 6em;

	}

	.main-navigation-menu ul li:last-child a {

		border-bottom: 1px dotted rgba(255,255,255,0.2);

	}

	.main-navigation-menu ul ul {

		border-top: 1px dotted rgba(255,255,255,0.2);

		border-left: none;

	}

	.main-navigation-menu .submenu-dropdown-toggle {

		float: right;

		display: block;

		margin: 0;

		padding: 0.8em 1.2em;

	}

	.main-navigation-menu .submenu-dropdown-toggle:hover {

		cursor: pointer;

	}

	.main-navigation-menu .submenu-dropdown-toggle:before {

		font-size: 32px;

		line-height: 1;

		font-family: 'Genericons';

		-webkit-font-smoothing: antialiased;

		-moz-osx-font-smoothing: grayscale;

		text-decoration: inherit;

		vertical-align: middle;

		content: '\f431';

		color: #fff;

	}

	.main-navigation-menu .submenu-dropdown-toggle:hover,

	.main-navigation-menu .submenu-dropdown-toggle:active {

		background: #00AEEF;

	}

	.main-navigation-menu .submenu-dropdown-toggle.active:before {

		content: '\f432';

	}

	.main-navigation-menu ul .submenu-dropdown-toggle {

		padding: 0.55em 1em;

	}

	.main-navigation-menu ul .submenu-dropdown-toggle:before {

		font-size: 24px;

	}

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .entry-content,

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .more-link {

		display: inline-block;

	}

	.widget-magazine-posts .large-post .entry-title 	{

		font-size: 22px;

		font-size: 1.375rem;

	}

	.widget-magazine-posts .medium-post .entry-title {

		font-size: 17px;

		font-size: 1.0625rem;

	}

	.widget-magazine-posts .small-post .entry-title {

		font-size: 16px;

		font-size: 1rem;

	}

}

@media only screen and (max-width: 55em) {

}

@media only screen and (max-width: 50em) {

	.archive-title,

	.page-title,

	.entry-title {

		font-size: 24px;

		font-size: 1.5rem;

	}

	.post-layout-columns .post-wrapper .post-column  .type-post .entry-title {

		font-size: 20px;

		font-size: 1.25rem;

	}

	.widget-magazine-posts .large-post .entry-title {

		font-size: 20px;

		font-size: 1.25rem;

	}

	.widget-magazine-posts .medium-post .entry-title {

		font-size: 16px;

		font-size: 1rem;

	}

	.widget-magazine-posts .small-post .entry-title {

		font-size: 15px;

		font-size: 0.9375rem;

	}

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .more-link  {

		display: none;

	}

}

@media only screen and (max-width: 45em) {

#secondary{width:100%;}
	.widget-magazine-posts .medium-post .entry-title {

		font-size: 15px;

		font-size: 0.9375rem;

	}

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .entry-content {

		display: none;

	}

}

@media only screen and (max-width: 40em) {

	.post-layout-columns .post-wrapper {

		display: block;

		margin-right: 0;

	}

	.post-layout-columns .post-wrapper .post-column {

		float: none;

		display: block;

		padding-right: 0;

	}

	.post-layout-two-columns .post-wrapper .post-column,

	.post-layout-three-columns .post-wrapper .post-column {

		width: 100%;

	}

	.archive-title,

	.page-title,

	.entry-title,

	.post-layout-columns .post-wrapper .post-column  .type-post .entry-title {

		font-size: 22px;

		font-size: 1.375rem;

	}

	.entry-content {

		font-size: 16px;

		font-size: 1rem;

	}

	.sidebar {

		margin-right: 0;

	}

	.sidebar .widget-wrap {

		float: none;

		width: 100%;

		padding-right: 0;

	}

	.widget-magazine-posts-grid .large-post-row {

		margin-right: 0;

	}

	.widget-magazine-posts-grid .magazine-posts-grid-row .large-post,

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .wp-post-image,

	.widget-magazine-posts-boxed .magazine-posts-boxed-vertical .large-post,

	.widget-magazine-posts-columns .magazine-posts-column-left {

		float: none;

		width: 100%;

		padding: 0;

	}

	.widget-magazine-posts-boxed .magazine-posts-boxed-vertical .small-posts,

	.widget-magazine-posts-columns .magazine-posts-column-right {

		width: 100%;

		padding-top: 1em;

		margin-left: 0;

		padding-left: 0;

	}

	.widget-magazine-posts .large-post .wp-post-image {

		float: left;

		margin: 0 1.5em 0 0;

		max-width: 50%;

	}

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .post-content {

		float: right;

		width: 50%;

		padding-left: 1.5em;

	}

	.widget-magazine-posts-grid .magazine-posts-grid-row .large-post {

		clear: left;

	}

	.widget-magazine-posts-grid .magazine-posts-grid-row .large-post .wp-post-image {

		margin-bottom: 1em;

	}

	.widget-magazine-posts .large-post .entry-content {

		display: none;

	}

	.widget-magazine-posts .large-post .entry-title {

		font-size: 18px;

		font-size: 1.125rem;

	}

}

@media only screen and (max-width: 35em) {

	.widget-magazine-posts-grid .medium-post-row {

		margin-right: 0;

	}

	.widget-magazine-posts .medium-post {

		float: none;

		width: 100%;

		padding-right: 0;

	}

	.widget-magazine-posts .medium-post .wp-post-image {

		float: left;

		margin: 0 1em 0 0;

		max-width: 120px;

	}

}

@media only screen and (max-width: 30em) {

	.site-branding .site-title {

		font-size: 32px;

		font-size: 2rem;

	}

	.archive-title,

	.page-title,

	.entry-title,

	.post-layout-columns .post-wrapper .post-column  .type-post .entry-title {

		font-size: 20px;

		font-size: 1.25rem;

	}

	.alignright, .alignleft {

		float: none;

		margin: 1em 0;

	}

	.widget-magazine-posts .medium-post .wp-post-image,

	.widget-magazine-posts .small-post .wp-post-image {

		max-width: 30%;

	}

	.widget-magazine-posts .large-post .wp-post-image,

	.widget-magazine-posts-grid .magazine-posts-grid-row .large-post .wp-post-image {

		float: none;

		margin: 0 0 0.5em 0;

		max-width: 100%;

	}

	.widget-magazine-posts-boxed .magazine-posts-boxed-horizontal .large-post .post-content {

		float: none;

		width: 100%;

		padding: 0;

	}

	.widget-magazine-posts .large-post .entry-title {

		font-size: 20px;

		font-size: 1.25rem;

	}

	.widget-magazine-posts .large-post .entry-content,

	.widget-magazine-posts .large-post .entry-content .more-link {

		display: inline-block;

	}

}

@media only screen and (max-width: 20em) {

	.site-branding .site-title {

		font-size: 28px;

		font-size: 1.75rem;

	}

	.archive-title,

	.page-title,

	.entry-title,

	.post-layout-columns .post-wrapper .post-column  .type-post .entry-title {

		margin: 0 0 0.5em;

		font-size: 18px;

		font-size: 1.125rem;

	}

	.entry-meta .meta-date,

	.entry-meta .meta-author,

	.entry-meta .meta-category,

	.entry-meta .meta-comments {

		display: block;

	}

	.widget-magazine-posts .medium-post .entry-title,

	.widget-magazine-posts .small-post .entry-title {

		font-size: 13px;

		font-size: 0.8125rem;

		vertical-align: top;

	}

	.widget-magazine-posts .medium-post .entry-meta,

	.widget-magazine-posts .small-post .entry-meta {

		display: none;

	}

}

.sidebar-left .content-area {

	float: right;

	padding-right: 0;

	padding-left: 2em;

}

.sidebar-left .sidebar {

	float: left;

}

.site-header {

	background:none !important;

}

.primary-navigation-wrap {

	background:#00AEEF;

}

.header-main {

	padding-top: 10px;

	padding-bottom: 10px;

}

.site-branding {

	margin: 0px;

}

.site-branding img {

	max-width:260px;

}

.header-right-content {

 display: none;

}

.type-post .wp-post-image, .type-page .wp-post-image {

	width: 100%;

}

.single .relatedposts .relatedthumb {

    display:inline-block;

    width: 32%;

}

.type-page {

	padding:0px;

	background:none !important;

	box-shadow:none !important;

	border-top: none !important;

}

.main-navigation-menu a:link, .main-navigation-menu a:visited {

	color: #fff;

	font-weight: bold;

}

.main-navigation-menu a:hover, .main-navigation-menu a:active {

	background:#efefef;

	color: #333;

}

.primary-navigation-wrap {

	border-bottom: none !important;

}

.site-branding {

	margin-top: 20px;

}

.site-branding {

	width: 33.33%;

	float: left;

}

.header-widgets {

	width: 66.66%;

	float: left;

}

.header-widget {

	float: none !important;

	margin: 0px;

}

.widget {

	padding: 10px !important;

}

.widget_media_image img {

	height: 120px !important;

	border:1px solid #ddd;

	width: 100%;

}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {

	background-color:#00AEEF !important;

}

.vc_gitem-post-data-source-post_excerpt p {

 	 display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  	overflow: hidden;

  }

 .vc_gitem-post-data-source-post_excerpt p  {

  	margin: 0px;

 }

.vc_custom_heading h4{

		margin-top: 0px;

		margin-bottom: 0px;

}

.vc_gitem_row .vc_gitem-col {

	min-height: 202px;

}

.vc-gitem-zone-height-mode-auto:before {

	padding-top: 70% !important;

}

.related-post-title {

	font-size:24px;

	color:#444;

	border-bottom: 1px solid #00AEEF;

}

.related_posts li {

	width:25%;

	float:left;

	list-style: none;

	padding-right: 15px;

	margin-bottom: 20px;

}

.related_posts li:hover  .post-name-items{

	background:rgba(0, 174, 239, 0.09);

}

.related_posts li:last-child {

	margin-right: 0px;

}

.related-post-name {

	font-size: 18px;

	color: #333 !important;

	font-weight: 600;

	line-height: 20px;

}

.post-name-items {

	background: #f8f8f8;

    padding: 12px;

    margin-top: -10px;

    min-height: 128px;

    box-shadow: 0px 2px 3px #dcdcdc;

}

.related_posts li p {

	margin-top: 5px;

	line-height: 1.4;

	font-size: 18px;

	color: #666;

	margin-bottom: 0px;

}

.related_posts li img {

	width: 100%;

}

.posts-site {

	padding-left: 0px;

	margin-left: 0px;

}

.related-post-name {

	display: block;

}

.site-footer .site-info {

	padding: 15px 0px;

}

.related_posts li img {

	max-height: 150px;

}

#footer .zoom-social-icons-widget{

	background:none;

	border:none;

	padding: 0px;

	border:none !important;

	box-shadow: none;

}

.footer-left-section {

	width: 60%;

	float: left;

}

.footer-right-section {

	width: 40%;

	float: left;

}

@media only screen and (max-width: 80em) {

	.sidebar-left .content-area {

		padding-right: 0;

		padding-left: 1.5em;

	}

}

@media only screen and (max-width: 60em) {

	.sidebar-left .content-area {

		padding: 0;

	}

}

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

	.main-navigation-menu {

		display: block !important;

	}

}

.site-header {
    background: #fff !important;
}

.header-main {
    padding: 14px 20px !important;
    border-bottom: 2px solid #eceff3;
}

.header-main.container {
    max-width: 100%;
}

.site-branding {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.site-branding .custom-logo-link {
    display: inline-block;
    line-height: 0;
}

.site-branding img,
.site-branding .custom-logo {
    display: block;
    width: auto;
    max-width: 250px;
    max-height: 72px;
    margin: 0 auto;
}

.header-widgets {
    display: none;
}

.primary-navigation-wrap {
    background: #fff !important;
    border: 0 !important;
    border-bottom: 2px solid #eceff3 !important;
    box-shadow: none !important;
}

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

    .primary-navigation {
        text-align: center;
    }

    .main-navigation-menu {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: auto;
        padding: 8px 0;
    }

    .main-navigation-menu > li {
        float: none;
    }

    .main-navigation-menu > li > a {
        padding: 8px 16px;
        color: #20242a !important;
        background: #f5f6f8;
        border: 1px solid #e4e7eb;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        text-transform: uppercase;
        transition: background-color .15s ease,
                    border-color .15s ease,
                    color .15s ease;
    }

    .main-navigation-menu > li > a:hover,
    .main-navigation-menu > li.current-menu-item > a {
        color: #0073aa !important;
        background: #fff;
        border-color: #b8dceb;
    }
}

@media only screen and (max-width: 60em) {

    .header-main {
        padding: 11px 15px !important;
    }

    .site-branding img,
    .site-branding .custom-logo {
        max-width: 220px;
        max-height: 64px;
    }

    .primary-navigation-wrap {
        min-height: 46px;
    }

    .main-navigation-toggle {
        margin: 5px 0 5px 15px;
        padding: 7px 11px;
        border-radius: 4px;
    }
}

.site-header {
    background: #fff;
}

.header-main {
    padding: 16px 20px 14px !important;
    border: 0 !important;
    background: #fff;
}

.header-main.container {
    width: 100%;
    max-width: 100%;
}

.site-branding {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.site-branding .custom-logo-link {
    display: inline-block;
    line-height: 0;
}

.site-branding img,
.site-branding .custom-logo {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 300px !important;
    max-height: 85px !important;
    margin: 0 auto !important;
}

.header-widgets {
    display: none !important;
}

#main-navigation-wrap,
.primary-navigation-wrap {
    background: #fff !important;
    border: 0 !important;
    border-top: 2px solid #edf0f3 !important;
    border-bottom: 2px solid #edf0f3 !important;
    box-shadow: none !important;
}

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

    .primary-navigation {
        text-align: center;
    }

    .main-navigation-menu {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: auto !important;
        margin: 0 !important;
        padding: 8px 0 !important;
    }

    .main-navigation-menu > li {
        float: none !important;
        margin: 0 !important;
    }

    .main-navigation-menu > li > a {
        display: block;
        padding: 8px 17px !important;

        background: #f7f8fa !important;
        color: #22272e !important;

        border: 1px solid #e1e5e9 !important;
        border-radius: 6px;

        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.25;

        box-shadow: none !important;

        transition:
            background-color .15s ease,
            border-color .15s ease,
            color .15s ease;
    }

    .main-navigation-menu > li > a:hover,
    .main-navigation-menu > li.current-menu-item > a {
        background: #fff !important;
        color: #0088bd !important;
        border-color: #a9dcea !important;
    }
}

.site-content {
    padding-top: 16px;
}

@media only screen and (max-width: 60em) {

    .header-main {
        padding: 11px 15px 10px !important;
    }

    .site-branding img,
    .site-branding .custom-logo {
        max-width: 235px !important;
        max-height: 67px !important;
    }

    #main-navigation-wrap,
    .primary-navigation-wrap {
        min-height: 44px;
        border-top-width: 1px !important;
        border-bottom-width: 1px !important;
    }

    .main-navigation-toggle {
        margin: 5px 0 5px 15px !important;
        padding: 7px 11px !important;
    }

    .site-content {
        padding-top: 12px;
    }
}

#masthead.site-header {
    background: #fff !important;
}

#masthead .header-main.container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 20px 13px !important;
    box-sizing: border-box;
    background: #fff !important;
    border: 0 !important;
}

#masthead #logo.site-branding {
    float: none !important;
    clear: both !important;
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

#masthead #logo.site-branding .custom-logo-link {
    display: inline-block !important;
    float: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    line-height: 0 !important;
}

#masthead #logo.site-branding img,
#masthead #logo.site-branding .custom-logo {
    display: block !important;
    float: none !important;

    width: auto !important;
    height: auto !important;

    max-width: 280px !important;
    max-height: 78px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

#masthead .header-widgets {
    display: none !important;
    float: none !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#main-navigation-wrap.primary-navigation-wrap {
    clear: both !important;

    background: #fff !important;

    border: 0 !important;
    border-top: 2px solid #edf0f3 !important;
    border-bottom: 2px solid #edf0f3 !important;

    box-shadow: none !important;
}

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

    #main-navigation.primary-navigation {
        text-align: center !important;
    }

    #main-navigation .main-navigation-menu {
        float: none !important;
        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        width: auto !important;

        margin: 0 auto !important;
        padding: 8px 0 !important;

        gap: 8px;
    }

    #main-navigation .main-navigation-menu > li {
        float: none !important;
        margin: 0 !important;
    }

    #main-navigation .main-navigation-menu > li > a {
        display: block;

        padding: 8px 17px !important;

        background: #f7f8fa !important;
        color: #22272e !important;

        border: 1px solid #e1e5e9 !important;
        border-radius: 6px;

        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.25;

        box-shadow: none !important;

        transition:
            background-color .15s ease,
            border-color .15s ease,
            color .15s ease;
    }

    #main-navigation .main-navigation-menu > li > a:hover,
    #main-navigation .main-navigation-menu > li.current-menu-item > a {
        background: #fff !important;
        color: #008fca !important;
        border-color: #9ed8ec !important;
    }
}

@media only screen and (max-width: 60em) {

    #masthead .header-main.container {
        padding: 10px 12px !important;
    }

    #masthead #logo.site-branding img,
    #masthead #logo.site-branding .custom-logo {
        max-width: 220px !important;
        max-height: 62px !important;
    }

    #main-navigation-wrap.primary-navigation-wrap {
        min-height: 44px;
        border-top-width: 1px !important;
        border-bottom-width: 1px !important;
    }

    #main-navigation .main-navigation-toggle {
        margin: 5px 0 5px 12px !important;
        padding: 7px 11px !important;
    }
}

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

    #masthead .header-main.container {
        padding: 9px 10px !important;
    }

    #masthead #logo.site-branding img,
    #masthead #logo.site-branding .custom-logo {
        max-width: 190px !important;
        max-height: 56px !important;
    }
}

#main-navigation .menu > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
}

#main-navigation .menu > li > a img {
    flex: 0 0 auto;
    margin: 0;
}

#main-navigation .menu > li > a span {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    #main-navigation .menu > li > a {
        gap: 6px;
    }
}

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

    #main-navigation .main-navigation-menu > li.tvmenu-home > a {
        justify-content: flex-start !important;
        min-width: 145px !important;
        min-height: 70px !important;
        height: 70px !important;
        padding: 9px 22px 9px 62px !important;
        font-size: 12px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {
        justify-content: flex-start !important;
        min-height: 70px !important;
        height: 70px !important;
        padding: 9px 34px 9px 72px !important;
        font-size: 12px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {
        min-width: 190px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        min-width: 205px !important;
    }
}

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

    #main-navigation .main-navigation-menu {
        gap: 12px !important;
        padding: 10px 0 !important;
    }

    #main-navigation .main-navigation-menu > li {
        margin: 0 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        height: 68px !important;
        min-height: 68px !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;

        border-width: 1px !important;
        border-style: solid !important;
        border-radius: 18px !important;

        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.94),
                rgba(247,249,252,.82)
            ) !important;

        color: #20242b !important;

        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: .1px !important;

        text-transform: none !important;
        text-decoration: none !important;

        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);

        transition:
            transform .20s ease,
            box-shadow .20s ease,
            border-color .20s ease,
            background .20s ease !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a {
        min-width: 170px !important;
        padding-left: 70px !important;
        padding-right: 24px !important;

        border-color: rgba(30,144,255,.48) !important;

        box-shadow:
            0 7px 18px rgba(30,144,255,.11),
            inset 0 1px 0 rgba(255,255,255,.82) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a {
        min-width: 190px !important;
        padding-left: 78px !important;
        padding-right: 26px !important;

        border-color: rgba(255,101,45,.48) !important;

        box-shadow:
            0 7px 18px rgba(255,101,45,.11),
            inset 0 1px 0 rgba(255,255,255,.82) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a {
        min-width: 190px !important;
        padding-left: 78px !important;
        padding-right: 26px !important;

        border-color: rgba(255,159,28,.50) !important;

        box-shadow:
            0 7px 18px rgba(255,159,28,.11),
            inset 0 1px 0 rgba(255,255,255,.82) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        min-width: 205px !important;
        padding-left: 82px !important;
        padding-right: 28px !important;

        border-color: rgba(255,45,105,.48) !important;

        box-shadow:
            0 7px 18px rgba(255,45,105,.11),
            inset 0 1px 0 rgba(255,255,255,.82) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::after {
        content: "" !important;

        position: absolute !important;
        left: 62px !important;
        top: 18px !important;

        width: 1px !important;
        height: 32px !important;

        background: rgba(30,35,45,.12) !important;

        transform: none !important;
        pointer-events: none !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::after {
        left: 67px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::after {
        left: 70px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a:hover,
    #main-navigation .main-navigation-menu > li.tvmenu-home.current-menu-item > a {
        transform: translateY(-3px) !important;

        border-color: rgba(30,144,255,.85) !important;

        box-shadow:
            0 11px 24px rgba(30,144,255,.19),
            0 0 16px rgba(30,144,255,.08),
            inset 0 1px 0 rgba(255,255,255,.95) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a:hover,
    #main-navigation .main-navigation-menu > li.tvmenu-sun.current-menu-item > a {
        transform: translateY(-3px) !important;

        border-color: rgba(255,101,45,.88) !important;

        box-shadow:
            0 11px 24px rgba(255,101,45,.20),
            0 0 16px rgba(255,101,45,.08),
            inset 0 1px 0 rgba(255,255,255,.95) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a:hover,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay.current-menu-item > a {
        transform: translateY(-3px) !important;

        border-color: rgba(255,159,28,.90) !important;

        box-shadow:
            0 11px 24px rgba(255,159,28,.20),
            0 0 16px rgba(255,159,28,.08),
            inset 0 1px 0 rgba(255,255,255,.95) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a:hover,
    #main-navigation .main-navigation-menu > li.tvmenu-zee.current-menu-item > a {
        transform: translateY(-3px) !important;

        border-color: rgba(255,45,105,.88) !important;

        box-shadow:
            0 11px 24px rgba(255,45,105,.20),
            0 0 16px rgba(255,45,105,.08),
            inset 0 1px 0 rgba(255,255,255,.95) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a:hover::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a:hover::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a:hover::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a:hover::before {
        transform:
            translateY(-50%)
            scale(1.06) !important;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 60.001em) {

    #main-navigation .main-navigation-menu {
        gap: 8px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a {
        min-width: 135px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a {
        min-width: 155px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        min-width: 170px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        font-size: 12px !important;
        height: 62px !important;
        min-height: 62px !important;
    }
}

@media only screen and (max-width: 60em) {

    #main-navigation .tvmenu-home > a,
    #main-navigation .tvmenu-sun > a,
    #main-navigation .tvmenu-vijay > a,
    #main-navigation .tvmenu-zee > a {
        border-radius: 12px !important;

        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.98),
                rgba(247,249,252,.94)
            ) !important;

        box-shadow:
            0 4px 12px rgba(0,0,0,.06) !important;

        transition:
            transform .15s ease,
            box-shadow .15s ease !important;
    }

    #main-navigation .tvmenu-home > a:active,
    #main-navigation .tvmenu-sun > a:active,
    #main-navigation .tvmenu-vijay > a:active,
    #main-navigation .tvmenu-zee > a:active {
        transform: scale(.985) !important;
    }
}

.skytamil-site-notice {
    width: 100%;
    margin: 14px 0 16px;
    padding: 0;
}

.skytamil-site-notice__inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 58px !important;
    box-sizing: border-box;
    padding: 9px 76px 9px 14px !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(255,247,247,.92)
        ) !important;

    border:
        1px solid rgba(255,38,48,.78) !important;

    border-radius: 13px !important;

    box-shadow:
        0 5px 16px rgba(255,32,45,.09) !important;
}

.skytamil-site-notice__badge {
    position: relative !important;
    z-index: 5 !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    flex: 0 0 auto !important;

    min-height: 34px !important;

    margin-right: 18px !important;

    padding: 0 15px !important;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #ff3038,
            #e80018
        ) !important;

    border-radius: 22px !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .5px !important;

    box-shadow:
        0 4px 12px rgba(232,0,24,.20) !important;
}

.skytamil-site-notice__dot {
    width: 7px !important;
    height: 7px !important;

    background: #fff !important;

    border-radius: 50%;

    animation:
        skytamilNoticeDotFinal
        1.15s
        ease-in-out
        infinite !important;
}

.skytamil-site-notice__text {
    position: relative !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    height: 38px !important;

    padding: 0 0 0 46px !important;

    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;

    color: #17191d !important;

    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    animation: none !important;

    white-space: nowrap !important;
}

.skytamil-site-notice__text::before {
    content: "📢" !important;

    position: absolute !important;

    z-index: 5 !important;

    left: 0 !important;
    top: 50% !important;

    width: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
        rgba(255,255,255,.96) !important;

    font-size: 25px !important;
    line-height: 1 !important;

    transform:
        translateY(-50%) !important;

    animation:
        skytamilNoticeSpeakerFinal
        1.25s
        ease-in-out
        infinite !important;
}

.skytamil-site-notice__marquee {
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: max-content !important;
    min-width: max-content !important;

    white-space: nowrap !important;

    will-change: transform;

    animation:
        skytamilNoticeMarquee
        18s
        linear
        infinite !important;
}

.skytamil-site-notice__message {
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    padding-right: 70px !important;

    color: #17191d !important;

    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.skytamil-site-notice__message::after {
    content: " ✦" !important;

    margin-left: 22px !important;

    color: #ef1526 !important;

    font-size: 15px !important;
}

.skytamil-site-notice__inner::after {
    content: "❯❯❯" !important;

    position: absolute !important;

    z-index: 10 !important;

    right: 18px !important;
    top: 50% !important;
    bottom: auto !important;

    width: 48px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ef1526 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.15),
            rgba(255,245,246,.98) 35%
        ) !important;

    font-family: Arial, sans-serif !important;

    font-size: 23px !important;
    line-height: 1 !important;
    font-weight: 900 !important;

    letter-spacing: -3px !important;

    text-shadow:
        0 0 10px rgba(239,21,38,.22) !important;

    transform:
        translateY(-50%) !important;

    animation:
        skytamilNoticeArrowFinal
        1.05s
        ease-in-out
        infinite !important;

    pointer-events: none !important;
}

.skytamil-site-notice__button {
    position: relative !important;
    z-index: 12 !important;

    flex: 0 0 auto !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 33px;

    margin-left: 15px !important;
    margin-right: 6px !important;

    padding: 7px 12px;

    background:
        linear-gradient(
            135deg,
            #ff323b,
            #e90018
        ) !important;

    border-radius: 8px;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow:
        0 4px 10px rgba(232,0,24,.15);

    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.skytamil-site-notice__button:hover {
    transform: translateY(-1px);

    box-shadow:
        0 6px 13px rgba(232,0,24,.22);
}

@keyframes skytamilNoticeMarquee {

    0% {
        transform:
            translateX(0);
    }

    100% {
        transform:
            translateX(-50%);
    }
}

@keyframes skytamilNoticeDotFinal {

    0%,
    100% {
        opacity: 1;

        transform:
            scale(1);
    }

    50% {
        opacity: .30;

        transform:
            scale(.60);
    }
}

@keyframes skytamilNoticeSpeakerFinal {

    0%,
    100% {
        transform:
            translateY(-50%)
            rotate(0deg)
            scale(1);
    }

    35% {
        transform:
            translateY(-50%)
            rotate(-7deg)
            scale(1.08);
    }

    65% {
        transform:
            translateY(-50%)
            rotate(6deg)
            scale(1.05);
    }
}

@keyframes skytamilNoticeArrowFinal {

    0% {
        opacity: .40;

        transform:
            translate(-6px,-50%);
    }

    50% {
        opacity: 1;

        transform:
            translate(0,-50%);
    }

    100% {
        opacity: .40;

        transform:
            translate(6px,-50%);
    }
}

@media (max-width: 900px) {

    .skytamil-site-notice__inner {
        padding:
            8px 68px 8px 12px !important;
    }

    .skytamil-site-notice__badge {
        margin-right:
            14px !important;

        padding:
            0 13px !important;
    }

    .skytamil-site-notice__text {
        height:
            36px !important;

        padding-left:
            42px !important;

        font-size:
            15px !important;
    }

    .skytamil-site-notice__message {
        font-size:
            15px !important;

        padding-right:
            55px !important;
    }

    .skytamil-site-notice__text::before {
        width:
            35px !important;

        font-size:
            23px !important;
    }

    .skytamil-site-notice__inner::after {
        right:
            14px !important;

        width:
            44px !important;

        font-size:
            21px !important;
    }
}

@media (max-width: 640px) {

    .skytamil-site-notice {
        margin:
            10px 0 13px !important;
    }

    .skytamil-site-notice__inner {
        display:
            flex !important;

        align-items:
            center !important;

        min-height:
            58px !important;

        padding:
            8px 54px 8px 8px !important;

        border-radius:
            10px !important;
    }

    .skytamil-site-notice__badge {
        flex:
            0 0 auto !important;

        align-self:
            center !important;

        min-height:
            30px !important;

        margin:
            0 9px 0 0 !important;

        padding:
            0 10px !important;

        font-size:
            9px !important;
    }

    .skytamil-site-notice__text {
        flex:
            1 1 auto !important;

        height:
            34px !important;

        padding-left:
            34px !important;

        font-size:
            13px !important;

        white-space:
            nowrap !important;
    }

    .skytamil-site-notice__message {
        padding-right:
            42px !important;

        font-size:
            13px !important;

        line-height:
            1.25 !important;
    }

    .skytamil-site-notice__text::before {
        width:
            29px !important;

        font-size:
            19px !important;
    }

    .skytamil-site-notice__inner::after {
        position:
            absolute !important;

        right:
            8px !important;

        top:
            50% !important;

        width:
            38px !important;

        height:
            34px !important;

        font-size:
            18px !important;

        letter-spacing:
            -3px !important;

        transform:
            translateY(-50%) !important;

        animation:
            skytamilNoticeArrowFinal
            1.05s
            ease-in-out
            infinite !important;
    }

    .skytamil-site-notice__button {
        min-height:
            29px !important;

        margin:
            0 5px 0 8px !important;

        padding:
            5px 8px !important;

        font-size:
            9px !important;
    }

    .skytamil-site-notice__marquee {
        animation-duration:
            15s !important;
    }
}

@media (max-width: 380px) {

    .skytamil-site-notice__badge {
        padding:
            0 8px !important;

        font-size:
            8px !important;
    }

    .skytamil-site-notice__text {
        padding-left:
            30px !important;
    }

    .skytamil-site-notice__text::before {
        width:
            26px !important;

        font-size:
            17px !important;
    }

    .skytamil-site-notice__message {
        font-size:
            12px !important;
    }
}

@media (hover: hover) {

    .skytamil-site-notice__text:hover
    .skytamil-site-notice__marquee {
        animation-play-state:
            paused !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .skytamil-site-notice__marquee,
    .skytamil-site-notice__dot,
    .skytamil-site-notice__text::before,
    .skytamil-site-notice__inner::after {
        animation:
            none !important;
    }
}

   Desktop + Tablet + Mobile
   ========================================================= */

.skytamil-show-banners {
    width: 100%;
    box-sizing: border-box;
    margin: 22px auto 18px;
    padding: 0;
}

.skytamil-show-banners__grid {
    display: flex;

    flex-wrap: nowrap;

    width: 100%;
    margin: 0 auto;

}

.skytamil-show-banner {

    flex: 0 1 195px;

    width: 195px;
    max-width: 195px;

    color: inherit;

}

.skytamil-show-banner__desktop {
    position: relative;

    display: block;

    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;

    background: #141414;

    transition:
        transform .20s ease,
        box-shadow .20s ease;
}

.skytamil-show-banner__image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-image:
        var(
            --skytamil-banner-image,
            linear-gradient(
                145deg,
                #202020,
                #080808
            )
        );

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    transition:
        transform .25s ease;
}

.skytamil-show-banner:hover
.skytamil-show-banner__image {
    transform: scale(1.035);
}

.skytamil-show-banner__overlay {
    position: absolute;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    box-sizing: border-box;

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.skytamil-show-banner__title {
    display: block;

    overflow: hidden;

    color: #fff !important;

    text-align: center;
    text-transform: uppercase;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.skytamil-show-banner__live {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    gap: 4px;

    border-radius: 20px;

    line-height: 1;
    font-weight: 900;
}

.skytamil-show-banner__live span {
    display: block;

    background: #ff2438;

    border-radius: 50%;

    animation:
        skytamilShowBannerLivePulse
        1.1s
        ease-in-out
        infinite;
}

.skytamil-show-banner__mobile {
    display: none;
}

@media (max-width: 640px) {

    .skytamil-show-banners__grid {
        display: flex;

        flex-direction: column;

        width: 100%;

    }

    .skytamil-show-banner,
    .skytamil-show-banners--count-1
    .skytamil-show-banner,
    .skytamil-show-banners--count-2
    .skytamil-show-banner,
    .skytamil-show-banners--count-3
    .skytamil-show-banner,
    .skytamil-show-banners--count-4
    .skytamil-show-banner,
    .skytamil-show-banners--count-5
    .skytamil-show-banner {

        display: block;

        flex: none;

        width: 100%;
        max-width: none;

        margin: 0;
    }

    .skytamil-show-banner__desktop {
        display: none;
    }

    .skytamil-show-banner__mobile {
        display: flex;

        align-items: center;

        width: 100%;

        box-sizing: border-box;

        background:
            linear-gradient(
                145deg,
                #111722,
                #090d15
            );

        border:
            1px solid rgba(112,78,255,.38);

    }

    .skytamil-show-banner__play {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background:
            linear-gradient(
                145deg,
                #7650ff,
                #5025e7
            );

    }

    .skytamil-show-banner__triangle {
        display: block;

        width: 0;
        height: 0;

        margin-left: 3px;

        border-top:
            6px solid transparent;

        border-bottom:
            6px solid transparent;

        border-left:
            9px solid #fff;
    }

    .skytamil-show-banner__mobile-title {
        display: flex;
        align-items: center;

        flex: 1 1 auto;

        min-width: 0;

        color: #fff !important;

        text-transform: uppercase;
    }

    .skytamil-show-banner__arrow {

        flex: 0 0 auto;

        margin-left: auto;

        color: #7650ff;

        font-family: Arial, sans-serif;

        font-weight: 400;

        transition:
            transform .16s ease;
    }

    .skytamil-show-banner__live-dot {
        display: block;

        box-sizing: border-box;

        background: #ff3345;

        border:
            5px solid #fff;

        border-radius: 50%;

        animation:
            skytamilShowBannerLivePulse
            1.05s
            ease-in-out
            infinite;
    }

    .skytamil-show-banner__mobile-title small {
        display: inline-flex;

        align-items: center;

        flex: 0 0 auto;

        gap: 4px;

        background:
            rgba(255,45,60,.15);

        border-radius: 20px;

        color:
            #ff5663 !important;

        line-height: 1;
        font-weight: 900;
    }

    .skytamil-show-banner__mobile-title small span {
        display: block;

        width: 5px;
        height: 5px;

        background: #ff384a;

        border-radius: 50%;

        animation:
            skytamilShowBannerLivePulse
            1s
            ease-in-out
            infinite;
    }

}

@media (max-width: 380px) {

}

@keyframes skytamilShowBannerLivePulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .42;
        transform: scale(.72);
    }

}

@media (prefers-reduced-motion: reduce) {

    .skytamil-show-banner,
    .skytamil-show-banner__desktop,
    .skytamil-show-banner__image,
    .skytamil-show-banner__live span,
    .skytamil-show-banner__live-dot,
    .skytamil-show-banner__mobile-title small span {

        animation: none !important;
        transition: none !important;
    }

}

.skytamil-show-banners {
    margin:
        16px auto 14px !important;
}

.skytamil-show-banners__grid {
    justify-content:
        center !important;

    align-items:
        stretch !important;

    gap:
        14px !important;
}

.skytamil-show-banner {
    min-width:
        0 !important;
}

.skytamil-show-banners--count-1
.skytamil-show-banner {
    flex:
        0 0 210px !important;

    width:
        210px !important;

    max-width:
        210px !important;
}

.skytamil-show-banners--count-2
.skytamil-show-banner {
    flex:
        0 0 205px !important;

    width:
        205px !important;

    max-width:
        205px !important;
}

.skytamil-show-banners--count-3
.skytamil-show-banner {
    flex:
        0 0 200px !important;

    width:
        200px !important;

    max-width:
        200px !important;
}

.skytamil-show-banners--count-4
.skytamil-show-banner {
    flex:
        0 1 195px !important;

    width:
        195px !important;

    max-width:
        195px !important;
}

.skytamil-show-banners--count-5
.skytamil-show-banner {
    flex:
        1 1 0 !important;

    width:
        auto !important;

    max-width:
        190px !important;
}

.skytamil-show-banner__desktop {
    border-radius:
        14px !important;

    box-shadow:
        0 6px 16px
        rgba(0,0,0,.14) !important;
}

.skytamil-show-banner:hover
.skytamil-show-banner__desktop {
    transform:
        translateY(-3px) !important;

    box-shadow:
        0 10px 22px
        rgba(0,0,0,.19) !important;
}

.skytamil-show-banner__overlay {
    left:
        8px !important;

    right:
        8px !important;

    bottom:
        8px !important;

    min-height:
        36px !important;

    padding:
        5px 8px !important;

    border-radius:
        9px !important;

    background:
        rgba(10,10,12,.84) !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;
}

.skytamil-show-banner__title {
    font-size:
        11px !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;

    letter-spacing:
        .1px !important;
}

.skytamil-show-banner__live {
    padding:
        3px 6px !important;

    background:
        rgba(255,32,49,.18) !important;

    color:
        #ff4758 !important;

    font-size:
        8px !important;
}

.skytamil-show-banner__live span {
    width:
        6px !important;

    height:
        6px !important;

    box-shadow:
        0 0 0 3px
        rgba(255,36,56,.13) !important;
}

@media (max-width: 980px) and (min-width: 641px) {

    .skytamil-show-banners {
        margin:
            14px auto 13px !important;
    }

    .skytamil-show-banners__grid {
        gap:
            10px !important;
    }

    .skytamil-show-banner,
    .skytamil-show-banners--count-3
    .skytamil-show-banner,
    .skytamil-show-banners--count-4
    .skytamil-show-banner,
    .skytamil-show-banners--count-5
    .skytamil-show-banner {

        flex:
            1 1 0 !important;

        width:
            auto !important;

        max-width:
            180px !important;
    }

    .skytamil-show-banners--count-1
    .skytamil-show-banner {

        flex:
            0 0 200px !important;

        width:
            200px !important;

        max-width:
            200px !important;
    }

    .skytamil-show-banners--count-2
    .skytamil-show-banner {

        flex:
            0 0 195px !important;

        width:
            195px !important;

        max-width:
            195px !important;
    }

    .skytamil-show-banner__title {
        font-size:
            10px !important;
    }

}

@media (max-width: 640px) {

    .skytamil-show-banners {
        margin:
            10px auto 12px !important;
    }

    .skytamil-show-banners__grid {
        gap:
            8px !important;
    }

    .skytamil-show-banner__mobile {
        min-height:
            58px !important;

        padding:
            8px 11px !important;

        gap:
            11px !important;

        border-radius:
            12px !important;

        box-shadow:
            0 4px 12px
            rgba(10,14,24,.14) !important;
    }

    .skytamil-show-banner__play {
        flex:
            0 0 38px !important;

        width:
            38px !important;

        height:
            38px !important;

        box-shadow:
            0 0 13px
            rgba(111,70,255,.28) !important;
    }

    .skytamil-show-banner__triangle {
        border-top-width:
            5px !important;

        border-bottom-width:
            5px !important;

        border-left-width:
            8px !important;
    }

    .skytamil-show-banner__mobile-title {
        font-size:
            13px !important;

        line-height:
            1.2 !important;

        font-weight:
            800 !important;
    }

    .skytamil-show-banner__arrow {
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        align-self:
            stretch !important;

        min-width:
            24px !important;

        margin:
            0 0 0 auto !important;

        font-size:
            32px !important;

        line-height:
            1 !important;

        transform:
            translateY(-1px);
    }

    .skytamil-show-banner:active
    .skytamil-show-banner__arrow {
        transform:
            translate(3px,-1px) !important;
    }

    .skytamil-show-banner.is-live
    .skytamil-show-banner__mobile {

        background:
            linear-gradient(
                145deg,
                #230b10,
                #120609
            ) !important;

        border-color:
            rgba(255,54,70,.74) !important;

        box-shadow:
            0 4px 14px
            rgba(255,31,48,.13) !important;
    }

    .skytamil-show-banner.is-live
    .skytamil-show-banner__play {

        background:
            rgba(190,31,44,.42) !important;

        box-shadow:
            0 0 14px
            rgba(255,40,55,.23) !important;
    }

    .skytamil-show-banner__live-dot {
        width:
            15px !important;

        height:
            15px !important;

        border-width:
            4px !important;

        box-shadow:
            0 0 0 6px
            rgba(255,49,67,.13) !important;
    }

    .skytamil-show-banner.is-live
    .skytamil-show-banner__mobile-title {

        color:
            #ff5362 !important;
    }

    .skytamil-show-banner.is-live
    .skytamil-show-banner__arrow {

        color:
            #ff4355 !important;
    }

    .skytamil-show-banner__mobile-title small {
        margin-left:
            7px !important;

        padding:
            3px 6px !important;

        font-size:
            7px !important;
    }

}

@media (max-width: 380px) {

    .skytamil-show-banner__mobile {
        min-height:
            54px !important;

        padding:
            7px 9px !important;

        gap:
            9px !important;
    }

    .skytamil-show-banner__play {
        flex-basis:
            34px !important;

        width:
            34px !important;

        height:
            34px !important;
    }

    .skytamil-show-banner__mobile-title {
        font-size:
            12px !important;
    }

    .skytamil-show-banner__arrow {
        font-size:
            29px !important;
    }

}

@media (max-width: 640px) {

    #main-navigation-wrap.primary-navigation-wrap {
        padding-top: 2px !important;
        padding-bottom: 4px !important;
    }

    #main-navigation .main-navigation-menu {
        margin: 0 !important;
        padding: 0 6px 4px !important;
    }

    #main-navigation .main-navigation-menu > li {
        margin: 0 0 4px !important;
        padding: 0 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {

        min-height: 38px !important;

        padding:
            4px 10px !important;

        border-radius:
            8px !important;

        display: flex !important;
        align-items: center !important;

        gap:
            8px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before {

        width:
            26px !important;

        min-width:
            26px !important;

        height:
            26px !important;

        background-size:
            contain !important;

        background-position:
            center !important;

        background-repeat:
            no-repeat !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {

        font-size:
            11px !important;

        line-height:
            1.15 !important;

        font-weight:
            700 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::after {

        opacity:
            .45 !important;
    }

    #main-navigation-wrap + * {
        margin-top:
            0 !important;
    }

    .skytamil-show-banners {
        margin-top:
            7px !important;
    }

}

@media (max-width: 380px) {

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {

        min-height:
            34px !important;

        padding:
            3px 8px !important;

        font-size:
            10px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before {

        width:
            23px !important;

        min-width:
            23px !important;

        height:
            23px !important;
    }

}

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

    #main-navigation-wrap.primary-navigation-wrap {
        min-height: 42px !important;
    }

    #main-navigation .main-navigation-menu {
        margin: 0 !important;
        padding: 5px 8px 7px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home,
    #main-navigation .main-navigation-menu > li.tvmenu-sun,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay,
    #main-navigation .main-navigation-menu > li.tvmenu-zee {

        margin: 0 0 5px !important;
        padding: 0 !important;

        width: 100% !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee {
        margin-bottom: 0 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {

        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;

        padding:
            5px 12px 5px 49px !important;

        box-sizing: border-box !important;

        border-radius: 9px !important;

        font-size: 11px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;

        transform: none !important;

        box-shadow:
            0 2px 7px rgba(0,0,0,.055) !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before {

        position: absolute !important;

        left: 10px !important;
        top: 50% !important;

        width: 30px !important;
        height: 30px !important;

        transform:
            translateY(-50%) !important;

        background-size:
            contain !important;

        background-position:
            center !important;

        background-repeat:
            no-repeat !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::after {

        content: "" !important;

        position: absolute !important;

        left: 42px !important;
        top: 9px !important;

        width: 1px !important;
        height: 24px !important;

        background:
            rgba(30,35,45,.11) !important;

        transform: none !important;

        pointer-events: none !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a:hover,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a:hover,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a:hover,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a:hover {

        transform: none !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a:hover::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a:hover::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a:hover::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a:hover::before {

        transform:
            translateY(-50%) !important;
    }

    .skytamil-show-banners {
        margin-top: 6px !important;
    }

}

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

    #main-navigation .main-navigation-menu {
        padding:
            4px 6px 6px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home,
    #main-navigation .main-navigation-menu > li.tvmenu-sun,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay,
    #main-navigation .main-navigation-menu > li.tvmenu-zee {

        margin-bottom:
            4px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {

        height:
            38px !important;

        min-height:
            38px !important;

        padding:
            4px 10px 4px 45px !important;

        font-size:
            10px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before {

        left:
            9px !important;

        width:
            27px !important;

        height:
            27px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::after {

        left:
            38px !important;

        top:
            8px !important;

        height:
            22px !important;
    }

}

.home #homepage-posts {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;

    width: 100% !important;

    margin-left: -8px !important;
    margin-right: -8px !important;
}

.home #homepage-posts > .post-four-column {
    display: block !important;

    width: 33.333333% !important;

    margin: 0 !important;
    padding: 0 8px 18px !important;

    box-sizing: border-box !important;

    float: none !important;
    clear: none !important;
}

.home #homepage-posts > .post-four-column > article {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #ffffff !important;

    border: 1px solid #e5e9ed !important;
    border-radius: 10px !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.04),
        0 5px 16px rgba(0,0,0,.05);
}

.home #homepage-posts > .post-four-column > article > a:first-of-type {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.home #homepage-posts > .post-four-column .wp-post-image {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    aspect-ratio: 16 / 9;

    object-fit: cover;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
}

.home #homepage-posts > .post-four-column .entry-header {
    display: block !important;

    margin: 0 !important;
    padding: 11px 12px 13px !important;
}

.home #homepage-posts > .post-four-column .entry-header h4 {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

.home #homepage-posts > .post-four-column .entry-header h4 a {
    color: #17212b !important;
    text-decoration: none !important;
}

.home #homepage-posts > .post-four-column .entry-header h4 a:hover {
    color: #009edb !important;
}

.home #homepage-posts > .post-four-column .entry-content:empty,
.home #homepage-posts > .post-four-column .read-more:empty {
    display: none !important;
}

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

    .home #homepage-posts > .post-four-column {
        width: 50% !important;
    }

}

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

    .home #homepage-posts {
        display: block !important;

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .home #homepage-posts > .post-four-column {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 16px !important;
        padding: 0 !important;

        float: none !important;
        clear: both !important;
    }

    .home #homepage-posts > .post-four-column > article {
        width: 100% !important;
        height: auto !important;

        border-radius: 9px !important;
    }

    .home #homepage-posts > .post-four-column .entry-header {
        padding: 10px 11px 12px !important;
    }

    .home #homepage-posts > .post-four-column .entry-header h4 {
        font-size: 14px !important;
        line-height: 1.42 !important;
    }

}

.archive #homepage-posts {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;

    width: 100% !important;

    margin-left: -8px !important;
    margin-right: -8px !important;
}

.archive #homepage-posts > .post-four-column {
    display: block !important;

    width: 33.333333% !important;

    margin: 0 !important;
    padding: 0 8px 18px !important;

    box-sizing: border-box !important;

    float: none !important;
    clear: none !important;
}

.archive #homepage-posts > .post-four-column > article {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #ffffff !important;

    border: 1px solid #e5e9ed !important;
    border-radius: 10px !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.04),
        0 5px 16px rgba(0,0,0,.05);
}

.archive #homepage-posts >
.post-four-column >
article >
a:first-of-type {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.archive #homepage-posts
.post-four-column
.wp-post-image {

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    aspect-ratio: 16 / 9;

    object-fit: cover;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
}

.archive #homepage-posts
.post-four-column
.entry-header {

    display: block !important;

    margin: 0 !important;
    padding: 11px 12px 13px !important;
}

.archive #homepage-posts
.post-four-column
.entry-header h4 {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

.archive #homepage-posts
.post-four-column
.entry-header h4 a {

    color: #17212b !important;
    text-decoration: none !important;
}

.archive #homepage-posts
.post-four-column
.entry-header h4 a:hover {

    color: #009edb !important;
}

.archive #homepage-posts
.post-four-column
.entry-content:empty,

.archive #homepage-posts
.post-four-column
.read-more:empty {

    display: none !important;
}

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

    .archive #homepage-posts >
    .post-four-column {

        width: 50% !important;
    }

}

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

    .archive #homepage-posts {

        display: block !important;

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .archive #homepage-posts >
    .post-four-column {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 16px !important;
        padding: 0 !important;

        float: none !important;
        clear: both !important;
    }

    .archive #homepage-posts >
    .post-four-column >
    article {

        width: 100% !important;
        height: auto !important;

        border-radius: 9px !important;
    }

    .archive #homepage-posts
    .post-four-column
    .entry-header {

        padding: 10px 11px 12px !important;
    }

    .archive #homepage-posts
    .post-four-column
    .entry-header h4 {

        font-size: 14px !important;
        line-height: 1.42 !important;
    }

}

.home #homepage-posts > .post-four-column > article,
.archive #homepage-posts > .post-four-column > article {

    border:
        1px solid rgba(22, 34, 48, .09) !important;

    border-radius:
        11px !important;

    box-shadow:
        0 2px 5px rgba(18, 30, 44, .035),
        0 7px 18px rgba(18, 30, 44, .065) !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease,
        border-color .20s ease !important;
}

.home #homepage-posts > .post-four-column > article > a:first-of-type,
.archive #homepage-posts > .post-four-column > article > a:first-of-type {

    overflow: hidden !important;

    border-radius:
        10px 10px 0 0 !important;
}

.home #homepage-posts > .post-four-column .wp-post-image,
.archive #homepage-posts > .post-four-column .wp-post-image {

    transition:
        transform .30s cubic-bezier(.2,.7,.2,1),
        filter .25s ease !important;

    transform:
        translateZ(0);
}

.home #homepage-posts > .post-four-column .entry-header,
.archive #homepage-posts > .post-four-column .entry-header {

    border-top:
        1px solid rgba(20, 32, 45, .045);

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fdfefe 100%
        ) !important;
}

.home #homepage-posts > .post-four-column .entry-header h4,
.archive #homepage-posts > .post-four-column .entry-header h4 {

    letter-spacing:
        -.12px !important;
}

.home #homepage-posts > .post-four-column .entry-header h4 a,
.archive #homepage-posts > .post-four-column .entry-header h4 a {

    color:
        #17212b !important;

    text-decoration:
        none !important;

    transition:
        color .18s ease !important;
}

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

    .home #homepage-posts > .post-four-column > article:hover,
    .archive #homepage-posts > .post-four-column > article:hover {

        transform:
            translateY(-3px);

        border-color:
            rgba(0, 158, 219, .20) !important;

        box-shadow:
            0 5px 12px rgba(18, 30, 44, .06),
            0 13px 27px rgba(18, 30, 44, .10) !important;
    }

    .home #homepage-posts > .post-four-column > article:hover .wp-post-image,
    .archive #homepage-posts > .post-four-column > article:hover .wp-post-image {

        transform:
            scale(1.025);

        filter:
            saturate(1.025);
    }

    .home #homepage-posts > .post-four-column .entry-header h4 a:hover,
    .archive #homepage-posts > .post-four-column .entry-header h4 a:hover {

        color:
            #008fc7 !important;
    }

}

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

    .home #homepage-posts > .post-four-column > article,
    .archive #homepage-posts > .post-four-column > article {

        border-radius:
            10px !important;

        box-shadow:
            0 2px 5px rgba(18,30,44,.035),
            0 6px 15px rgba(18,30,44,.06) !important;
    }

    .home #homepage-posts > .post-four-column > article > a:first-of-type,
    .archive #homepage-posts > .post-four-column > article > a:first-of-type {

        border-radius:
            9px 9px 0 0 !important;
    }

    .home #homepage-posts > .post-four-column .entry-header h4,
    .archive #homepage-posts > .post-four-column .entry-header h4 {

        letter-spacing:
            -.08px !important;
    }

}

@media (prefers-reduced-motion: reduce) {

    .home #homepage-posts > .post-four-column > article,
    .archive #homepage-posts > .post-four-column > article,
    .home #homepage-posts > .post-four-column .wp-post-image,
    .archive #homepage-posts > .post-four-column .wp-post-image {

        transition:
            none !important;
    }

}

#secondary.sidebar,
#secondary.widget-area,
.site-content > #secondary {
    display: none !important;
}

#primary.content-area,
.content-area,
.site-content .content-area {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sidebar-left #primary.content-area,
.sidebar-left .content-area {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.site-content {
    position: relative;
}

.home #homepage-posts > .post-four-column .entry-header h4 a:hover,
.home #homepage-posts > .post-four-column .entry-header h4 a:focus,
.archive #homepage-posts .post-four-column .entry-header h4 a:hover,
.archive #homepage-posts .post-four-column .entry-header h4 a:focus,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    color: #7A000C !important;
}

.home #homepage-posts > .post-four-column .entry-header h4 a,
.archive #homepage-posts .post-four-column .entry-header h4 a,
.entry-title a {
    transition:
        color .22s ease,
        opacity .22s ease !important;
}

.post-pagination {
    width: 100% !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 9px !important;

    margin:
        34px auto
        48px !important;

    padding:
        12px 10px !important;

    text-align: center !important;

    clear: both !important;
}

.post-pagination .page-numbers {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 44px !important;
    height: 44px !important;

    margin: 0 !important;

    padding:
        0 14px !important;

    border:
        1px solid
        #eadde0 !important;

    border-radius:
        12px !important;

    background:
        #ffffff !important;

    color:
        #303039 !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 5px 15px
        rgba(35, 20, 25, .07) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease,
        background .2s ease,
        color .2s ease !important;
}

.post-pagination .page-numbers.current {
    color:
        #ffffff !important;

    border-color:
        #7A000C !important;

    background:
        linear-gradient(
            135deg,
            #7A000C 0%,
            #b20a1b 100%
        ) !important;

    box-shadow:
        0 8px 20px
        rgba(122, 0, 12, .24) !important;
}

.post-pagination a.page-numbers:hover,
.post-pagination a.page-numbers:focus {
    color:
        #ffffff !important;

    border-color:
        #7A000C !important;

    background:
        linear-gradient(
            135deg,
            #7A000C,
            #b20a1b
        ) !important;

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 9px 20px
        rgba(122, 0, 12, .20) !important;
}

.post-pagination .page-numbers.dots {
    min-width:
        28px !important;

    padding:
        0 4px !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        #777 !important;
}

.post-pagination .prev,
.post-pagination .next {
    min-width:
        48px !important;

    font-size:
        20px !important;
}

#footer.footer-wrap {
    position:
        relative !important;

    margin-top:
        35px !important;

    overflow:
        hidden !important;

    background:
        linear-gradient(
            135deg,
            #160003 0%,
            #300006 45%,
            #0e0d12 100%
        ) !important;

    border-top:
        3px solid
        #7A000C !important;

    color:
        #ffffff !important;
}

#footer.footer-wrap::before {
    content: "";

    position:
        absolute;

    top:
        -140px;

    left:
        50%;

    width:
        520px;

    height:
        260px;

    transform:
        translateX(-50%);

    border-radius:
        50%;

    background:
        rgba(176, 0, 20, .16);

    filter:
        blur(65px);

    pointer-events:
        none;
}

#footer .site-footer {
    position:
        relative;

    z-index:
        2;

    color:
        #ffffff !important;
}

.skytamil-footer-main {
    display:
        grid;

    grid-template-columns:
        1.5fr 1fr 1fr;

    gap:
        55px;

    padding:
        48px 0 38px;
}

.skytamil-footer-brand {
    max-width:
        430px;
}

.skytamil-footer-logo {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        16px;

    color:
        #ffffff;

    font-size:
        27px;

    font-weight:
        800;

    letter-spacing:
        -.4px;
}

.skytamil-footer-logo-mark {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        42px;

    height:
        42px;

    border-radius:
        12px;

    background:
        linear-gradient(
            135deg,
            #ff253e,
            #7A000C
        );

    box-shadow:
        0 8px 24px
        rgba(255, 30, 55, .20);

    font-size:
        20px;
}

.skytamil-footer-description {
    margin:
        0;

    max-width:
        400px;

    color:
        rgba(255,255,255,.70);

    font-size:
        14px;

    line-height:
        1.8;
}

.skytamil-footer-title {
    position:
        relative;

    margin:
        0 0 21px;

    padding-bottom:
        11px;

    color:
        #ffffff;

    font-size:
        15px;

    font-weight:
        800;

    text-transform:
        uppercase;

    letter-spacing:
        .7px;
}

.skytamil-footer-title::after {
    content: "";

    position:
        absolute;

    left:
        0;

    bottom:
        0;

    width:
        35px;

    height:
        3px;

    border-radius:
        10px;

    background:
        linear-gradient(
            90deg,
            #ff253e,
            #7A000C
        );
}

.skytamil-footer-links {
    margin:
        0;

    padding:
        0;

    list-style:
        none;
}

.skytamil-footer-links li {
    margin:
        0 0 11px;
}

#footer .skytamil-footer-links a {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    color:
        rgba(255,255,255,.76) !important;

    border:
        0 !important;

    text-decoration:
        none !important;

    font-size:
        14px;

    transition:
        color .2s ease,
        transform .2s ease;
}

#footer .skytamil-footer-links a::before {
    content:
        "›";

    color:
        #ff4154;

    font-size:
        19px;

    line-height:
        1;
}

#footer .skytamil-footer-links a:hover {
    color:
        #ffffff !important;

    transform:
        translateX(4px);
}

.skytamil-footer-bottom {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    padding:
        21px 0 24px;

    border-top:
        1px solid
        rgba(255,255,255,.10);
}

.skytamil-footer-copyright {
    margin:
        0;

    color:
        rgba(255,255,255,.58);

    font-size:
        13px;

    line-height:
        1.6;
}

.skytamil-footer-legal {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        18px;
}

#footer .skytamil-footer-legal a {
    color:
        rgba(255,255,255,.62) !important;

    border:
        0 !important;

    text-decoration:
        none !important;

    font-size:
        12px;

    transition:
        color .2s ease;
}

#footer .skytamil-footer-legal a:hover {
    color:
        #ffffff !important;
}

#footer .site-info,
#footer .footer-left-section,
#footer .footer-right-section {
    float:
        none !important;

    width:
        auto !important;

    padding:
        0 !important;
}

@media only screen and (max-width: 60em) {

    .skytamil-footer-main {
        grid-template-columns:
            1.3fr 1fr 1fr;

        gap:
            28px;
    }

}

@media only screen and (max-width: 45em) {

    #secondary,
    #secondary.sidebar,
    #secondary.widget-area {
        display:
            none !important;
    }

    #primary.content-area,
    .content-area {
        width:
            100% !important;

        padding-left:
            0 !important;

        padding-right:
            0 !important;
    }

    .post-pagination {
        gap:
            6px !important;

        margin:
            25px auto
            34px !important;

        padding:
            8px 4px !important;
    }

    .post-pagination .page-numbers {
        min-width:
            38px !important;

        height:
            38px !important;

        padding:
            0 11px !important;

        border-radius:
            10px !important;

        font-size:
            13px !important;
    }

    .post-pagination .prev,
    .post-pagination .next {
        min-width:
            40px !important;
    }

    #footer.footer-wrap {
        margin-top:
            25px !important;
    }

    .skytamil-footer-main {
        display:
            grid;

        grid-template-columns:
            1fr;

        gap:
            30px;

        padding:
            36px 5px 29px;
    }

    .skytamil-footer-brand {
        max-width:
            none;
    }

    .skytamil-footer-logo {
        font-size:
            23px;
    }

    .skytamil-footer-description {
        font-size:
            13px;

        line-height:
            1.75;
    }

    .skytamil-footer-title {
        margin-bottom:
            16px;

        font-size:
            14px;
    }

    .skytamil-footer-links li {
        margin-bottom:
            9px;
    }

    #footer .skytamil-footer-links a {
        font-size:
            13px;
    }

    .skytamil-footer-bottom {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            13px;

        padding:
            19px 5px 24px;
    }

    .skytamil-footer-legal {
        gap:
            9px 15px;
    }

}

@media only screen and (max-width: 24em) {

    .post-pagination {
        gap:
            4px !important;
    }

    .post-pagination .page-numbers {
        min-width:
            34px !important;

        height:
            36px !important;

        padding:
            0 9px !important;
    }

}

body.search #primary.content-area,
body.search .content-area,
body.search .site-content .content-area {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.search #homepage-posts {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 28px auto 30px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

body.search #homepage-posts > .post-four-column,
body.search #homepage-posts > .post-column {

    width: auto !important;
    max-width: none !important;

    float: none !important;
    clear: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}

body.search #homepage-posts > .post-four-column > article,
body.search #homepage-posts > .post-column > article {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    border-radius: 12px !important;

    box-shadow:
        0 4px 12px rgba(15, 23, 42, 0.08) !important;

    box-sizing: border-box !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

body.search #homepage-posts > .post-four-column > article > a:first-of-type,
body.search #homepage-posts > .post-column > article > a:first-of-type {

    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

body.search #homepage-posts .wp-post-image {

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    object-fit: cover !important;

    transition: transform .3s ease !important;
}

body.search #homepage-posts .entry-header {

    margin: 0 !important;
    padding: 13px 14px 14px !important;

    background: #ffffff !important;

    border: 0 !important;

    box-sizing: border-box !important;
}

body.search #homepage-posts .entry-header h4,
body.search #homepage-posts .entry-title {

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;

    text-transform: none !important;
}

body.search #homepage-posts .entry-header h4 a,
body.search #homepage-posts .entry-title a {

    color: #111827 !important;
    text-decoration: none !important;

    transition: color .2s ease !important;
}

body.search #homepage-posts .entry-header h4 a:hover,
body.search #homepage-posts .entry-header h4 a:focus,
body.search #homepage-posts .entry-title a:hover,
body.search #homepage-posts .entry-title a:focus {

    color: #ff1744 !important;
}

@media (hover:hover) and (pointer:fine) {

    body.search #homepage-posts > .post-four-column > article:hover,
    body.search #homepage-posts > .post-column > article:hover {

        transform: translateY(-3px) !important;

        box-shadow:
            0 10px 24px rgba(15, 23, 42, 0.13) !important;
    }

    body.search #homepage-posts > .post-four-column > article:hover .wp-post-image,
    body.search #homepage-posts > .post-column > article:hover .wp-post-image {

        transform: scale(1.015) !important;
    }

}

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

    body.search #homepage-posts {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 16px !important;
    }

}

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

    body.search #homepage-posts {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 18px !important;

        width: 100% !important;

        margin-top: 22px !important;
        margin-bottom: 24px !important;
    }

    body.search #homepage-posts > .post-four-column,
    body.search #homepage-posts > .post-column {

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
    }

    body.search #homepage-posts > .post-four-column > article,
    body.search #homepage-posts > .post-column > article {

        width: 100% !important;

        border-radius: 12px !important;
    }

    body.search #homepage-posts .entry-header {

        padding: 13px 14px 15px !important;
    }

    body.search #homepage-posts .entry-header h4,
    body.search #homepage-posts .entry-title {

        font-size: 16px !important;
        line-height: 1.42 !important;
    }

}

body.category #primary.content-area,
body.category .content-area,
body.category #main.site-main,
body.category .page-header {

    border-top: 0 !important;
    border-bottom-color: transparent !important;
}

body.category #primary.content-area::before,
body.category #primary.content-area::after,
body.category .content-area::before,
body.category .content-area::after,
body.category #main.site-main::before,
body.category #main.site-main::after,
body.category .page-header::before,
body.category .page-header::after {

    border-top: 0 !important;
}

body.category .tvs-premium-wrap {

}

body.search .page-header {

    position: relative !important;

    width: 100% !important;

    margin:
        26px auto
        22px !important;

    padding:
        22px 24px
        20px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid
        rgba(122,0,12,.10) !important;

    border-top:
        1px solid
        rgba(122,0,12,.10) !important;

    border-bottom:
        1px solid
        rgba(122,0,12,.10) !important;

    outline:
        0 !important;

    border-radius:
        16px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffafb 100%
        ) !important;

    box-shadow:
        0 8px 25px
        rgba(40,20,25,.055) !important;
}

body.search .page-header::before,
body.search .page-header::after {

    border:
        0 !important;
}

body.search .archive-title {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;

    min-height:
        58px !important;

    margin:
        0 0 18px !important;

    padding:
        0 0 0 72px !important;

    color:
        #4b5563 !important;

    font-size:
        14px !important;

    line-height:
        1.25 !important;

    font-weight:
        700 !important;

    text-transform:
        none !important;

    letter-spacing:
        0 !important;
}

body.search .archive-title::before {

    content:
        "⌕";

    position:
        absolute;

    left:
        0;

    top:
        50%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        54px;

    height:
        54px;

    transform:
        translateY(-50%);

    border:
        3px solid #ffffff;

    border-radius:
        50%;

    background:
        linear-gradient(
            135deg,
            #ff1744,
            #7A000C
        );

    color:
        #ffffff;

    font-family:
        Arial, sans-serif;

    font-size:
        31px;

    line-height:
        1;

    font-weight:
        400;

    box-shadow:
        0 0 0 1px rgba(255,23,68,.24),
        0 7px 18px rgba(122,0,12,.20);
}

body.search .archive-title span {

    display:
        block !important;

    margin-top:
        3px !important;

    color:
        #7A000C !important;

    font-size:
        28px !important;

    line-height:
        1.08 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.4px !important;
}

body.search .page-header > p {

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

body.search .page-header .search-form {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;
}

body.search #homepage-posts {

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        stretch !important;

    justify-content:
        flex-start !important;

    gap:
        0 !important;

    width:
        100% !important;

    margin:
        28px -8px
        30px !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;
}

body.search #homepage-posts > * {

    grid-column:
        auto !important;

    grid-row:
        auto !important;

    order:
        0 !important;
}

body.search #homepage-posts > .post-four-column,
body.search #homepage-posts > .post-column {

    display:
        block !important;

    flex:
        0 0
        33.333333% !important;

    width:
        33.333333% !important;

    max-width:
        33.333333% !important;

    min-width:
        0 !important;

    float:
        none !important;

    clear:
        none !important;

    margin:
        0 !important;

    padding:
        0 8px
        18px !important;

    box-sizing:
        border-box !important;

    transform:
        none;
}

body.search #homepage-posts >
.post-four-column:nth-child(n),

body.search #homepage-posts >
.post-column:nth-child(n) {

    float:
        none !important;

    clear:
        none !important;

    margin-left:
        0 !important;

    margin-right:
        0 !important;
}

body.search #homepage-posts >
.post-four-column > article,

body.search #homepage-posts >
.post-column > article {

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    background:
        #ffffff !important;

    border:
        1px solid
        rgba(20,25,35,.09) !important;

    border-radius:
        11px !important;

    box-shadow:
        0 4px 14px
        rgba(20,25,35,.07) !important;

    box-sizing:
        border-box !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease !important;
}

body.search #homepage-posts
.wp-post-image {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        auto !important;

    aspect-ratio:
        16 / 9;

    object-fit:
        cover !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;
}

body.search #homepage-posts
.entry-header {

    margin:
        0 !important;

    padding:
        11px 12px
        13px !important;

    border:
        0 !important;

    background:
        #ffffff !important;
}

body.search #homepage-posts
.entry-header h4,

body.search #homepage-posts
.entry-title {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #17212b !important;

    font-size:
        15px !important;

    line-height:
        1.45 !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;
}

body.search #homepage-posts
.entry-header h4 a,

body.search #homepage-posts
.entry-title a {

    color:
        #17212b !important;

    text-decoration:
        none !important;
}

body.search #homepage-posts
.entry-header h4 a:hover,

body.search #homepage-posts
.entry-header h4 a:focus,

body.search #homepage-posts
.entry-title a:hover,

body.search #homepage-posts
.entry-title a:focus {

    color:
        #7A000C !important;
}

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

    body.search #homepage-posts >
    .post-four-column > article:hover,

    body.search #homepage-posts >
    .post-column > article:hover {

        transform:
            translateY(-3px) !important;

        box-shadow:
            0 10px 24px
            rgba(20,25,35,.11) !important;
    }

}

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

    body.search #homepage-posts >
    .post-four-column,

    body.search #homepage-posts >
    .post-column {

        flex-basis:
            50% !important;

        width:
            50% !important;

        max-width:
            50% !important;
    }

}

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

    body.search .page-header {

        margin:
            20px auto
            18px !important;

        padding:
            17px 14px
            16px !important;

        border-radius:
            13px !important;
    }

    body.search .archive-title {

        min-height:
            48px !important;

        margin-bottom:
            15px !important;

        padding-left:
            59px !important;

        font-size:
            12px !important;
    }

    body.search .archive-title::before {

        width:
            44px;

        height:
            44px;

        font-size:
            25px;
    }

    body.search .archive-title span {

        font-size:
            23px !important;
    }

    body.search #homepage-posts {

        display:
            block !important;

        width:
            100% !important;

        margin:
            22px 0
            25px !important;
    }

    body.search #homepage-posts >
    .post-four-column,

    body.search #homepage-posts >
    .post-column {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 0
            16px !important;

        padding:
            0 !important;

        float:
            none !important;

        clear:
            both !important;
    }

    body.search #homepage-posts
    .entry-header {

        padding:
            11px 12px
            13px !important;
    }

    body.search #homepage-posts
    .entry-header h4,

    body.search #homepage-posts
    .entry-title {

        font-size:
            14px !important;

        line-height:
            1.42 !important;
    }

}

body.search .page-header {

    outline:
        0 !important;
}

body.category
.home.ban-1 >
aside.widget_search,

body.category
.home.ban-1 >
.header-widget.widget_search,

body.archive
.home.ban-1 >
aside.widget_search,

body.archive
.home.ban-1 >
.header-widget.widget_search {

    border:
        0 !important;

    border-top:
        0 !important;

    border-bottom:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}

body.category
.home.ban-1:has(> .widget_search),

body.archive
.home.ban-1:has(> .widget_search) {

    border:
        0 !important;

    border-top:
        0 !important;

    border-bottom:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}

body.category .page-header,
body.category .archive-description,
body.category .taxonomy-description {

    border:
        0 !important;

    border-top:
        0 !important;

    border-bottom:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}

body.category .page-header::before,
body.category .page-header::after,
body.category .archive-description::before,
body.category .archive-description::after,
body.category .taxonomy-description::before,
body.category .taxonomy-description::after {

    border:
        0 !important;

    box-shadow:
        none !important;
}

body.category .tvs-premium-wrap {

}

body.single-post #primary,
body.single-post .single-post-content-area,
body.single-post .content-single,
body.single-post #main.site-main,
body.single-post .skytamil-single-article,
body.single-post .skytamil-single-content,
body.single-post .skytamil-single-footer {

    border:
        0 !important;

    border-top:
        0 !important;

    border-bottom:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}

body.single-post #primary::before,
body.single-post #primary::after,
body.single-post .content-single::before,
body.single-post .content-single::after,
body.single-post #main.site-main::before,
body.single-post #main.site-main::after {

    border:
        0 !important;

    box-shadow:
        none !important;
}

body.single-post .single-post-content-area,
body.single-post .content-single {

    float:
        none !important;

    width:
        100% !important;

    max-width:
        none !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    padding-left:
        0 !important;

    padding-right:
        0 !important;
}

body.single-post .home.ban-1,
body.single-post .home.ban-2 {

    border:
        0 !important;

    border-top:
        0 !important;

    border-bottom:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}

body.single-post
.home.ban-1 >
aside.widget_search,

body.single-post
.home.ban-2 >
aside.widget_search,

body.single-post
.home.ban-1 >
.widget_search,

body.single-post
.home.ban-2 >
.widget_search {

    border:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}

body.single-post
.home.ban-1:has(.widget_search),

body.single-post
.home.ban-2:has(.widget_search) {

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    background:
        transparent !important;
}

body.single-post .skytamil-single-article {

    width:
        100% !important;

    margin:
        25px auto 35px !important;

    padding:
        0 !important;

    background:
        transparent !important;
}

body.single-post .skytamil-single-header {

    position:
        relative;

    overflow:
        hidden;

    margin:
        0 0 25px;

    padding:
        27px 30px 25px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(122,0,12,.11);

    border-radius:
        17px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fff9fa 58%,
            #fffdfd 100%
        );

    box-shadow:
        0 9px 28px
        rgba(33,18,23,.065);
}

body.single-post .skytamil-single-header::before {

    content:
        "";

    position:
        absolute;

    width:
        170px;

    height:
        170px;

    top:
        -95px;

    right:
        -55px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(255,23,68,.12),
            rgba(122,0,12,0)
        );

    pointer-events:
        none;
}

body.single-post .skytamil-single-header::after {

    content:
        "✦";

    position:
        absolute;

    right:
        25px;

    bottom:
        20px;

    color:
        #ff3154;

    opacity:
        .55;

    font-size:
        19px;
}

body.single-post .skytamil-single-kicker {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin:
        0 0 11px;

    padding:
        6px 10px;

    border-radius:
        30px;

    background:
        rgba(122,0,12,.07);

    color:
        #7A000C;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        .7px;

    text-transform:
        uppercase;
}

body.single-post .skytamil-single-kicker-dot {

    display:
        block;

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #ff1744;

    box-shadow:
        0 0 0 4px
        rgba(255,23,68,.10);
}

body.single-post .skytamil-single-title {

    position:
        relative;

    z-index:
        2;

    max-width:
        920px;

    margin:
        0 0 17px !important;

    padding:
        0 !important;

    border:
        0 !important;

    color:
        #161b22 !important;

    font-size:
        clamp(
            25px,
            2.35vw,
            38px
        ) !important;

    line-height:
        1.22 !important;

    font-weight:
        850 !important;

    letter-spacing:
        -.65px !important;

    text-transform:
        none !important;
}

body.single-post .skytamil-single-categories {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin:
        0;

    padding:
        0;
}

body.single-post .skytamil-single-category-label {

    color:
        #7d858d;

    font-size:
        12px;

    font-weight:
        700;
}

body.single-post .skytamil-single-category-links {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        6px;
}

body.single-post
.skytamil-single-category-links a {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        29px;

    padding:
        5px 11px;

    border:
        1px solid
        rgba(122,0,12,.16);

    border-radius:
        30px;

    background:
        #ffffff;

    color:
        #7A000C !important;

    font-size:
        11px;

    line-height:
        1.1;

    font-weight:
        800;

    text-decoration:
        none !important;

    box-shadow:
        0 3px 10px
        rgba(122,0,12,.045);

    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

body.single-post
.skytamil-single-category-links a:hover {

    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #7A000C,
            #bd1027
        );

    transform:
        translateY(-1px);

    box-shadow:
        0 6px 15px
        rgba(122,0,12,.18);
}

body.single-post
.skytamil-single-article >
.post-image,

body.single-post
.skytamil-single-article >
.wp-post-image {

    display:
        none !important;
}

body.single-post .skytamil-single-content {

    width:
        100%;

    margin:
        0;

    padding:
        0 5px;

    box-sizing:
        border-box;

    color:
        #30343a;

    font-size:
        15px;

    line-height:
        1.78;
}

body.single-post .skytamil-single-content p {

    margin:
        0 0 18px;
}

body.single-post
.skytamil-single-content img {

    max-width:
        100%;

    height:
        auto;

    border-radius:
        10px;
}

body.single-post
.skytamil-single-content iframe,

body.single-post
.skytamil-single-content video,

body.single-post
.skytamil-single-content embed {

    max-width:
        100%;
}

body.single-post
.skytamil-single-content a {

    color:
        #7A000C;

    text-decoration-color:
        rgba(122,0,12,.30);
}

body.single-post
.skytamil-single-content a:hover {

    color:
        #b30b20;
}

body.single-post .skytamil-single-footer {

    margin:
        25px 0 10px;

    padding:
        15px 0 0 !important;
}

body.single-post .skytamil-related-heading {

    position:
        relative;

    margin:
        35px 0 20px;

    padding:
        0 0 13px;

    border-bottom:
        1px solid
        rgba(122,0,12,.10);
}

body.single-post .skytamil-related-kicker {

    display:
        block;

    margin-bottom:
        5px;

    color:
        #a05a63;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        1.1px;
}

body.single-post
.skytamil-related-title-row {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;
}

body.single-post .related-post-title {

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    color:
        #151a20 !important;

    font-size:
        25px !important;

    line-height:
        1.2 !important;

    font-weight:
        850 !important;

    letter-spacing:
        -.35px !important;
}

body.single-post .skytamil-related-spark {

    color:
        #ff3154;

    font-size:
        19px;
}

body.single-post ul.related_posts.posts-site {

    display:
        grid !important;

    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    gap:
        16px !important;

    width:
        100% !important;

    margin:
        0 0 35px !important;

    padding:
        0 !important;

    list-style:
        none !important;
}

body.single-post
ul.related_posts.posts-site > li {

    display:
        flex !important;

    flex-direction:
        column !important;

    width:
        auto !important;

    min-width:
        0 !important;

    float:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    border:
        1px solid
        rgba(20,28,40,.09);

    border-radius:
        11px;

    background:
        #ffffff;

    box-shadow:
        0 4px 14px
        rgba(20,28,40,.07);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

body.single-post
ul.related_posts.posts-site > li img {

    display:
        block;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        auto !important;

    aspect-ratio:
        16 / 9;

    object-fit:
        cover;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;
}

body.single-post
.related_posts
.post-name-items {

    flex:
        1 1 auto;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        11px 12px 13px !important;

    background:
        #ffffff !important;

    box-shadow:
        none !important;
}

body.single-post .related-post-name {

    display:
        block !important;

    color:
        #17212b !important;

    font-size:
        13px !important;

    line-height:
        1.4 !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;

    transition:
        color .18s ease;
}

body.single-post
.related-post-name:hover {

    color:
        #7A000C !important;
}

body.single-post
.related_posts li:hover
.post-name-items {

    background:
        #ffffff !important;
}

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

    body.single-post
    ul.related_posts.posts-site > li:hover {

        transform:
            translateY(-3px);

        box-shadow:
            0 10px 24px
            rgba(20,28,40,.11);
    }

}

body.single-post .comments-area {

    margin:
        35px 0 25px;

    padding:
        25px;

    border:
        1px solid
        rgba(122,0,12,.09) !important;

    border-radius:
        15px;

    background:
        #ffffff;

    box-shadow:
        0 7px 22px
        rgba(25,20,25,.05);
}

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

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            14px !important;
    }

}

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

    body.single-post
    .skytamil-single-article {

        margin-top:
            18px !important;
    }

    body.single-post
    .skytamil-single-header {

        margin-bottom:
            20px;

        padding:
            20px 17px 19px;

        border-radius:
            14px;
    }

    body.single-post
    .skytamil-single-title {

        margin-bottom:
            14px !important;

        font-size:
            23px !important;

        line-height:
            1.28 !important;

        letter-spacing:
            -.35px !important;
    }

    body.single-post
    .skytamil-single-header::after {

        right:
            15px;

        bottom:
            14px;

        font-size:
            14px;
    }

    body.single-post
    .skytamil-single-categories {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            7px;
    }

    body.single-post
    .skytamil-single-content {

        padding:
            0 !important;

        font-size:
            14px;

        line-height:
            1.72;
    }

    body.single-post
    .related-post-title {

        font-size:
            22px !important;
    }

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            10px !important;

        margin-bottom:
            28px !important;
    }

    body.single-post
    .related_posts
    .post-name-items {

        padding:
            9px 9px 11px !important;
    }

    body.single-post
    .related-post-name {

        font-size:
            11px !important;

        line-height:
            1.35 !important;
    }

    body.single-post
    .comments-area {

        margin:
            28px 0 20px;

        padding:
            17px;

        border-radius:
            12px;
    }

}

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

    body.single-post
    .skytamil-single-title {

        font-size:
            21px !important;
    }

    body.single-post
    ul.related_posts.posts-site {

        gap:
            8px !important;
    }

}

body.single-post
.skytamil-single-header {

    padding-top:
        24px !important;
}

body.single-post
.skytamil-single-title {

    margin-top:
        0 !important;
}

body.single-post
.skytamil-single-kicker {

    display:
        none !important;
}

body.single-post
.skytamil-single-content {

    width:
        100% !important;

    max-width:
        100% !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    box-sizing:
        border-box !important;
}

body.single-post
.skytamil-single-content > p,

body.single-post
.skytamil-single-content > figure,

body.single-post
.skytamil-single-content > div {

    max-width:
        100%;

    box-sizing:
        border-box;
}

body.single-post
.skytamil-single-content img {

    display:
        block;

    max-width:
        100% !important;

    height:
        auto !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    float:
        none !important;
}

body.single-post
.skytamil-single-content .wp-block-image,

body.single-post
.skytamil-single-content figure {

    max-width:
        100% !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    text-align:
        center !important;

    float:
        none !important;
}

body.single-post
.skytamil-single-content iframe,

body.single-post
.skytamil-single-content video,

body.single-post
.skytamil-single-content embed,

body.single-post
.skytamil-single-content object {

    display:
        block;

    max-width:
        100% !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    float:
        none !important;
}

body.single-post
.skytamil-single-content
.wp-block-embed,

body.single-post
.skytamil-single-content
.wp-block-video,

body.single-post
.skytamil-single-content
.wp-video,

body.single-post
.skytamil-single-content
.wp-block-embed__wrapper {

    width:
        100% !important;

    max-width:
        100% !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    text-align:
        center !important;

    float:
        none !important;
}

body.single-post
.skytamil-single-content
.skytamil-source-wrap {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        8px !important;

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        9px auto 14px !important;

    padding:
        0 !important;

    float:
        none !important;

    clear:
        both !important;

    text-align:
        center !important;

    box-sizing:
        border-box !important;
}

body.single-post
.skytamil-single-content
.skytamil-source-link {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        28px;

    margin:
        0 !important;

    padding:
        5px 11px !important;

    float:
        none !important;

    border:
        1px solid
        rgba(122,0,12,.14);

    border-radius:
        30px;

    background:
        rgba(122,0,12,.045);

    color:
        #7A000C !important;

    font-size:
        10px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;
}

body.single-post
.skytamil-single-content
.skytamil-source-link:hover {

    color:
        #ffffff !important;

    background:
        #7A000C;
}

body.single-post
ul.related_posts.posts-site {

    display:
        grid !important;

    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    grid-auto-flow:
        row !important;

    align-items:
        stretch !important;

    gap:
        16px !important;

    width:
        100% !important;

    margin:
        0 0 35px !important;

    padding:
        0 !important;

    list-style:
        none !important;
}

body.single-post
ul.related_posts.posts-site >
li,

body.single-post
ul.related_posts.posts-site >
li:first-child,

body.single-post
ul.related_posts.posts-site >
li:last-child,

body.single-post
ul.related_posts.posts-site >
li:nth-child(n) {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    grid-column:
        auto !important;

    grid-row:
        auto !important;

    order:
        0 !important;

    width:
        auto !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    height:
        100% !important;

    float:
        none !important;

    clear:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    transform:
        none;
}

body.single-post
.skytamil-related-image {

    position:
        relative;

    display:
        block !important;

    width:
        100% !important;

    overflow:
        hidden !important;

    aspect-ratio:
        16 / 9;

    background:
        #f5f5f7;

    text-decoration:
        none !important;
}

body.single-post
.skytamil-related-thumb {

    position:
        absolute;

    inset:
        0;

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    border:
        0 !important;

    border-radius:
        0 !important;
}

body.single-post
.related_posts li img {

    width:
        100% !important;

    max-width:
        none !important;

    max-height:
        none !important;
}

body.single-post
.skytamil-related-placeholder {

    position:
        absolute;

    inset:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        linear-gradient(
            135deg,
            #190207,
            #7A000C
        );

    color:
        rgba(255,255,255,.85);

    font-size:
        12px;

    font-weight:
        800;

    letter-spacing:
        .5px;
}

body.single-post
.related_posts
.post-name-items {

    display:
        flex !important;

    flex:
        1 1 auto !important;

    align-items:
        flex-start;

    width:
        100% !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        11px 12px 13px !important;

    box-sizing:
        border-box !important;

    background:
        #ffffff !important;

    box-shadow:
        none !important;
}

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

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            13px !important;
    }

}

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

    body.single-post
    .skytamil-single-header {

        padding-top:
            18px !important;
    }

    body.single-post
    .skytamil-single-content {

        width:
            100% !important;

        overflow-x:
            hidden;
    }

    body.single-post
    .skytamil-single-content
    .skytamil-source-wrap {

        margin:
            8px auto 12px !important;
    }

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            10px !important;
    }

    body.single-post
    .related_posts
    .post-name-items {

        padding:
            8px 9px 10px !important;
    }

}

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

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            1fr !important;
    }

}

body.single-post
ul.related_posts.posts-site::before,

body.single-post
ul.related_posts.posts-site::after {

    content:
        none !important;

    display:
        none !important;

    width:
        0 !important;

    height:
        0 !important;
}

body.single-post
ul.related_posts.posts-site {

    display:
        grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    grid-auto-flow:
        row !important;

    gap:
        16px !important;

    width:
        100% !important;

    margin:
        0 0 32px !important;

    padding:
        0 !important;
}

body.single-post
ul.related_posts.posts-site > li:nth-child(n) {

    grid-column:
        auto !important;

    grid-row:
        auto !important;

    width:
        auto !important;

    max-width:
        none !important;

    float:
        none !important;

    clear:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

body.single-post
ul.related_posts.posts-site
.skytamil-related-image {

    width:
        100% !important;

    aspect-ratio:
        16 / 9 !important;
}

body.single-post
ul.related_posts.posts-site
.skytamil-related-thumb {

    width:
        100% !important;

    height:
        100% !important;

    max-height:
        none !important;

    object-fit:
        cover !important;

    object-position:
        center !important;
}

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

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            13px !important;
    }

}

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

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            10px !important;

        margin-bottom:
            26px !important;
    }

}

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

    body.single-post
    ul.related_posts.posts-site {

        grid-template-columns:
            1fr !important;
    }

}

body.single-post
.comments-area {

    width:
        100% !important;

    margin:
        20px 0 0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-top:
        0 !important;

    border-bottom:
        0 !important;

    outline:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}

body.single-post
.comments-area:not(:has(#respond))
:not(:has(.comment-list))
:not(:has(.comments-title))
:not(:has(.no-comments)) {

    display:
        none !important;
}

body.single-post
.comments-area::before,

body.single-post
.comments-area::after {

    content:
        none !important;

    display:
        none !important;
}

#secondary,

#secondary.sidebar,

#secondary.widget-area,

.sidebar.widget-area,

aside.sidebar.widget-area {

    display:
        none !important;

    width:
        0 !important;

    max-width:
        0 !important;

    height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    overflow:
        hidden !important;
}

#primary.content-area,
#primary.content-archive,
.site-content > .content-area {

    float:
        none !important;

    width:
        100% !important;

    max-width:
        none !important;
}

body.error404
#main.site-main
.widget:not(.widget_search),

body.error404
.error-404
.widget:not(.widget_search),

body.error404
.page-content
.widget:not(.widget_search) {

    display:
        none !important;
}

body.error404
#main.site-main
.widget::before,

body.error404
#main.site-main
.widget::after,

body.error404
.error-404::before,

body.error404
.error-404::after {

    content:
        none !important;

    display:
        none !important;

    border:
        0 !important;
}

body.error404
#primary,

body.error404
#main.site-main,

body.error404
.error-404,

body.error404
.page-content {

    width:
        100% !important;

    max-width:
        none !important;

    float:
        none !important;

    border-left:
        0 !important;

    border-right:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}

body.error404
.search-form {

    display:
        flex !important;
}

body.error404
.skytamil-404-page {

    width:
        100% !important;

    max-width:
        1240px !important;

    margin:
        0 auto !important;

    padding:
        45px 26px
        55px !important;

    box-sizing:
        border-box !important;

    border:
        0 !important;

    background:
        transparent !important;
}

body.error404
.skytamil-404-hero {

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(360px,.9fr);

    align-items:
        center;

    gap:
        55px;

    min-height:
        430px;

    padding:
        30px 28px 42px;

    box-sizing:
        border-box;

    border:
        0 !important;

    background:
        transparent;
}

body.error404
.skytamil-404-copy {

    position:
        relative;

    z-index:
        2;
}

body.error404
.skytamil-404-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-bottom:
        8px;

    color:
        #17212b;

    font-size:
        clamp(
            25px,
            2.4vw,
            38px
        );

    line-height:
        1.2;

    font-weight:
        900;

    letter-spacing:
        -.7px;
}

body.error404
.skytamil-404-eyebrow span {

    display:
        block;

    width:
        10px;

    height:
        10px;

    flex:
        0 0 auto;

    border-radius:
        50%;

    background:
        #ff1744;

    box-shadow:
        0 0 0 5px
        rgba(255,23,68,.09);
}

body.error404
.skytamil-404-eyebrow::first-letter {

    color:
        #ff1744;
}

body.error404
.skytamil-404-number {

    display:
        inline-block;

    margin:
        5px 0 0;

    background:
        linear-gradient(
            135deg,
            #ff1744 0%,
            #e51b60 45%,
            #8e36ff 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

    font-size:
        clamp(
            95px,
            12vw,
            165px
        );

    line-height:
        .95;

    font-weight:
        950;

    letter-spacing:
        -7px;
}

body.error404
.skytamil-404-divider {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    width:
        350px;

    max-width:
        85%;

    margin:
        4px 0 23px;
}

body.error404
.skytamil-404-divider i {

    display:
        block;

    flex:
        1 1 auto;

    height:
        2px;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            #ff3154,
            #9e41ff
        );
}

body.error404
.skytamil-404-divider span {

    color:
        #ff3154;

    font-size:
        18px;

    animation:
        skytamil404Spark
        1.8s
        ease-in-out
        infinite;
}

body.error404
.skytamil-404-message {

    max-width:
        580px;

    margin:
        0 0 27px;

    color:
        #555b64;

    font-size:
        17px;

    line-height:
        1.75;
}

body.error404
.skytamil-404-search {

    width:
        100%;

    max-width:
        600px;
}

body.error404
.skytamil-404-search
.search-form {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;
}

body.error404
.skytamil-404-art {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        355px;

    isolation:
        isolate;
}

body.error404
.skytamil-404-art::before {

    content:
        "";

    position:
        absolute;

    width:
        330px;

    height:
        260px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(255,38,75,.12),
            rgba(160,62,255,.05) 48%,
            transparent 73%
        );

    filter:
        blur(2px);

    z-index:
        -1;
}

body.error404
.skytamil-404-art-number {

    position:
        absolute;

    bottom:
        45px;

    z-index:
        4;

    background:
        linear-gradient(
            135deg,
            #ff304e,
            #df226e 52%,
            #9443ff
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

    font-size:
        clamp(
            100px,
            10vw,
            155px
        );

    line-height:
        .9;

    font-weight:
        950;

    letter-spacing:
        -7px;

    text-shadow:
        0 18px 35px
        rgba(170,20,70,.10);
}

body.error404
.skytamil-404-platform {

    position:
        absolute;

    bottom:
        26px;

    width:
        365px;

    max-width:
        90%;

    height:
        27px;

    border-radius:
        50%;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #e6e4ea
        );

    box-shadow:
        0 15px 25px
        rgba(24,20,30,.13);
}

body.error404
.skytamil-404-dish {

    position:
        absolute;

    top:
        30px;

    right:
        27%;

    z-index:
        3;

    width:
        105px;

    height:
        120px;

    transform:
        rotate(14deg);
}

body.error404
.skytamil-404-dish-head {

    position:
        absolute;

    top:
        0;

    left:
        5px;

    width:
        88px;

    height:
        57px;

    overflow:
        hidden;

    border:
        7px solid #dfe5ea;

    border-top:
        0;

    border-radius:
        0 0 90px 90px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbe2e7
        );

    transform:
        rotate(-30deg);

    box-shadow:
        0 8px 20px
        rgba(35,45,55,.13);
}

body.error404
.skytamil-404-dish-head span {

    position:
        absolute;

    top:
        11px;

    left:
        43px;

    width:
        9px;

    height:
        9px;

    border-radius:
        50%;

    background:
        #ff3154;

    box-shadow:
        0 0 0 4px
        rgba(255,49,84,.10);
}

body.error404
.skytamil-404-dish-arm {

    position:
        absolute;

    top:
        53px;

    left:
        49px;

    width:
        8px;

    height:
        64px;

    border-radius:
        10px;

    background:
        linear-gradient(
            #cfd6db,
            #7c8791
        );
}

body.error404
.skytamil-404-signal {

    position:
        absolute;

    top:
        9px;

    right:
        17%;

    color:
        #b75cff;

    font-family:
        Arial,
        sans-serif;

    font-size:
        31px;

    font-weight:
        700;

    letter-spacing:
        -9px;

    opacity:
        .38;

    transform:
        rotate(-28deg);
}

body.error404
.skytamil-404-stars span {

    position:
        absolute;

    z-index:
        1;

    color:
        #ff6682;

    opacity:
        .55;

    animation:
        skytamil404Spark
        1.8s
        ease-in-out
        infinite;
}

body.error404
.skytamil-404-stars span:nth-child(1) {

    top:
        55px;

    left:
        10%;
}

body.error404
.skytamil-404-stars span:nth-child(2) {

    top:
        25px;

    right:
        21%;
}

body.error404
.skytamil-404-stars span:nth-child(3) {

    top:
        130px;

    right:
        5%;
}

body.error404
.skytamil-404-stars span:nth-child(4) {

    bottom:
        95px;

    left:
        5%;
}

body.error404
.skytamil-404-explore {

    padding:
        8px 28px 25px;
}

body.error404
.skytamil-404-section-heading {

    margin:
        0 auto 28px;

    text-align:
        center;
}

body.error404
.skytamil-404-section-heading h2 {

    margin:
        0 0 9px !important;

    padding:
        0 !important;

    border:
        0 !important;

    color:
        #17212b !important;

    font-size:
        27px !important;

    line-height:
        1.25 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.4px !important;
}

body.error404
.skytamil-404-section-heading > div {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;
}

body.error404
.skytamil-404-section-heading span {

    display:
        block;

    width:
        85px;

    height:
        2px;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            #ff3154,
            #a748ff
        );
}

body.error404
.skytamil-404-section-heading b {

    color:
        #ff3154;

    font-size:
        17px;
}

body.error404
.skytamil-404-options {

    display:
        grid;

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

    gap:
        18px;
}

body.error404
.skytamil-404-option {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        flex-start;

    min-height:
        225px;

    padding:
        24px 20px 22px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(24,35,48,.07);

    border-radius:
        16px;

    background:
        #ffffff;

    text-align:
        center;

    text-decoration:
        none !important;

    box-shadow:
        0 8px 24px
        rgba(20,27,35,.065);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

body.error404
.skytamil-404-option:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(122,0,12,.12);

    box-shadow:
        0 14px 32px
        rgba(20,27,35,.11);
}

body.error404
.skytamil-404-option-icon {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        58px;

    height:
        58px;

    margin-bottom:
        17px;

    border-radius:
        50%;

    color:
        #ffffff;

    font-family:
        Arial,
        sans-serif;

    font-size:
        26px;

    font-weight:
        600;

    box-shadow:
        0 8px 20px
        rgba(30,30,40,.14);
}

body.error404
.skytamil-404-option--episodes
.skytamil-404-option-icon {

    background:
        linear-gradient(
            135deg,
            #ff1744,
            #f63170
        );
}

body.error404
.skytamil-404-option--serials
.skytamil-404-option-icon {

    background:
        linear-gradient(
            135deg,
            #ffae27,
            #ff6c17
        );
}

body.error404
.skytamil-404-option--channels
.skytamil-404-option-icon {

    background:
        linear-gradient(
            135deg,
            #ae47ff,
            #6437e9
        );
}

body.error404
.skytamil-404-option--pages
.skytamil-404-option-icon {

    background:
        linear-gradient(
            135deg,
            #43a9ff,
            #2475e8
        );
}

body.error404
.skytamil-404-option strong {

    display:
        block;

    margin:
        0 0 9px;

    color:
        #17212b;

    font-size:
        16px;

    line-height:
        1.3;

    font-weight:
        850;
}

body.error404
.skytamil-404-option small {

    display:
        block;

    flex:
        1 1 auto;

    margin:
        0 0 15px;

    color:
        #777e87;

    font-size:
        13px;

    line-height:
        1.65;
}

body.error404
.skytamil-404-option em {

    display:
        block;

    font-size:
        12px;

    line-height:
        1;

    font-style:
        normal;

    font-weight:
        850;
}

body.error404
.skytamil-404-option--episodes em {

    color:
        #ff1744;
}

body.error404
.skytamil-404-option--serials em {

    color:
        #ff7b18;
}

body.error404
.skytamil-404-option--channels em {

    color:
        #8142ef;
}

body.error404
.skytamil-404-option--pages em {

    color:
        #2581ec;
}

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

    body.error404
    .skytamil-404-hero {

        grid-template-columns:
            1fr 1fr;

        gap:
            25px;

        padding-left:
            10px;

        padding-right:
            10px;
    }

    body.error404
    .skytamil-404-options {

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

}

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

    body.error404
    .skytamil-404-page {

        padding:
            24px 15px
            38px !important;
    }

    body.error404
    .skytamil-404-hero {

        display:
            flex;

        flex-direction:
            column;

        min-height:
            0;

        gap:
            18px;

        padding:
            12px 0 28px;

        text-align:
            center;
    }

    body.error404
    .skytamil-404-copy {

        width:
            100%;
    }

    body.error404
    .skytamil-404-eyebrow {

        justify-content:
            center;

        font-size:
            25px;
    }

    body.error404
    .skytamil-404-number {

        font-size:
            105px;

        letter-spacing:
            -5px;
    }

    body.error404
    .skytamil-404-divider {

        margin-left:
            auto;

        margin-right:
            auto;
    }

    body.error404
    .skytamil-404-message {

        max-width:
            430px;

        margin-left:
            auto;

        margin-right:
            auto;

        font-size:
            14px;

        line-height:
            1.7;
    }

    body.error404
    .skytamil-404-search {

        max-width:
            none;
    }

    body.error404
    .skytamil-404-art {

        width:
            100%;

        min-height:
            245px;
    }

    body.error404
    .skytamil-404-art-number {

        bottom:
            38px;

        font-size:
            105px;
    }

    body.error404
    .skytamil-404-platform {

        bottom:
            24px;

        width:
            270px;
    }

    body.error404
    .skytamil-404-dish {

        top:
            5px;

        right:
            30%;

        transform:
            scale(.77)
            rotate(14deg);
    }

    body.error404
    .skytamil-404-signal {

        top:
            4px;

        right:
            21%;
    }

    body.error404
    .skytamil-404-explore {

        padding:
            5px 0 5px;
    }

    body.error404
    .skytamil-404-section-heading {

        margin-bottom:
            22px;
    }

    body.error404
    .skytamil-404-section-heading h2 {

        font-size:
            22px !important;
    }

    body.error404
    .skytamil-404-options {

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

        gap:
            10px;
    }

    body.error404
    .skytamil-404-option {

        min-height:
            205px;

        padding:
            19px 12px 17px;

        border-radius:
            13px;
    }

    body.error404
    .skytamil-404-option-icon {

        width:
            49px;

        height:
            49px;

        margin-bottom:
            13px;

        font-size:
            22px;
    }

    body.error404
    .skytamil-404-option strong {

        font-size:
            14px;
    }

    body.error404
    .skytamil-404-option small {

        font-size:
            11px;

        line-height:
            1.55;
    }

    body.error404
    .skytamil-404-option em {

        font-size:
            10px;
    }

}

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

    body.error404
    .skytamil-404-options {

        grid-template-columns:
            1fr;
    }

    body.error404
    .skytamil-404-option {

        min-height:
            180px;
    }

}

@keyframes skytamil404Spark {

    0%,
    100% {
        opacity:
            .35;

        transform:
            scale(.82)
            rotate(0deg);
    }

    50% {
        opacity:
            1;

        transform:
            scale(1.13)
            rotate(15deg);
    }

}

@media (prefers-reduced-motion: reduce) {

    body.error404
    .skytamil-404-stars span,

    body.error404
    .skytamil-404-divider span {

        animation:
            none !important;
    }

}

.st-daily-episode {
    --st-red: #ff1744;
    --st-dark-red: #7A000C;
    --st-purple: #7027e8;
    --st-purple2: #a118d8;
    --st-text: #20242b;
    --st-muted: #747b85;
    --st-border: rgba(255, 23, 68, .18);

    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: var(--st-text);
    box-sizing: border-box;
}

.st-episode-overview {
    position: relative;
    overflow: hidden;

    margin: 0 0 24px;
    padding: 24px;

    border: 1px solid var(--st-border);
    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffafa 100%
        );

    box-shadow:
        0 7px 22px rgba(30, 20, 25, .05);
}

.st-episode-overview::after {
    content: "";
    position: absolute;
    top: -65px;
    right: -55px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(255, 23, 68, .08),
            transparent 70%
        );
    pointer-events: none;
}

.st-today-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin: 0 0 14px;
    padding: 7px 12px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #ff1744,
            #e51945
        );

    color: #fff;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;

    letter-spacing: .55px;
    text-transform: uppercase;

    box-shadow:
        0 5px 13px rgba(255, 23, 68, .18);
}

.st-today-badge::before {
    content: "▣";
    font-size: 11px;
}

.st-episode-overview h2 {
    position: relative;
    z-index: 2;

    margin: 0 0 5px !important;
    padding: 0 !important;

    border: 0 !important;

    color: #12161c !important;

    font-size: 27px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;

    letter-spacing: -.45px;
}

.st-episode-subtitle {
    position: relative;
    z-index: 2;

    margin: 0 0 15px !important;

    color: #1d2128;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
}

.st-episode-subtitle strong {
    color: var(--st-red);
}

.st-episode-overview > p {
    position: relative;
    z-index: 2;

    max-width: 780px;

    margin: 0 0 7px !important;

    color: #505660;

    font-size: 14px;
    line-height: 1.75;
}

.st-quick-info {
    position: relative;
    z-index: 2;

    display: grid;

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

    margin: 21px 0 0;

    overflow: hidden;

    border: 1px solid rgba(30, 40, 50, .08);
    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 7px 20px rgba(20, 25, 35, .065);
}

.st-quick-item {
    position: relative;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-height: 105px;

    padding: 13px 8px;

    text-align: center;

    box-sizing: border-box;
}

.st-quick-item + .st-quick-item {
    border-left:
        1px solid rgba(30, 40, 50, .11);
}

.st-quick-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    margin-bottom: 5px;

    color: var(--st-red);

    font-size: 25px;
    line-height: 1;
}

.st-quick-item small {
    display: block;

    margin-bottom: 3px;

    color: #686f79;

    font-size: 9px;
    line-height: 1;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .4px;
}

.st-quick-item strong {
    display: block;

    color: #181d24;

    font-size: 12px;
    line-height: 1.35;

    font-weight: 800;
}

.st-source-block {
    width: 100%;

    margin:
        25px auto
        28px;

    text-align: center;
}

.st-source-label {
    display: table;

    margin:
        0 auto 9px 0;

    padding:
        6px 12px;

    border-radius:
        8px;

    background:
        linear-gradient(
            135deg,
            #591ee6 0%,
            #871cdd 60%,
            #ed195c 100%
        );

    color: #fff;

    font-size: 11px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: .45px;

    box-shadow:
        0 4px 11px rgba(105, 30, 220, .18);
}

.st-video-center {
    width: 100%;
    text-align: center;
}

.st-video-poster {
    position: relative;

    display: inline-block !important;

    max-width: 100%;

    margin: 0 auto !important;

    overflow: hidden;

    border:
        4px solid #ffffff;

    border-radius:
        17px;

    background: #0b0b0d;

    text-decoration: none !important;

    box-shadow:
        0 0 0 1px rgba(122, 0, 12, .12),
        0 9px 24px rgba(20, 20, 30, .17);

    isolation: isolate;

    line-height: 0;
}

.st-video-poster img {
    position: relative;

    z-index: 1;

    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    float: none !important;

    border: 0 !important;
    border-radius: 13px !important;

    transition:
        transform .32s ease,
        filter .32s ease;
}

.st-video-poster::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    border-radius: 13px;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.015) 48%,
            rgba(0,0,0,.16) 100%
        );

    pointer-events: none;
}

.st-hd-badge {
    position: absolute;

    top: 12px;
    left: 12px;

    z-index: 6;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 37px;
    height: 25px;

    padding: 0 8px;

    border-radius: 7px;

    background:
        linear-gradient(
            135deg,
            #ed0c27,
            #b70018
        );

    color: #fff;

    font-size: 11px;
    line-height: 1;

    font-weight: 900;

    box-shadow:
        0 4px 10px rgba(100,0,10,.25);
}

.st-play-ring {
    position: absolute;

    top: 50%;
    left: 50%;

    z-index: 5;

    width: 79px;
    height: 79px;

    transform:
        translate(-50%, -50%);

    border:
        2px solid rgba(255,255,255,.75);

    border-radius: 50%;

    pointer-events: none;

    animation:
        stPlayPulse 1.8s
        ease-out infinite;
}

.st-play-button {
    position: absolute;

    top: 50%;
    left: 50%;

    z-index: 6;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 67px;
    height: 67px;

    transform:
        translate(-50%, -50%);

    border:
        3px solid rgba(255,255,255,.95);

    border-radius: 50%;

    background:
        rgba(20, 15, 18, .58);

    backdrop-filter:
        blur(4px);

    -webkit-backdrop-filter:
        blur(4px);

    box-shadow:
        0 7px 20px rgba(0,0,0,.30);

    pointer-events: none;

    transition:
        transform .22s ease,
        background .22s ease;
}

.st-play-button::after {
    content: "";

    display: block;

    width: 0;
    height: 0;

    margin-left: 5px;

    border-top:
        12px solid transparent;

    border-bottom:
        12px solid transparent;

    border-left:
        19px solid #ffffff;
}

.st-video-poster:hover img {
    transform:
        scale(1.018);

    filter:
        brightness(.89);
}

.st-video-poster:hover .st-play-button {
    transform:
        translate(-50%, -50%)
        scale(1.08);

    background:
        rgba(122,0,12,.78);
}

@keyframes stPlayPulse {

    0% {
        opacity: .8;

        transform:
            translate(-50%, -50%)
            scale(.84);
    }

    100% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(1.55);
    }

}

.st-watch-description {
    margin:
        26px 0
        23px;

    padding:
        0 3px;
}

.st-watch-description p {
    margin:
        0 0 10px !important;

    color:
        #3e444c;

    font-size:
        14px;

    line-height:
        1.78;
}

.st-details-grid {
    display: grid;

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

    gap: 14px;

    margin:
        20px 0
        23px;
}

.st-detail-card {
    padding:
        19px 20px;

    border:
        1px solid rgba(255,23,68,.19);

    border-radius:
        14px;

    background:
        linear-gradient(
            135deg,
            #fffefe,
            #fffafa
        );
}

.st-detail-card h3 {
    margin:
        0 0 13px !important;

    padding:
        0 !important;

    border:
        0 !important;

    color:
        var(--st-red) !important;

    font-size:
        16px !important;

    line-height:
        1.3 !important;

    font-weight:
        850 !important;
}

.st-detail-list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.st-detail-list li {
    position: relative;

    display: grid;

    grid-template-columns:
        90px 10px minmax(0,1fr);

    gap: 5px;

    margin:
        0 0 7px;

    padding-left:
        13px;

    color:
        #3c424b;

    font-size:
        11px;

    line-height:
        1.5;
}

.st-detail-list li::before {
    content: "•";

    position: absolute;

    left: 0;

    color:
        var(--st-red);

    font-size:
        18px;

    line-height:
        14px;
}

.st-detail-list b {
    color:
        #1d2229;
}

.st-detail-text {
    margin:
        0 !important;

    color:
        #414750;

    font-size:
        12px;

    line-height:
        1.75;
}

.st-topic-chips {
    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap:
        8px;

    margin:
        21px 0 8px;
}

.st-topic-chips a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height:
        31px;

    padding:
        6px 15px;

    border:
        1px solid rgba(255,23,68,.25);

    border-radius:
        30px;

    background: #ffffff;

    color:
        #f01d40 !important;

    font-size:
        10px;

    line-height:
        1.2;

    font-weight:
        750;

    text-decoration:
        none !important;

    transition:
        transform .18s ease,
        color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.st-topic-chips a:hover {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #7A000C,
            #ff1744
        );

    transform:
        translateY(-1px);

    box-shadow:
        0 5px 13px rgba(122,0,12,.15);
}

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

    .st-quick-info {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

    .st-quick-item:nth-child(3) {
        border-left: 0;
        border-top:
            1px solid rgba(30,40,50,.11);
    }

    .st-quick-item:nth-child(4) {
        border-top:
            1px solid rgba(30,40,50,.11);
    }

}

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

    .st-episode-overview {
        padding:
            18px 15px;

        border-radius:
            14px;
    }

    .st-episode-overview h2 {
        font-size:
            22px !important;

        line-height:
            1.28 !important;
    }

    .st-episode-subtitle {
        font-size:
            17px;
    }

    .st-episode-overview > p {
        font-size:
            12px;

        line-height:
            1.68;
    }

    .st-quick-item {
        min-height:
            87px;

        padding:
            10px 5px;
    }

    .st-quick-icon {
        width:
            29px;

        height:
            29px;

        font-size:
            20px;
    }

    .st-quick-item small {
        font-size:
            8px;
    }

    .st-quick-item strong {
        font-size:
            10px;
    }

    .st-source-label {
        font-size:
            10px;

        padding:
            6px 10px;
    }

    .st-video-poster {
        max-width:
            100%;

        border-width:
            3px;

        border-radius:
            14px;
    }

    .st-video-poster img {
        max-width:
            100% !important;

        border-radius:
            11px !important;
    }

    .st-play-button {
        width:
            55px;

        height:
            55px;
    }

    .st-play-button::after {
        border-top-width:
            9px;

        border-bottom-width:
            9px;

        border-left-width:
            15px;
    }

    .st-play-ring {
        width:
            64px;

        height:
            64px;
    }

    .st-hd-badge {
        top:
            8px;

        left:
            8px;

        min-width:
            31px;

        height:
            22px;

        padding:
            0 6px;

        font-size:
            9px;
    }

    .st-watch-description p {
        font-size:
            12px;
    }

    .st-details-grid {
        grid-template-columns:
            1fr;

        gap:
            10px;
    }

    .st-detail-card {
        padding:
            16px;
    }

    .st-topic-chips {
        gap:
            6px;
    }

    .st-topic-chips a {
        padding:
            6px 11px;

        font-size:
            9px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .st-play-ring {
        animation:
            none !important;
    }

    .st-video-poster img,
    .st-play-button {
        transition:
            none !important;
    }

}

.single-post .st-daily-episode .st-source-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 25px auto 28px !important;
    text-align: center !important;
    clear: both !important;
}

.single-post .st-daily-episode .st-source-label {
    display: table !important;
    width: auto !important;

    margin:
        0 auto 10px !important;

    float: none !important;
    text-align: center !important;
}

.single-post .st-daily-episode .st-video-center {
    display: flex !important;

    width: 100% !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto !important;
    padding: 0 !important;

    float: none !important;

    text-align: center !important;
}

.single-post .st-daily-episode .st-video-poster {
    position: relative !important;

    display: inline-block !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    float: none !important;

    vertical-align: top !important;
}

.single-post .st-daily-episode .st-video-poster img {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 auto !important;

    float: none !important;
}

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

    .single-post .st-daily-episode .st-source-block {
        margin:
            22px auto 25px !important;
    }

    .single-post .st-daily-episode .st-source-label {
        margin:
            0 auto 9px !important;
    }

    .single-post .st-daily-episode .st-video-center {
        width:
            100% !important;

        justify-content:
            center !important;
    }

    .single-post .st-daily-episode .st-video-poster {
        width:
            auto !important;

        max-width:
            calc(100% - 10px) !important;

        margin:
            0 auto !important;
    }

}

@property --skytamil-border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes skytamilBannerRainbow {
    0% {
        --skytamil-border-angle: 0deg;
    }

    100% {
        --skytamil-border-angle: 360deg;
    }
}

@keyframes skytamilBannerGlowPulse {
    0%,
    100% {
        filter:
            drop-shadow(
                0 0 2px rgba(255,23,68,.18)
            );
    }

    50% {
        filter:
            drop-shadow(
                0 0 7px rgba(124,77,255,.30)
            );
    }
}

.skytamil-show-banner {
    position: relative !important;

    display: block;

    box-sizing: border-box;

    overflow: hidden;

    text-decoration: none !important;

    isolation: isolate;
}

.skytamil-banner-border--multicolor
.skytamil-show-banner {
    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #111,
            #111
        ) padding-box,
        conic-gradient(
            from var(--skytamil-border-angle),
            #ff1744,
            #ff8a00,
            #ffd600,
            #00e676,
            #00b0ff,
            #7c4dff,
            #ff2d95,
            #ff1744
        ) border-box !important;

    animation:
        skytamilBannerRainbow
            4.5s linear infinite,
        skytamilBannerGlowPulse
            2.8s ease-in-out infinite;

    box-shadow:
        0 5px 18px rgba(0,0,0,.11);
}

.skytamil-banner-border--red
.skytamil-show-banner {
    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #111,
            #111
        ) padding-box,
        linear-gradient(
            120deg,
            #ff1744,
            #ff315c,
            #d50037,
            #ff5b8d,
            #ff1744
        ) border-box !important;

    background-size:
        100% 100%,
        250% 250% !important;

    animation:
        skytamilBannerGlowPulse
            2.8s ease-in-out infinite;

    box-shadow:
        0 5px 18px rgba(231,25,50,.13);
}

.skytamil-banner-border--clean
.skytamil-show-banner {
    border:
        1px solid #e5e7eb !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.08);
}

.skytamil-show-banners--cards
.skytamil-show-banner {
    border-radius:
        12px !important;
}

.skytamil-show-banners--cards
.skytamil-show-banner__desktop,
.skytamil-show-banners--cards
.skytamil-show-banner__image {
    border-radius:
        9px !important;
}

.skytamil-show-banners--hero {
    width: 100%;

    max-width: 1180px;

    margin:
        24px auto 28px;

    padding:
        0 14px;

    box-sizing: border-box;
}

.skytamil-show-banner--hero {
    width: 100%;

    border-width:
        3px !important;

    border-radius:
        15px !important;

    min-height:
        160px;

    background:
        #101116;
}

.skytamil-show-banner__hero-image {
    display: block;

    width: 100%;

    height: auto;

    max-height: 330px;

    object-fit: cover;

    object-position: center;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius:
        11px !important;

    transition:
        transform .35s ease;
}

.skytamil-show-banner--hero:hover
.skytamil-show-banner__hero-image {
    transform:
        scale(1.012);
}

.skytamil-show-banner__hero-title {
    position: absolute;

    left: 18px;
    bottom: 17px;

    z-index: 4;

    max-width:
        calc(100% - 36px);

    padding:
        7px 12px;

    color: #fff;

    background:
        rgba(9,10,14,.78);

    backdrop-filter:
        blur(8px);

    border:
        1px solid rgba(255,255,255,.14);

    border-radius:
        8px;

    font-size:
        13px;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing:
        .2px;
}

.skytamil-show-banners--feature {
    width: 100%;

    max-width: 1180px;

    margin:
        22px auto 26px;

    padding:
        0 14px;

    box-sizing: border-box;
}

.skytamil-show-banners__feature-grid {
    display: grid;

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

    gap: 12px;

    align-items: stretch;
}

.skytamil-show-banner--feature-main {
    min-height: 300px;

    border-radius:
        14px !important;

    background:
        #101116;
}

.skytamil-show-banner--feature-main
.skytamil-show-banner__real-image {
    width: 100%;

    height: 100%;

    min-height: 300px;

    object-fit: cover;
}

.skytamil-show-banners__feature-small {
    display: grid;

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

    gap: 10px;
}

.skytamil-show-banner--feature-small {
    min-height: 142px;

    border-radius:
        11px !important;

    background:
        #101116;
}

.skytamil-show-banner--feature-small
.skytamil-show-banner__real-image {
    width: 100%;

    height: 100%;

    min-height: 142px;

    object-fit: cover;
}

.skytamil-show-banner__feature-overlay {
    position: absolute;

    inset:
        auto 0 0 0;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 7px;

    padding:
        24px 10px 9px;

    color: #fff;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.88),
            rgba(0,0,0,0)
        );
}

.skytamil-show-banner__feature-overlay
strong {
    overflow: hidden;

    color: #fff;

    font-size: 11px;

    font-weight: 800;

    line-height: 1.25;

    text-overflow:
        ellipsis;

    white-space: nowrap;
}

.skytamil-show-banner--hero
.skytamil-show-banner__live,
.skytamil-show-banner--feature-main
.skytamil-show-banner__live,
.skytamil-show-banner--feature-small
.skytamil-show-banner__live {
    position: absolute;

    top: 10px;
    right: 10px;

    z-index: 6;

    display: inline-flex;

    align-items: center;

    gap: 5px;

    padding:
        4px 8px;

    color: #fff;

    background:
        rgba(8,8,12,.86);

    border:
        1px solid rgba(255,255,255,.20);

    border-radius:
        999px;

    font-size:
        9px;

    font-weight: 800;

    line-height: 1;
}

.skytamil-show-banner--hero
.skytamil-show-banner__live > span,
.skytamil-show-banner--feature-main
.skytamil-show-banner__live > span,
.skytamil-show-banner--feature-small
.skytamil-show-banner__live > span {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        #ff1744;

    box-shadow:
        0 0 7px rgba(255,23,68,.8);

    animation:
        skytamilLiveDotPulse
        1.1s ease-in-out infinite;
}

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

    .skytamil-show-banners__feature-grid {
        grid-template-columns:
            1fr;
    }

    .skytamil-show-banner--feature-main,
    .skytamil-show-banner--feature-main
    .skytamil-show-banner__real-image {
        min-height:
            230px;
    }

    .skytamil-show-banners__feature-small {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}

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

    .skytamil-show-banners--hero,
    .skytamil-show-banners--feature {
        margin-top: 12px;
        margin-bottom: 17px;

        padding:
            0 9px;
    }

    .skytamil-show-banner--hero {
        min-height: 0;

        border-width:
            2px !important;

        border-radius:
            11px !important;
    }

    .skytamil-show-banner__hero-image {
        width: 100%;

        max-height: none;

        aspect-ratio:
            16 / 5;

        object-fit: cover;

        border-radius:
            8px !important;
    }

    .skytamil-show-banner__hero-title {
        left: 9px;
        bottom: 8px;

        max-width:
            calc(100% - 18px);

        padding:
            5px 8px;

        font-size:
            9px;
    }

    .skytamil-show-banner--feature-main,
    .skytamil-show-banner--feature-main
    .skytamil-show-banner__real-image {
        min-height:
            180px;
    }

    .skytamil-show-banners__feature-small {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 7px;
    }

    .skytamil-show-banner--feature-small,
    .skytamil-show-banner--feature-small
    .skytamil-show-banner__real-image {
        min-height:
            110px;
    }

    .skytamil-show-banner__feature-overlay {
        padding:
            18px 7px 6px;
    }

    .skytamil-show-banner__feature-overlay
    strong {
        font-size:
            8px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .skytamil-banner-border--multicolor
    .skytamil-show-banner,

    .skytamil-banner-border--red
    .skytamil-show-banner,

    .skytamil-show-banner__live > span {
        animation:
            none !important;
    }

    .skytamil-show-banner__hero-image {
        transition:
            none !important;
    }
}

body.page
.skytamil-show-banners {

    display: block !important;

    position: relative !important;
    z-index: 5 !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;

    height: auto !important;
    min-height: 1px !important;
    max-height: none !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: visible !important;

    transform: none !important;
}

body.page
.skytamil-show-banners--cards
.skytamil-show-banners__grid {

    position: relative !important;

    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;
    max-height: none !important;
}

body.page
.skytamil-show-banners--cards
.skytamil-show-banner {

    position: relative !important;

    visibility: visible !important;
    opacity: 1 !important;
}

body.page
.skytamil-show-banners + * {

    clear: both !important;
}

.skytamil-show-banners--hero {

    display: block !important;

    width: 100% !important;
    max-width: 1180px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 24px auto 28px !important;

    padding: 0 14px !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}

.skytamil-show-banners--hero
.skytamil-show-banner--hero {

    display: block !important;

    position: relative !important;

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    aspect-ratio: auto !important;

    overflow: hidden !important;

    border-radius: 15px !important;

    background: #101116 !important;

    box-sizing: border-box !important;
}

.skytamil-show-banners--hero
.skytamil-show-banner__real-image,

.skytamil-show-banners--hero
.skytamil-show-banner__hero-image {

    display: block !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 360px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 11px !important;
}

.skytamil-show-banners--hero
.skytamil-show-banner__hero-title {

    position: absolute !important;

    left: 18px !important;
    bottom: 17px !important;

    z-index: 7 !important;

    width: auto !important;
    max-width: calc(100% - 36px) !important;

    margin: 0 !important;

    padding: 7px 12px !important;

    color: #fff !important;

    background: rgba(9,10,14,.80) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius: 8px !important;

    font-weight: 800 !important;

    line-height: 1.3 !important;
}

.skytamil-show-banners--hero
.skytamil-show-banner__live {

    position: absolute !important;

    top: 12px !important;
    right: 12px !important;

    left: auto !important;
    bottom: auto !important;

    z-index: 8 !important;
}

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

    .skytamil-show-banners--hero {

        max-width: 100% !important;

        margin:
            18px auto 22px !important;

        padding:
            0 12px !important;
    }

}

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

    .skytamil-show-banners--hero {

        margin:
            14px auto 18px !important;

        padding:
            0 10px !important;
    }

    .skytamil-show-banners--hero
    .skytamil-show-banner--hero {

        border-radius:
            12px !important;
    }

    .skytamil-show-banners--hero
    .skytamil-show-banner__real-image,

    .skytamil-show-banners--hero
    .skytamil-show-banner__hero-image {

        width: 100% !important;

        height: auto !important;

        max-height:
            230px !important;

        border-radius:
            9px !important;
    }

    .skytamil-show-banners--hero
    .skytamil-show-banner__hero-title {

        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;

        width: auto !important;

        max-width: none !important;

        padding:
            6px 9px !important;

        font-size:
            11px !important;
    }

}

.skytamil-show-banners--hero.skytamil-banner-border--multicolor
.skytamil-show-banner--hero {

    border:
        3px solid transparent !important;

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        conic-gradient(
            from var(--skytamil-border-angle),

            #ff1744,
            #ff8a00,
            #ffd600,
            #00e676,
            #00b0ff,
            #7c4dff,
            #ff2d95,
            #ff1744

        ) border-box !important;

    animation:
        skytamilBannerRainbow
            4.5s linear infinite,

        skytamilBannerGlowPulse
            2.8s ease-in-out infinite !important;

    box-shadow:
        0 6px 22px rgba(0,0,0,.14) !important;
}

.skytamil-show-banners--hero.skytamil-banner-border--red
.skytamil-show-banner--hero {

    border:
        3px solid transparent !important;

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        linear-gradient(
            120deg,

            #ff1744,
            #ff315c,
            #d50037,
            #ff5b8d,
            #ff1744

        ) border-box !important;

    background-size:
        100% 100%,
        250% 250% !important;

    animation:
        skytamilBannerGlowPulse
            2.8s ease-in-out infinite !important;

    box-shadow:
        0 6px 22px rgba(231,25,50,.18) !important;
}

.skytamil-show-banners--hero.skytamil-banner-border--clean
.skytamil-show-banner--hero {

    border:
        1px solid #e5e7eb !important;

    background:
        #101116 !important;

    animation:
        none !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.08) !important;
}

.skytamil-show-banners--hero
.skytamil-show-banner--hero
.skytamil-show-banner__real-image {

    position: relative !important;

    z-index: 2 !important;

    background:
        #101116 !important;
}

.skytamil-show-banners--hero
.skytamil-show-banner__hero-title {

    z-index:
        8 !important;
}

.skytamil-show-banners--hero
.skytamil-show-banner__live {

    z-index:
        9 !important;
}

.skytamil-show-banners--twin {

    display: block !important;

    width: 100% !important;
    max-width: 1180px !important;

    margin:
        24px auto 28px !important;

    padding:
        0 14px !important;

    box-sizing:
        border-box !important;
}

.skytamil-show-banners__twin-grid {

    display: grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap: 22px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.skytamil-show-banners--twin
.skytamil-show-banner--twin {

    display: block !important;

    position: relative !important;

    float: none !important;

    flex: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius:
        12px !important;

    box-sizing:
        border-box !important;

    background:
        #101116;
}

.skytamil-show-banners--twin
.skytamil-show-banner__twin-image,

.skytamil-show-banners--twin
.skytamil-show-banner__real-image {

    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit:
        cover !important;

    object-position:
        center !important;

    border: 0 !important;
    border-radius:
        9px !important;
}

.skytamil-show-banners--twin
.skytamil-show-banner__twin-title {

    position: absolute !important;

    left: 10px !important;
    bottom: 9px !important;

    z-index: 8 !important;

    display: inline-flex !important;

    align-items: center !important;

    max-width:
        calc(100% - 20px) !important;

    padding:
        5px 9px !important;

    overflow: hidden !important;

    color:
        #fff !important;

    background:
        rgba(8,8,12,.82) !important;

    border:
        1px solid rgba(255,255,255,.18) !important;

    border-radius:
        6px !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;
}

.skytamil-show-banners--twin
.skytamil-show-banner__live {

    top: 8px !important;
    right: 8px !important;

    left: auto !important;
    bottom: auto !important;

    z-index: 9 !important;
}

.skytamil-show-banners--twin.skytamil-banner-border--multicolor
.skytamil-show-banner--twin {

    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        conic-gradient(
            from var(--skytamil-border-angle),

            #ff1744,
            #ff8a00,
            #ffd600,
            #00e676,
            #00b0ff,
            #7c4dff,
            #ff2d95,
            #ff1744

        ) border-box !important;

    animation:
        skytamilBannerRainbow
            4.5s linear infinite,

        skytamilBannerGlowPulse
            2.8s ease-in-out infinite !important;
}

.skytamil-show-banners--twin.skytamil-banner-border--red
.skytamil-show-banner--twin {

    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        linear-gradient(
            120deg,

            #ff1744,
            #ff315c,
            #d50037,
            #ff5b8d,
            #ff1744

        ) border-box !important;

    background-size:
        100% 100%,
        250% 250% !important;

    animation:
        skytamilBannerGlowPulse
            2.8s ease-in-out infinite !important;
}

.skytamil-show-banners--twin.skytamil-banner-border--clean
.skytamil-show-banner--twin {

    border:
        1px solid #e5e7eb !important;

    animation:
        none !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.08) !important;
}

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

    .skytamil-show-banners__twin-grid {

        gap:
            14px !important;
    }

}

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

    .skytamil-show-banners--twin {

        margin:
            14px auto 18px !important;

        padding:
            0 10px !important;
    }

    .skytamil-show-banners__twin-grid {

        grid-template-columns:
            1fr !important;

        gap:
            10px !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin {

        width:
            100% !important;

        height:
            100px !important;

        min-height:
            100px !important;

        max-height:
            100px !important;
    }

}

.skytamil-show-banners--twin
.skytamil-show-banner--twin {

    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
}

.skytamil-show-banners--twin
.skytamil-show-banner--twin
.skytamil-show-banner__twin-image,

.skytamil-show-banners--twin
.skytamil-show-banner--twin
.skytamil-show-banner__real-image {

    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
}

.skytamil-show-banners--twin
.skytamil-show-banners__twin-grid {

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;
}

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

    .skytamil-show-banners--twin
    .skytamil-show-banners__twin-grid {

        grid-template-columns:
            1fr !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin,

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__twin-image,

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__real-image {

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }
}

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

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin {

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;

        background: #101116 !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__twin-image,

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__real-image {

        width: 100% !important;

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;

        object-fit: contain !important;
        object-position: center center !important;

        background: #101116 !important;
    }

}

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

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin {

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        background: transparent !important;

        overflow: hidden !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__twin-image,

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__real-image {

        display: block !important;

        position: relative !important;

        inset: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        object-fit: initial !important;
        object-position: center !important;

        margin: 0 !important;

        background: transparent !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner__twin-title {

        left: 10px !important;
        bottom: 10px !important;

        z-index: 8 !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner__live {

        top: 8px !important;
        right: 8px !important;

        z-index: 9 !important;
    }

}

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

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin {

        position: relative !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: 4 / 1 !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;

        background: #101116 !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__twin-image,

    .skytamil-show-banners--twin
    .skytamil-show-banner--twin
    .skytamil-show-banner__real-image {

        display: block !important;

        position: absolute !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        width: 100% !important;
        max-width: none !important;

        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;

        border: 0 !important;

        background: transparent !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner__twin-title {

        left: 10px !important;
        bottom: 8px !important;

        z-index: 8 !important;
    }

    .skytamil-show-banners--twin
    .skytamil-show-banner__live {

        top: 7px !important;
        right: 7px !important;

        z-index: 9 !important;
    }

}

.skytamil-show-banners--feature {

    display: block !important;

    width: 100% !important;
    max-width: 1180px !important;

    margin:
        24px auto 28px !important;

    padding:
        0 14px !important;

    box-sizing:
        border-box !important;
}

.skytamil-show-banners--feature
.skytamil-show-banners__feature-grid {

    display: grid !important;

    grid-template-columns:
        1fr !important;

    gap:
        14px !important;

    width:
        100% !important;

    align-items:
        stretch !important;
}

.skytamil-show-banners--feature
.skytamil-show-banners__feature-small {

    order: 1 !important;

    display: grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    grid-template-rows:
        repeat(2,150px) !important;

    gap:
        14px !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

.skytamil-show-banners--feature
.skytamil-show-banner--feature-small {

    display: block !important;

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow:
        hidden !important;

    border-radius:
        12px !important;

    background:
        #101116;

    box-sizing:
        border-box !important;
}

.skytamil-show-banners--feature
.skytamil-show-banner--feature-small
.skytamil-show-banner__real-image {

    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    border:
        0 !important;
}

.skytamil-show-banners--feature
.skytamil-show-banner--feature-main {

    order: 2 !important;

    display: block !important;

    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow:
        hidden !important;

    border-radius:
        14px !important;

    background:
        #101116;

    box-sizing:
        border-box !important;
}

.skytamil-show-banners--feature
.skytamil-show-banner--feature-main
.skytamil-show-banner__real-image {

    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    border:
        0 !important;
}

.skytamil-show-banners--feature
.skytamil-show-banner__feature-overlay {

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    z-index:
        8 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    padding:
        30px 10px 9px !important;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.90),
            rgba(0,0,0,0)
        ) !important;
}

.skytamil-show-banners--feature
.skytamil-show-banner__feature-overlay
strong {

    display:
        inline-flex !important;

    align-items:
        center !important;

    max-width:
        calc(100% - 15px) !important;

    padding:
        5px 9px !important;

    overflow:
        hidden !important;

    color:
        #fff !important;

    background:
        rgba(8,8,12,.82) !important;

    border:
        1px solid rgba(255,255,255,.18) !important;

    border-radius:
        6px !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;
}

.skytamil-show-banners--feature
.skytamil-show-banner__live {

    position:
        absolute !important;

    top:
        8px !important;

    right:
        8px !important;

    left:
        auto !important;

    bottom:
        auto !important;

    z-index:
        10 !important;
}

.skytamil-show-banners--feature.skytamil-banner-border--multicolor
.skytamil-show-banner--feature-main,

.skytamil-show-banners--feature.skytamil-banner-border--multicolor
.skytamil-show-banner--feature-small {

    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        conic-gradient(
            from var(--skytamil-border-angle),

            #ff1744,
            #ff8a00,
            #ffd600,
            #00e676,
            #00b0ff,
            #7c4dff,
            #ff2d95,
            #ff1744

        ) border-box !important;

    animation:
        skytamilBannerRainbow
            4.5s linear infinite,

        skytamilBannerGlowPulse
            2.8s ease-in-out infinite !important;
}

.skytamil-show-banners--feature.skytamil-banner-border--red
.skytamil-show-banner--feature-main,

.skytamil-show-banners--feature.skytamil-banner-border--red
.skytamil-show-banner--feature-small {

    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        linear-gradient(
            120deg,

            #ff1744,
            #ff315c,
            #d50037,
            #ff5b8d,
            #ff1744

        ) border-box !important;

    background-size:
        100% 100%,
        250% 250% !important;

    animation:
        skytamilBannerGlowPulse
            2.8s ease-in-out infinite !important;
}

.skytamil-show-banners--feature.skytamil-banner-border--clean
.skytamil-show-banner--feature-main,

.skytamil-show-banners--feature.skytamil-banner-border--clean
.skytamil-show-banner--feature-small {

    border:
        1px solid #e5e7eb !important;

    animation:
        none !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.08) !important;
}

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

    .skytamil-show-banners--feature
    .skytamil-show-banners__feature-small {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        grid-template-rows:
            repeat(2,130px) !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banner--feature-small {

        height: 130px !important;
        min-height: 130px !important;
        max-height: 130px !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banner--feature-main {

        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
    }

}

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

    .skytamil-show-banners--feature {

        margin:
            14px auto 18px !important;

        padding:
            0 10px !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banners__feature-small {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        grid-template-rows:
            repeat(2,90px) !important;

        gap:
            8px !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banner--feature-small {

        height: 90px !important;
        min-height: 90px !important;
        max-height: 90px !important;

        border-radius:
            9px !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banner--feature-main {

        height: 130px !important;
        min-height: 130px !important;
        max-height: 130px !important;

        border-radius:
            11px !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banner__feature-overlay
    strong {

        padding:
            4px 7px !important;

        font-size:
            8px !important;
    }

}

.skytamil-show-banners--cards
.skytamil-show-banners__grid {

    justify-content: center !important;
    align-items: stretch !important;
}

.skytamil-show-banners--cards.skytamil-show-banners--count-1
.skytamil-show-banners__grid {

    justify-content: center !important;
}

.skytamil-show-banners--cards.skytamil-show-banners--count-2
.skytamil-show-banners__grid {

    justify-content: center !important;
}

.skytamil-show-banners--cards.skytamil-show-banners--count-3
.skytamil-show-banners__grid,

.skytamil-show-banners--cards.skytamil-show-banners--count-4
.skytamil-show-banners__grid {

    justify-content: center !important;
}

.skytamil-show-banners--hero:empty {

    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.skytamil-show-banners--twin
.skytamil-show-banners__twin-grid {

    justify-content: center !important;
}

.skytamil-show-banners--twin.skytamil-show-banners--count-1
.skytamil-show-banners__twin-grid {

    grid-template-columns:
        minmax(0, 570px) !important;

    justify-content:
        center !important;
}

.skytamil-show-banners--twin.skytamil-show-banners--count-2
.skytamil-show-banners__twin-grid {

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;
}

.skytamil-show-banners--feature
.skytamil-show-banners__feature-small {

    justify-content:
        center !important;

    align-items:
        stretch !important;
}

.skytamil-show-banners--feature
.skytamil-show-banners__feature-small
.skytamil-show-banner--feature-small:only-child {

    grid-column:
        1 / -1 !important;

    width:
        min(570px,100%) !important;

    justify-self:
        center !important;
}

.skytamil-show-banners--feature
.skytamil-show-banners__feature-small
.skytamil-show-banner--feature-small:nth-child(3):last-child {

    grid-column:
        1 / -1 !important;

    width:
        min(570px,100%) !important;

    justify-self:
        center !important;
}

.skytamil-show-banners__grid:empty,
.skytamil-show-banners__twin-grid:empty,
.skytamil-show-banners__feature-small:empty {

    display:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    min-height:
        0 !important;
}

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

    .skytamil-show-banners--twin.skytamil-show-banners--count-1
    .skytamil-show-banners__twin-grid,

    .skytamil-show-banners--twin.skytamil-show-banners--count-2
    .skytamil-show-banners__twin-grid {

        grid-template-columns:
            1fr !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banners__feature-small
    .skytamil-show-banner--feature-small:only-child {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;
    }

    .skytamil-show-banners--feature
    .skytamil-show-banners__feature-small
    .skytamil-show-banner--feature-small:nth-child(3):last-child {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;
    }

}

.skytamil-show-banners--feature
.skytamil-show-banners__feature-small {

    grid-template-rows:
        none !important;

    grid-auto-rows:
        150px !important;
}

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

    .skytamil-show-banners--feature
    .skytamil-show-banners__feature-small {

        grid-template-rows:
            none !important;

        grid-auto-rows:
            130px !important;
    }
}

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

    .skytamil-show-banners--feature
    .skytamil-show-banners__feature-small {

        grid-template-rows:
            none !important;

        grid-auto-rows:
            90px !important;
    }
}

body.skytamil-page-banner-enabled
.site-content,

body.skytamil-page-banner-enabled
.content-area,

body.skytamil-page-banner-enabled
.site-main,

body.skytamil-page-banner-enabled
.entry-content {

    box-sizing:
        border-box;
}

body.skytamil-page-banner-full-width
.site-content,

body.skytamil-page-banner-full-width
.content-area,

body.skytamil-page-banner-full-width
.site-main {

    width:
        100% !important;

    max-width:
        1440px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}

body.skytamil-page-banner-full-width
.content-area {

    float:
        none !important;
}

body.skytamil-page-banner-hide-title
.entry-title,

body.skytamil-page-banner-hide-title
.page-title {

    display:
        none !important;
}

body.skytamil-page-banner-remove-chrome
article,

body.skytamil-page-banner-remove-chrome
.hentry,

body.skytamil-page-banner-remove-chrome
.entry-content,

body.skytamil-page-banner-remove-chrome
.site-main {

    border:
        0 !important;

    border-top:
        0 !important;

    border-bottom:
        0 !important;

    box-shadow:
        none !important;
}

body.skytamil-page-banner-remove-chrome
.entry-content::before,

body.skytamil-page-banner-remove-chrome
.entry-content::after,

body.skytamil-page-banner-remove-chrome
article::before,

body.skytamil-page-banner-remove-chrome
article::after {

    display:
        none !important;
}

.skytamil-page-banner-template {

    width:
        100%;

    max-width:
        1280px;

    margin:
        24px auto 30px;

    padding:
        0 16px;

    box-sizing:
        border-box;
}

.skytamil-page-banner-intro {

    position:
        relative;

    width:
        100%;

    margin:
        0 auto 24px;

    padding:
        28px 20px 22px;

    overflow:
        hidden;

    color:
        #fff;

    text-align:
        center;

    background:
        linear-gradient(
            135deg,
            #0d0f16,
            #1a1d27
        );

    border:
        1px solid rgba(255,255,255,.08);

    border-radius:
        16px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.13);

    box-sizing:
        border-box;
}

.skytamil-page-banner-intro__badge {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    margin-bottom:
        10px;

    padding:
        4px 10px;

    color:
        #ff315c;

    background:
        rgba(255,23,68,.10);

    border:
        1px solid rgba(255,23,68,.45);

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .08em;
}

.skytamil-page-banner-intro__badge > span {

    width:
        6px;

    height:
        6px;

    background:
        #ff1744;

    border-radius:
        50%;

    box-shadow:
        0 0 8px rgba(255,23,68,.95);

    animation:
        skytamilPageLivePulse
        1.25s ease-in-out infinite;
}

.skytamil-page-banner-intro__title {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    flex-wrap:
        wrap;

    font-size:
        clamp(19px,2vw,27px);

    line-height:
        1.2;
}

.skytamil-page-banner-intro__title strong {

    color:
        #fff;
}

.skytamil-page-banner-intro__title em {

    color:
        #ff1744;

    font-style:
        normal;

    font-weight:
        900;
}

.skytamil-page-banner-intro__subtitle {

    margin-top:
        12px;

    color:
        rgba(255,255,255,.70);

    font-size:
        clamp(12px,1.25vw,16px);
}

.skytamil-page-banner-grid {

    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        center;

    align-items:
        stretch;

    gap:
        16px;
}

.skytamil-page-banner-template--cols-2
.skytamil-page-banner-card {

    flex:
        0 1 calc(50% - 8px);
}

.skytamil-page-banner-template--cols-3
.skytamil-page-banner-card {

    flex:
        0 1 calc(33.333% - 11px);
}

.skytamil-page-banner-template--cols-4
.skytamil-page-banner-card {

    flex:
        0 1 calc(25% - 12px);
}

.skytamil-page-banner-card {

    position:
        relative;

    display:
        block;

    min-width:
        0;

    aspect-ratio:
        16 / 9;

    overflow:
        hidden;

    background:
        #0d0f14;

    border:
        2px solid transparent;

    border-radius:
        14px;

    box-sizing:
        border-box;

    box-shadow:
        0 7px 22px rgba(0,0,0,.10);

    transform:
        translateZ(0);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.skytamil-page-banner-card:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.18);
}

.skytamil-page-banner-card__image {

    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        transform .35s ease,
        filter .35s ease;
}

.skytamil-page-banner-card:hover
.skytamil-page-banner-card__image {

    transform:
        scale(1.025);

    filter:
        brightness(.92);
}

.skytamil-page-banner-card__shade {

    position:
        absolute;

    inset:
        0;

    z-index:
        2;

    pointer-events:
        none;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.66),
            transparent 42%
        );
}

.skytamil-page-banner-play {

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    z-index:
        7;

    width:
        clamp(42px,5vw,70px);

    height:
        clamp(42px,5vw,70px);

    transform:
        translate(-50%,-50%);

    pointer-events:
        none;
}

.skytamil-page-banner-play__pulse {

    position:
        absolute;

    inset:
        -7px;

    border:
        2px solid rgba(255,255,255,.45);

    border-radius:
        50%;

    opacity:
        .55;

    animation:
        skytamilPagePlayPulse
        1.9s ease-out infinite;
}

.skytamil-page-banner-play__circle {

    position:
        absolute;

    inset:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

    background:
        rgba(255,255,255,.93);

    border:
        1px solid rgba(255,255,255,.90);

    border-radius:
        50%;

    box-shadow:
        0 6px 22px rgba(0,0,0,.30),
        0 0 0 5px rgba(255,23,68,.10);

    backdrop-filter:
        blur(6px);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.skytamil-page-banner-play__triangle {

    display:
        block;

    width:
        0;

    height:
        0;

    margin-left:
        4px;

    border-top:
        clamp(6px,.75vw,10px)
        solid transparent;

    border-bottom:
        clamp(6px,.75vw,10px)
        solid transparent;

    border-left:
        clamp(10px,1.15vw,16px)
        solid #ff1744;

    filter:
        drop-shadow(
            0 1px 1px rgba(0,0,0,.15)
        );

    transition:
        transform .25s ease;
}

.skytamil-page-banner-card:hover
.skytamil-page-banner-play__circle {

    transform:
        scale(1.14);

    background:
        #fff;

    box-shadow:
        0 9px 28px rgba(0,0,0,.34),
        0 0 0 7px rgba(255,23,68,.16),
        0 0 25px rgba(255,23,68,.36);
}

.skytamil-page-banner-card:hover
.skytamil-page-banner-play__triangle {

    transform:
        translateX(2px)
        scale(1.08);
}

.skytamil-page-banner-card:hover
.skytamil-page-banner-play__pulse {

    border-color:
        rgba(255,23,68,.70);

    animation-duration:
        1.15s;
}

.skytamil-page-banner-live {

    position:
        absolute;

    top:
        10px;

    right:
        10px;

    z-index:
        9;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    padding:
        5px 8px;

    color:
        #fff;

    background:
        rgba(8,8,12,.84);

    border:
        1px solid rgba(255,255,255,.18);

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        800;
}

.skytamil-page-banner-live > span {

    width:
        6px;

    height:
        6px;

    background:
        #ff1744;

    border-radius:
        50%;

    box-shadow:
        0 0 8px rgba(255,23,68,.95);

    animation:
        skytamilPageLivePulse
        1.15s ease-in-out infinite;
}

.skytamil-page-banner-card__title {

    position:
        absolute;

    left:
        10px;

    bottom:
        9px;

    z-index:
        8;

    max-width:
        calc(100% - 20px);

    padding:
        6px 10px;

    overflow:
        hidden;

    color:
        #fff;

    background:
        rgba(7,8,11,.80);

    border:
        1px solid rgba(255,255,255,.17);

    border-radius:
        7px;

    font-size:
        clamp(9px,.82vw,12px);

    font-weight:
        800;

    line-height:
        1.15;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;
}

.skytamil-page-banner-border--multicolor
.skytamil-page-banner-card {

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        conic-gradient(
            from var(--skytamil-border-angle),

            #ff1744,
            #ff8a00,
            #ffd600,
            #00e676,
            #00b0ff,
            #7c4dff,
            #ff2d95,
            #ff1744

        ) border-box;

    animation:
        skytamilBannerRainbow
        4.5s linear infinite,
        skytamilBannerGlowPulse
        2.8s ease-in-out infinite;
}

.skytamil-page-banner-border--red
.skytamil-page-banner-card {

    background:
        linear-gradient(
            #101116,
            #101116
        ) padding-box,

        linear-gradient(
            120deg,
            #ff1744,
            #ff315c,
            #d50037,
            #ff5b8d,
            #ff1744
        ) border-box;

    background-size:
        100% 100%,
        250% 250%;

    animation:
        skytamilBannerGlowPulse
        2.8s ease-in-out infinite;
}

.skytamil-page-banner-border--clean
.skytamil-page-banner-card {

    border:
        1px solid #e5e7eb;

    animation:
        none;
}

@keyframes skytamilPagePlayPulse {

    0% {
        transform:
            scale(.82);

        opacity:
            .65;
    }

    70% {
        transform:
            scale(1.28);

        opacity:
            0;
    }

    100% {
        transform:
            scale(1.28);

        opacity:
            0;
    }
}

@keyframes skytamilPageLivePulse {

    0%,
    100% {
        transform:
            scale(.85);

        opacity:
            .70;
    }

    50% {
        transform:
            scale(1.18);

        opacity:
            1;
    }
}

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

    .skytamil-page-banner-template--cols-4
    .skytamil-page-banner-card {

        flex:
            0 1 calc(50% - 8px);
    }

    .skytamil-page-banner-template--cols-3
    .skytamil-page-banner-card {

        flex:
            0 1 calc(50% - 8px);
    }
}

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

    .skytamil-page-banner-template {

        margin:
            16px auto 22px;

        padding:
            0 10px;
    }

    .skytamil-page-banner-grid {

        gap:
            11px;
    }

    .skytamil-page-banner-template--cols-2
    .skytamil-page-banner-card,

    .skytamil-page-banner-template--cols-3
    .skytamil-page-banner-card,

    .skytamil-page-banner-template--cols-4
    .skytamil-page-banner-card {

        flex:
            0 1 100%;
    }

    .skytamil-page-banner-card {

        border-radius:
            11px;
    }

    .skytamil-page-banner-play {

        width:
            clamp(44px,13vw,58px);

        height:
            clamp(44px,13vw,58px);
    }

    .skytamil-page-banner-intro {

        margin-bottom:
            16px;

        padding:
            22px 13px 18px;

        border-radius:
            13px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .skytamil-page-banner-card,
    .skytamil-page-banner-card__image,
    .skytamil-page-banner-play__pulse,
    .skytamil-page-banner-play__circle,
    .skytamil-page-banner-play__triangle,
    .skytamil-page-banner-live > span,
    .skytamil-page-banner-intro__badge > span {

        animation:
            none !important;

        transition:
            none !important;
    }

}

.skytamil-page-banner-intro {

    position: relative !important;

    isolation: isolate !important;

    overflow: hidden !important;

    padding:
        30px 20px 24px !important;

    background:
        linear-gradient(
            135deg,
            #0b0d14 0%,
            #151824 52%,
            #11131d 100%
        ) !important;

    border:
        1px solid rgba(255,255,255,.08) !important;

    border-radius:
        16px !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.skytamil-page-banner-intro::before {

    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    left: 50%;
    top: -185px;

    transform:
        translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(255,23,68,.18) 0%,
            rgba(124,77,255,.09) 42%,
            transparent 72%
        );

    filter:
        blur(4px);

    pointer-events:
        none;

    z-index:
        -1;
}

.skytamil-page-banner-intro::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 12px;

    width: 180px;
    height: 1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,23,68,.75),
            rgba(255,45,149,.80),
            rgba(124,77,255,.75),
            transparent
        );

    box-shadow:
        0 0 12px rgba(255,23,68,.30);
}

.skytamil-page-banner-intro__badge {

    position: relative;

    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        6px !important;

    margin-bottom:
        12px !important;

    padding:
        5px 11px !important;

    color:
        #ff4166 !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,23,68,.13),
            rgba(255,45,149,.08)
        ) !important;

    border:
        1px solid rgba(255,65,102,.50) !important;

    border-radius:
        999px !important;

    font-size:
        9px !important;

    font-weight:
        900 !important;

    letter-spacing:
        .11em !important;

    text-transform:
        uppercase !important;

    box-shadow:
        0 0 14px rgba(255,23,68,.10) !important;
}

.skytamil-page-banner-intro__badge > span {

    width:
        7px !important;

    height:
        7px !important;

    background:
        #ff1744 !important;

    border-radius:
        50% !important;

    box-shadow:
        0 0 9px rgba(255,23,68,.95) !important;

    animation:
        skytamilPageIntroDot
        1.2s ease-in-out infinite !important;
}

.skytamil-page-banner-intro__title {

    position: relative;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        8px !important;

    padding-bottom:
        13px !important;

    font-size:
        clamp(21px,2.15vw,30px) !important;

    font-weight:
        900 !important;

    line-height:
        1.05 !important;

    letter-spacing:
        -.025em !important;
}

.skytamil-page-banner-intro__title::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 2px;

    width:
        clamp(62px,8vw,105px);

    height:
        3px;

    transform:
        translateX(-50%);

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #ff1744,
            #ff2d95,
            #7c4dff
        );

    box-shadow:
        0 0 14px rgba(255,23,68,.38);
}

.skytamil-page-banner-intro__title strong {

    color:
        #fff !important;

    font-weight:
        900 !important;

    text-shadow:
        0 2px 12px rgba(0,0,0,.35) !important;
}

.skytamil-page-banner-intro__title em {

    display:
        inline-block !important;

    color:
        #ff315c !important;

    background:
        linear-gradient(
            90deg,
            #ff1744,
            #ff2d95,
            #ff7a45
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;

    font-style:
        normal !important;

    font-weight:
        950 !important;

    text-shadow:
        none !important;

    filter:
        drop-shadow(
            0 0 7px rgba(255,23,68,.18)
        );
}

.skytamil-page-banner-intro__subtitle {

    margin-top:
        9px !important;

    color:
        rgba(255,255,255,.68) !important;

    font-size:
        clamp(11px,1.1vw,14px) !important;

    font-weight:
        500 !important;

    line-height:
        1.5 !important;

    letter-spacing:
        .01em !important;
}

.skytamil-page-banner-intro__subtitle::before {

    content:
        "✦";

    display:
        inline-block;

    margin-right:
        7px;

    color:
        #ff315c;

    font-size:
        8px;

    vertical-align:
        1px;

    text-shadow:
        0 0 8px rgba(255,23,68,.70);
}

@keyframes skytamilPageIntroDot {

    0%,
    100% {

        transform:
            scale(.82);

        opacity:
            .65;
    }

    50% {

        transform:
            scale(1.22);

        opacity:
            1;
    }
}

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

    .skytamil-page-banner-intro {

        padding:
            24px 12px 21px !important;

        border-radius:
            13px !important;
    }

    .skytamil-page-banner-intro__badge {

        margin-bottom:
            10px !important;

        padding:
            4px 9px !important;

        font-size:
            8px !important;
    }

    .skytamil-page-banner-intro__title {

        gap:
            6px !important;

        padding-bottom:
            12px !important;

        font-size:
            clamp(19px,6vw,24px) !important;
    }

    .skytamil-page-banner-intro__subtitle {

        margin-top:
            8px !important;

        font-size:
            11px !important;
    }

}

@media (prefers-reduced-motion: reduce) {

    .skytamil-page-banner-intro__badge > span {

        animation:
            none !important;
    }

}

.skytamil-page-banner-intro {
    width: calc(100% - 30px) !important;
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

@media only screen and (max-width: 640px) {
    .skytamil-page-banner-intro {
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }
}

.skytamil-page-banners {
    width: calc(100% - 30px) !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.skytamil-page-banners__grid {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
}

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

    .skytamil-page-banners {
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }

}

.skytamil-page-banner-template
.skytamil-page-banner-grid {

    width: calc(100% - 30px) !important;

    max-width: 920px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    justify-content: center !important;

    box-sizing: border-box !important;
}

.skytamil-page-banner-template--cols-2
.skytamil-page-banner-card {

    flex:
        0 1 calc(50% - 8px) !important;
}

.skytamil-page-banner-template--cols-3
.skytamil-page-banner-card {

    flex:
        0 1 calc(33.333% - 11px) !important;
}

.skytamil-page-banner-template--cols-4
.skytamil-page-banner-card {

    flex:
        0 1 calc(25% - 12px) !important;
}

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

    .skytamil-page-banner-template
    .skytamil-page-banner-grid {

        width: calc(100% - 24px) !important;
        max-width: 760px !important;
    }

}

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

    .skytamil-page-banner-template
    .skytamil-page-banner-grid {

        width: 100% !important;
        max-width: none !important;
    }

    .skytamil-page-banner-template--cols-2
    .skytamil-page-banner-card,

    .skytamil-page-banner-template--cols-3
    .skytamil-page-banner-card,

    .skytamil-page-banner-template--cols-4
    .skytamil-page-banner-card {

        flex:
            0 1 100% !important;
    }

}

body.skytamil-page-banner-enabled
.page-links:empty {

    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}

body.skytamil-page-banner-enabled
.entry-content > .page-links:empty,

body.skytamil-page-banner-enabled
.entry-content > .page-links:empty::before,

body.skytamil-page-banner-enabled
.entry-content > .page-links:empty::after {

    display: none !important;

    content: none !important;

    border: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.skytamil-page-banner-remove-chrome
article.page,

body.skytamil-page-banner-remove-chrome
article.type-page,

body.skytamil-page-banner-remove-chrome
article.page .entry-content {

    border-bottom: 0 !important;
    border-top: 0 !important;

    box-shadow: none !important;
}

body.skytamil-page-banner-remove-chrome
article.page::before,

body.skytamil-page-banner-remove-chrome
article.page::after,

body.skytamil-page-banner-remove-chrome
article.type-page::before,

body.skytamil-page-banner-remove-chrome
article.type-page::after {

    display: none !important;

    content: none !important;

    border: 0 !important;
}

body.skytamil-page-banner-enabled
#comments.comments-area,

body.skytamil-page-banner-enabled
.comments-area {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;

    outline: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}

body.skytamil-page-banner-enabled
#comments.comments-area::before,

body.skytamil-page-banner-enabled
#comments.comments-area::after,

body.skytamil-page-banner-enabled
.comments-area::before,

body.skytamil-page-banner-enabled
.comments-area::after {

    content: none !important;

    display: none !important;

    border: 0 !important;

    box-shadow: none !important;
}

body.skytamil-page-banner-enabled
.comments-area:not(:has(#respond))
:not(:has(.comment-list))
:not(:has(.comments-title))
:not(:has(.no-comments)) {

    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

.skytamil-page-banner-template--cols-2
.skytamil-page-banner-play {

    width: 52px !important;
    height: 52px !important;
}

.skytamil-page-banner-template--cols-3
.skytamil-page-banner-play {

    width: 40px !important;
    height: 40px !important;
}

.skytamil-page-banner-template--cols-4
.skytamil-page-banner-play {

    width: 32px !important;
    height: 32px !important;
}

.skytamil-page-banner-template--cols-2
.skytamil-page-banner-play__triangle {

    border-top-width: 7px !important;
    border-bottom-width: 7px !important;
    border-left-width: 11px !important;
}

.skytamil-page-banner-template--cols-3
.skytamil-page-banner-play__triangle {

    border-top-width: 5px !important;
    border-bottom-width: 5px !important;
    border-left-width: 8px !important;
}

.skytamil-page-banner-template--cols-4
.skytamil-page-banner-play__triangle {

    border-top-width: 4px !important;
    border-bottom-width: 4px !important;
    border-left-width: 7px !important;
}

.skytamil-page-banner-template--cols-2
.skytamil-page-banner-play__pulse {

    inset: -6px !important;
}

.skytamil-page-banner-template--cols-3
.skytamil-page-banner-play__pulse {

    inset: -5px !important;
}

.skytamil-page-banner-template--cols-4
.skytamil-page-banner-play__pulse {

    inset: -4px !important;
}

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

    .skytamil-page-banner-template--cols-2
    .skytamil-page-banner-play,

    .skytamil-page-banner-template--cols-3
    .skytamil-page-banner-play,

    .skytamil-page-banner-template--cols-4
    .skytamil-page-banner-play {

        width: 44px !important;
        height: 44px !important;
    }

    .skytamil-page-banner-template--cols-2
    .skytamil-page-banner-play__triangle,

    .skytamil-page-banner-template--cols-3
    .skytamil-page-banner-play__triangle,

    .skytamil-page-banner-template--cols-4
    .skytamil-page-banner-play__triangle {

        border-top-width: 5px !important;
        border-bottom-width: 5px !important;
        border-left-width: 8px !important;
    }

}

.skytamil-page-banner-play__triangle {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    margin: 0 !important;

    transform:
        translate(-42%, -50%)
        !important;

    transform-origin: center center !important;

    animation: none !important;
    transition: none !important;
}

.skytamil-page-banner-card:hover
.skytamil-page-banner-play__triangle,

.skytamil-page-banner-card:focus
.skytamil-page-banner-play__triangle,

.skytamil-page-banner-card:focus-visible
.skytamil-page-banner-play__triangle,

.skytamil-page-banner-card:active
.skytamil-page-banner-play__triangle,

.skytamil-page-banner-play:hover
.skytamil-page-banner-play__triangle,

.skytamil-page-banner-play:focus
.skytamil-page-banner-play__triangle,

.skytamil-page-banner-play:active
.skytamil-page-banner-play__triangle {

    top: 50% !important;
    left: 50% !important;

    margin: 0 !important;

    transform:
        translate(-42%, -50%)
        !important;

    animation: none !important;
}

.skytamil-page-banner-play {
    transform-origin: center center !important;
}

.tvs-channel-directory {
    overflow: hidden;
}

.tvs-channel-directory .tvs-channel-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    max-width: 920px;
    margin: 26px auto 0;
    text-align: left;
}

.tvs-channel-directory .tvs-channel-group {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 12px 30px rgba(0,0,0,.14);
}

.tvs-channel-directory .tvs-channel-group::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
    height: 2px;
    border-radius: 99px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #ff1744,
            #ff4d79,
            transparent
        );
    opacity: .8;
}

.tvs-channel-directory .tvs-channel-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.tvs-channel-directory .tvs-channel-group-title {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.tvs-channel-directory .tvs-channel-group-icon {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,23,68,.45);
    border-radius: 11px;
    background:
        linear-gradient(
            145deg,
            rgba(255,23,68,.22),
            rgba(122,0,12,.12)
        );
    color: #ff315b;
    font-size: 14px;
    line-height: 1;
    box-shadow:
        0 5px 16px rgba(255,23,68,.10);
}

.tvs-channel-directory .tvs-channel-group-kicker {
    display: block;
    margin-bottom: 3px;
    color: rgba(255,255,255,.45);
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.tvs-channel-directory .tvs-channel-group-title h3 {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.2px;
}

.tvs-channel-directory .tvs-channel-view-all {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid rgba(255,23,68,.28);
    border-radius: 9px;
    background: rgba(255,23,68,.08);
    color: #ff6b88 !important;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: .45px;
    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease,
        color .22s ease;
}

.tvs-channel-directory .tvs-channel-view-all:hover {
    transform: translateY(-1px);
    border-color: #ff1744;
    background: #ff1744;
    color: #ffffff !important;
}

.tvs-channel-directory .tvs-channel-item-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tvs-channel-directory .tvs-channel-item {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 42px;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 10px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.88) !important;
    text-decoration: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);
    transition:
        transform .20s ease,
        background .20s ease,
        border-color .20s ease,
        box-shadow .20s ease;
}

.tvs-channel-directory .tvs-channel-item:hover {
    transform: translateY(-2px);
    border-color: rgba(255,23,68,.42);
    background:
        linear-gradient(
            135deg,
            rgba(255,23,68,.13),
            rgba(255,255,255,.055)
        );
    box-shadow:
        0 7px 17px rgba(0,0,0,.15);
}

.tvs-channel-directory .tvs-channel-item-dot {
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 50%;
    background: #ff1744;
    box-shadow:
        0 0 8px rgba(255,23,68,.60);
}

.tvs-channel-directory .tvs-channel-item-name {
    overflow: hidden;
    flex: 1 1 auto;
    color: inherit;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tvs-channel-directory .tvs-channel-item-arrow {
    flex: 0 0 auto;
    margin-left: 6px;
    color: rgba(255,255,255,.30);
    font-size: 12px;
    transition:
        transform .20s ease,
        color .20s ease;
}

.tvs-channel-directory .tvs-channel-item:hover
.tvs-channel-item-arrow {
    transform: translateX(2px);
    color: #ff315b;
}

@media (max-width: 900px) {

    .tvs-channel-directory .tvs-channel-groups {
        grid-template-columns: 1fr;
        max-width: 680px;
    }

}

@media (max-width: 600px) {

    .tvs-channel-directory .tvs-channel-groups {
        gap: 14px;
        margin-top: 21px;
    }

    .tvs-channel-directory .tvs-channel-group {
        padding: 14px;
        border-radius: 15px;
    }

    .tvs-channel-directory .tvs-channel-group-head {
        gap: 8px;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .tvs-channel-directory .tvs-channel-group-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        border-radius: 9px;
    }

    .tvs-channel-directory .tvs-channel-group-title {
        gap: 8px;
    }

    .tvs-channel-directory .tvs-channel-group-title h3 {
        font-size: 14px !important;
    }

    .tvs-channel-directory .tvs-channel-view-all {
        padding: 7px 8px;
        font-size: 8px;
    }

    .tvs-channel-directory .tvs-channel-item-grid {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .tvs-channel-directory .tvs-channel-item {
        min-height: 41px;
        padding: 9px 11px;
    }

    .tvs-channel-directory .tvs-channel-item-name {
        font-size: 11px;
    }

}

.tvs-channel-directory .tvs-channel-groups {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 24px auto 0 !important;
}

.tvs-channel-directory .tvs-channel-group {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
        minmax(190px, 220px)
        minmax(0, 1fr)
        auto !important;

    align-items: center !important;

    gap: 18px !important;

    width: 100% !important;

    padding: 16px 18px !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    border-radius: 16px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 24px rgba(0,0,0,.10) !important;
}

.tvs-channel-directory .tvs-channel-group-head {
    display: contents !important;
}

.tvs-channel-directory .tvs-channel-group-title {
    display: flex !important;

    align-items: center !important;

    gap: 11px !important;

    min-width: 0 !important;
}

.tvs-channel-directory .tvs-channel-group-icon {
    display: flex !important;

    flex: 0 0 38px !important;

    align-items: center !important;

    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    border: 1px solid rgba(255,23,68,.45) !important;

    border-radius: 11px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,23,68,.18),
            rgba(122,0,12,.10)
        ) !important;

    color: #ff315b !important;
}

.tvs-channel-directory .tvs-channel-group-kicker {
    display: block !important;

    margin-bottom: 3px !important;

    color: rgba(255,255,255,.42) !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    letter-spacing: 1.2px !important;
}

.tvs-channel-directory .tvs-channel-group-title h3 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 16px !important;

    line-height: 1.15 !important;

    font-weight: 800 !important;
}

.tvs-channel-directory .tvs-channel-item-grid {
    display: flex !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    gap: 8px !important;

    min-width: 0 !important;
}

.tvs-channel-directory .tvs-channel-item {
    display: inline-flex !important;

    flex: 0 0 auto !important;

    align-items: center !important;

    min-height: 36px !important;

    padding: 8px 11px !important;

    border: 1px solid rgba(255,255,255,.09) !important;

    border-radius: 9px !important;

    background: rgba(255,255,255,.045) !important;

    color: rgba(255,255,255,.90) !important;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}

.tvs-channel-directory .tvs-channel-item:hover {
    transform: translateY(-2px) !important;

    border-color: rgba(255,23,68,.50) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,23,68,.14),
            rgba(255,255,255,.055)
        ) !important;

    box-shadow:
        0 6px 16px rgba(0,0,0,.14) !important;
}

.tvs-channel-directory .tvs-channel-item-name {
    overflow: visible !important;

    flex: 0 1 auto !important;

    max-width: 190px !important;

    color: inherit !important;

    font-size: 10.5px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}

.tvs-channel-directory .tvs-channel-item-dot {
    flex: 0 0 5px !important;

    width: 5px !important;
    height: 5px !important;

    margin-right: 7px !important;

    border-radius: 50% !important;

    background: #ff1744 !important;

    box-shadow:
        0 0 7px rgba(255,23,68,.60) !important;
}

.tvs-channel-directory .tvs-channel-item-arrow {
    margin-left: 7px !important;

    color: rgba(255,255,255,.28) !important;

    font-size: 11px !important;
}

.tvs-channel-directory .tvs-channel-item:hover
.tvs-channel-item-arrow {
    transform: translateX(2px) !important;

    color: #ff315b !important;
}

.tvs-channel-directory .tvs-channel-view-all {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    align-self: center !important;

    gap: 5px !important;

    min-width: 86px !important;

    padding: 8px 10px !important;

    border: 1px solid rgba(255,23,68,.35) !important;

    border-radius: 9px !important;

    background: rgba(255,23,68,.07) !important;

    color: #ff6683 !important;

    font-size: 8.5px !important;

    font-weight: 800 !important;

    text-transform: uppercase !important;

    letter-spacing: .4px !important;

    text-decoration: none !important;
}

.tvs-channel-directory .tvs-channel-view-all:hover {
    border-color: #ff1744 !important;

    background: #ff1744 !important;

    color: #fff !important;
}

.tvs-channel-directory {
    padding-bottom: 30px !important;
}

@media (max-width: 900px) {

    .tvs-channel-directory .tvs-channel-group {
        grid-template-columns:
            minmax(160px, 190px)
            minmax(0, 1fr)
            auto !important;

        gap: 12px !important;

        padding: 14px !important;
    }

    .tvs-channel-directory .tvs-channel-item {
        min-height: 34px !important;

        padding: 7px 9px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {
        font-size: 10px !important;
    }
}

@media (max-width: 640px) {

    .tvs-channel-directory .tvs-channel-groups {
        gap: 12px !important;

        margin-top: 20px !important;
    }

    .tvs-channel-directory .tvs-channel-group {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 12px !important;

        padding: 14px !important;

        border-radius: 14px !important;
    }

    .tvs-channel-directory .tvs-channel-group-head {
        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        gap: 10px !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 0 10px !important;

        border-bottom:
            1px solid rgba(255,255,255,.08) !important;
    }

    .tvs-channel-directory .tvs-channel-item-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 7px !important;
    }

    .tvs-channel-directory .tvs-channel-item {
        width: 100% !important;

        min-width: 0 !important;

        padding: 8px 9px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {
        overflow: hidden !important;

        max-width: none !important;

        white-space: nowrap !important;

        text-overflow: ellipsis !important;
    }

    .tvs-channel-directory .tvs-channel-view-all {
        min-width: auto !important;

        padding: 7px 8px !important;
    }

}

@media (max-width: 420px) {

    .tvs-channel-directory .tvs-channel-item-grid {
        grid-template-columns: 1fr !important;
    }

}

.tvs-channel-directory .tvs-premium-breadcrumb,
.tvs-channel-directory .tvs-premium-eyebrow,
.tvs-channel-directory .tvs-premium-heading,
.tvs-channel-directory .tvs-premium-subtitle,
.tvs-channel-directory .tvs-premium-divider {

    display: none !important;
}

.tvs-channel-directory {

    padding:
        22px 24px !important;

    border-radius:
        18px !important;
}

.tvs-channel-directory::before {

    content:
        "Sun TV";

    display:
        block;

    margin:
        0 0 15px;

    color:
        rgba(255,255,255,.55);

    text-align:
        center;

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .04em;
}

.tvs-channel-directory .tvs-channel-groups {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        12px !important;

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 auto !important;
}

.tvs-channel-directory .tvs-channel-group {

    display:
        grid !important;

    grid-template-columns:
        minmax(220px,260px)
        minmax(0,1fr)
        auto !important;

    align-items:
        center !important;

    gap:
        16px !important;

    width:
        100% !important;

    padding:
        13px 16px !important;

    border:
        1px solid rgba(255,255,255,.10) !important;

    border-radius:
        14px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.tvs-channel-directory .tvs-channel-group-head {

    display:
        contents !important;
}

.tvs-channel-directory .tvs-channel-group-title {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    min-width:
        0 !important;
}

.tvs-channel-directory .tvs-channel-group-icon {

    display:
        flex !important;

    flex:
        0 0 34px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        34px !important;

    height:
        34px !important;

    border:
        1px solid rgba(255,23,68,.42) !important;

    border-radius:
        9px !important;

    background:
        rgba(255,23,68,.08) !important;

    color:
        #ff315b !important;

    font-size:
        12px !important;
}

.tvs-channel-directory .tvs-channel-group-kicker {

    display:
        block !important;

    margin-bottom:
        2px !important;

    color:
        rgba(255,255,255,.36) !important;

    font-size:
        7px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    letter-spacing:
        1px !important;
}

.tvs-channel-directory .tvs-channel-group-title h3 {

    margin:
        0 !important;

    color:
        #ffffff !important;

    font-size:
        15px !important;

    line-height:
        1.15 !important;

    font-weight:
        800 !important;
}

.tvs-channel-directory .tvs-channel-item-grid {

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    gap:
        7px !important;

    min-width:
        0 !important;
}

.tvs-channel-directory .tvs-channel-item {

    display:
        inline-flex !important;

    flex:
        0 0 auto !important;

    align-items:
        center !important;

    min-height:
        31px !important;

    padding:
        6px 9px !important;

    border:
        1px solid rgba(255,255,255,.085) !important;

    border-radius:
        8px !important;

    background:
        rgba(255,255,255,.035) !important;

    color:
        rgba(255,255,255,.90) !important;

    text-decoration:
        none !important;
}

.tvs-channel-directory .tvs-channel-item-name {

    max-width:
        175px !important;

    overflow:
        hidden !important;

    color:
        inherit !important;

    font-size:
        10.5px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;
}

.tvs-channel-directory .tvs-channel-item-dot {

    flex:
        0 0 5px !important;

    width:
        5px !important;

    height:
        5px !important;

    margin-right:
        6px !important;

    background:
        #ff1744 !important;

    border-radius:
        50% !important;

    box-shadow:
        0 0 6px rgba(255,23,68,.6) !important;
}

.tvs-channel-directory .tvs-channel-item-arrow {

    margin-left:
        6px !important;

    color:
        rgba(255,255,255,.26) !important;

    font-size:
        10px !important;
}

.tvs-channel-directory .tvs-channel-view-all {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        82px !important;

    padding:
        7px 9px !important;

    border:
        1px solid rgba(255,23,68,.35) !important;

    border-radius:
        8px !important;

    background:
        rgba(255,23,68,.06) !important;

    color:
        #ff6683 !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;
}

body.category .tvs-channel-directory {

    width:
        calc(100% - 40px) !important;

    max-width:
        1280px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}

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

    .tvs-channel-directory {

        width:
            calc(100% - 20px) !important;

        max-width:
            none !important;

        padding:
            16px 12px !important;

        border-radius:
            15px !important;
    }

    .tvs-channel-directory::before {

        margin-bottom:
            12px;

        font-size:
            10px;
    }

    .tvs-channel-directory .tvs-channel-groups {

        gap:
            10px !important;
    }

    .tvs-channel-directory .tvs-channel-group {

        display:
            block !important;

        padding:
            12px !important;

        border-radius:
            13px !important;
    }

    .tvs-channel-directory .tvs-channel-group-head {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        gap:
            8px !important;

        margin:
            0 0 10px !important;

        padding:
            0 !important;

        border:
            0 !important;
    }

    .tvs-channel-directory .tvs-channel-group-title {

        gap:
            8px !important;
    }

    .tvs-channel-directory .tvs-channel-group-icon {

        flex-basis:
            30px !important;

        width:
            30px !important;

        height:
            30px !important;

        border-radius:
            8px !important;
    }

    .tvs-channel-directory .tvs-channel-group-title h3 {

        font-size:
            14px !important;
    }

    .tvs-channel-directory .tvs-channel-item-grid {

        display:
            grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:
            6px !important;
    }

    .tvs-channel-directory .tvs-channel-item {

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            34px !important;

        padding:
            7px 8px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {

        max-width:
            none !important;

        overflow:
            hidden !important;

        font-size:
            10px !important;

        white-space:
            nowrap !important;

        text-overflow:
            ellipsis !important;
    }

    .tvs-channel-directory .tvs-channel-view-all {

        min-width:
            auto !important;

        padding:
            6px 7px !important;

        font-size:
            7px !important;
    }

}

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

    .tvs-channel-directory .tvs-channel-item-grid {

        grid-template-columns:
            1fr !important;
    }

}

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

    body.category .tvs-channel-directory {
        width: calc(100% - 48px) !important;
        max-width: 1320px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 22px 28px !important;
    }

    .tvs-channel-directory .tvs-channel-group {
        display: grid !important;

        grid-template-columns:
            220px
            minmax(0, 1fr)
            92px !important;

        align-items: center !important;

        column-gap: 18px !important;

        padding: 14px 16px !important;
    }

    .tvs-channel-directory .tvs-channel-group-head {
        display: contents !important;
    }

    .tvs-channel-directory .tvs-channel-group-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .tvs-channel-directory .tvs-channel-item-grid {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: flex !important;
        flex-wrap: wrap !important;

        align-items: center !important;

        gap: 7px !important;
    }

    .tvs-channel-directory .tvs-channel-view-all {
        grid-column: 3 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: center !important;

        width: 88px !important;
        min-width: 88px !important;

        margin: 0 !important;
    }

    .tvs-channel-directory .tvs-channel-item {
        min-height: 32px !important;

        padding: 7px 10px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {
        max-width: 190px !important;

        font-size: 11px !important;
        font-weight: 700 !important;
    }

    .tvs-channel-directory .tvs-channel-group-title h3 {
        font-size: 16px !important;
    }

}

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

    body.category .tvs-channel-directory {
        width: calc(100% - 20px) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 14px 10px !important;

        border-radius: 15px !important;
    }

    .tvs-channel-directory::before {
        display: none !important;
        content: none !important;
    }

    .tvs-channel-directory .tvs-channel-groups {
        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;

        margin: 0 !important;
    }

    .tvs-channel-directory .tvs-channel-group {
        display: block !important;

        width: 100% !important;

        padding: 11px !important;

        border-radius: 12px !important;
    }

    .tvs-channel-directory .tvs-channel-group-head {
        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 8px !important;

        width: 100% !important;

        margin: 0 0 10px !important;
        padding: 0 !important;

        border: 0 !important;
    }

    .tvs-channel-directory .tvs-channel-group-title {
        display: flex !important;

        align-items: center !important;

        gap: 7px !important;

        min-width: 0 !important;
    }

    .tvs-channel-directory .tvs-channel-group-icon {
        flex: 0 0 29px !important;

        width: 29px !important;
        height: 29px !important;

        border-radius: 7px !important;

        font-size: 10px !important;
    }

    .tvs-channel-directory .tvs-channel-group-kicker {
        margin-bottom: 2px !important;

        font-size: 6px !important;

        letter-spacing: .8px !important;
    }

    .tvs-channel-directory .tvs-channel-group-title h3 {
        margin: 0 !important;

        font-size: 12px !important;
        line-height: 1.1 !important;

        white-space: nowrap !important;
    }

    .tvs-channel-directory .tvs-channel-view-all {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: auto !important;

        margin: 0 !important;

        padding: 6px 7px !important;

        border-radius: 7px !important;

        font-size: 6.5px !important;
        line-height: 1 !important;
    }

    .tvs-channel-directory .tvs-channel-item-grid {
        display: flex !important;

        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 6px 5px !important;

        width: 100% !important;
    }

    .tvs-channel-directory .tvs-channel-item {
        display: inline-flex !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;
        min-height: 27px !important;

        padding: 5px 7px !important;

        border-radius: 6px !important;
    }

    .tvs-channel-directory .tvs-channel-item-dot {
        flex: 0 0 4px !important;

        width: 4px !important;
        height: 4px !important;

        margin-right: 5px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {
        width: auto !important;
        max-width: 105px !important;

        overflow: hidden !important;

        font-size: 8px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .tvs-channel-directory .tvs-channel-item-arrow {
        display: none !important;
    }

}

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

    .tvs-channel-directory .tvs-channel-item {
        padding: 5px 6px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {
        max-width: 88px !important;

        font-size: 7.5px !important;
    }

    .tvs-channel-directory .tvs-channel-group-title h3 {
        font-size: 11px !important;
    }

}

body.category .tvs-channel-directory {

    width: 100% !important;
    max-width: none !important;

    margin:
        12px auto 22px !important;

    padding:
        12px 10px !important;

    box-sizing:
        border-box !important;

    background:
        #ffffff !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    color:
        #16181d !important;

    overflow:
        visible !important;
}

.tvs-channel-directory::before {

    display: none !important;
    content: none !important;
}

.tvs-channel-directory .tvs-channel-groups {

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.tvs-channel-directory .tvs-channel-group {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        10px 6px 13px !important;

    box-sizing:
        border-box !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-bottom:
        1px solid rgba(34,40,49,.12) !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}

.tvs-channel-directory .tvs-channel-group:last-child {

    border-bottom:
        0 !important;
}

.tvs-channel-directory .tvs-channel-group-head {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 10px !important;

    width: 100% !important;

    margin:
        0 0 9px !important;

    padding:
        0 !important;

    border:
        0 !important;
}

.tvs-channel-directory .tvs-channel-group-title {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    min-width: 0 !important;
}

.tvs-channel-directory .tvs-channel-group-icon {

    display: flex !important;

    flex:
        0 0 32px !important;

    align-items: center !important;

    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    border:
        1px solid #ff4778 !important;

    border-radius:
        8px !important;

    background:
        linear-gradient(
            135deg,
            #fff6f8,
            #fffaff
        ) !important;

    color:
        #ff1744 !important;

    box-shadow:
        none !important;

    font-size:
        11px !important;
}

.tvs-channel-directory .tvs-channel-group-kicker {

    display: block !important;

    margin:
        0 0 2px !important;

    color:
        #8b9099 !important;

    font-size:
        7px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    letter-spacing:
        .8px !important;
}

.tvs-channel-directory .tvs-channel-group-title h3 {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #14161b !important;

    font-size:
        17px !important;

    line-height:
        1.1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.2px !important;
}

.tvs-channel-directory .tvs-channel-view-all {

    display: inline-flex !important;

    flex:
        0 0 auto !important;

    align-items: center !important;

    justify-content: center !important;

    width:
        auto !important;

    min-width:
        78px !important;

    margin:
        0 !important;

    padding:
        7px 11px !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    background:
        linear-gradient(
            120deg,
            #ff4d22 0%,
            #ff1768 48%,
            #7c2ee6 100%
        ) !important;

    color:
        #ffffff !important;

    font-size:
        8px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        .15px !important;

    text-decoration:
        none !important;

    text-transform:
        uppercase !important;

    box-shadow:
        0 4px 10px rgba(255,23,68,.16) !important;
}

.tvs-channel-directory .tvs-channel-view-all:hover {

    transform:
        translateY(-1px) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 6px 13px rgba(124,46,230,.20) !important;
}

.tvs-channel-directory .tvs-channel-item-grid {

    display: flex !important;

    flex-flow:
        row wrap !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    align-content:
        flex-start !important;

    gap:
        6px !important;

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

.tvs-channel-directory .tvs-channel-item {

    display:
        inline-flex !important;

    flex:
        0 0 auto !important;

    width:
        auto !important;

    max-width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        31px !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    margin:
        0 !important;

    padding:
        6px 10px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid transparent !important;

    border-radius:
        7px !important;

    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(
            100deg,
            #ff6388,
            #ff9d78,
            #b47cff
        ) border-box !important;

    color:
        #15171b !important;

    text-decoration:
        none !important;

    box-shadow:
        0 1px 2px rgba(35,35,45,.04) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.tvs-channel-directory .tvs-channel-item:hover {

    transform:
        translateY(-1px) !important;

    background:
        linear-gradient(#fff7fa,#fff) padding-box,
        linear-gradient(
            100deg,
            #ff1744,
            #ff7a45,
            #8737e8
        ) border-box !important;

    box-shadow:
        0 4px 10px rgba(255,23,68,.10) !important;
}

.tvs-channel-directory .tvs-channel-item-dot {

    display:
        block !important;

    flex:
        0 0 5px !important;

    width:
        5px !important;

    height:
        5px !important;

    margin:
        0 7px 0 0 !important;

    border-radius:
        50% !important;

    background:
        #ff1744 !important;

    box-shadow:
        0 0 5px rgba(255,23,68,.35) !important;
}

.tvs-channel-directory .tvs-channel-item-name {

    display:
        block !important;

    width:
        auto !important;

    max-width:
        none !important;

    overflow:
        visible !important;

    color:
        #17191e !important;

    font-size:
        12px !important;

    line-height:
        1.15 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.08px !important;

    white-space:
        nowrap !important;

    text-overflow:
        clip !important;
}

.tvs-channel-directory .tvs-channel-item-arrow {

    display:
        none !important;

    width:
        0 !important;

    height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

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

    body.category .tvs-channel-directory {

        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }

    .tvs-channel-directory .tvs-channel-item-grid {

        gap:
            6px 7px !important;
    }

    .tvs-channel-directory .tvs-channel-item {

        padding:
            6px 11px !important;
    }

}

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

    body.category .tvs-channel-directory {

        position:
            relative !important;

        left:
            50% !important;

        width:
            calc(100vw - 14px) !important;

        max-width:
            calc(100vw - 14px) !important;

        margin:
            8px 0 18px !important;

        padding:
            7px 5px !important;

        transform:
            translateX(-50%) !important;

        background:
            #ffffff !important;

        box-sizing:
            border-box !important;
    }

    .tvs-channel-directory .tvs-channel-groups {

        gap:
            5px !important;
    }

    .tvs-channel-directory .tvs-channel-group {

        padding:
            7px 3px 10px !important;
    }

    .tvs-channel-directory .tvs-channel-group-head {

        margin-bottom:
            7px !important;
    }

    .tvs-channel-directory .tvs-channel-group-icon {

        flex-basis:
            28px !important;

        width:
            28px !important;

        height:
            28px !important;
    }

    .tvs-channel-directory .tvs-channel-group-kicker {

        font-size:
            6px !important;
    }

    .tvs-channel-directory .tvs-channel-group-title h3 {

        font-size:
            14px !important;
    }

    .tvs-channel-directory .tvs-channel-view-all {

        min-width:
            68px !important;

        padding:
            6px 8px !important;

        font-size:
            7px !important;
    }

    .tvs-channel-directory .tvs-channel-item-grid {

        display:
            flex !important;

        flex-flow:
            row wrap !important;

        justify-content:
            flex-start !important;

        gap:
            5px !important;
    }

    .tvs-channel-directory .tvs-channel-item {

        flex:
            0 0 auto !important;

        width:
            auto !important;

        max-width:
            calc(100vw - 28px) !important;

        min-height:
            29px !important;

        padding:
            5px 8px !important;

        border-radius:
            6px !important;
    }

    .tvs-channel-directory .tvs-channel-item-dot {

        margin-right:
            5px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {

        max-width:
            calc(100vw - 65px) !important;

        font-size:
            10.5px !important;

        white-space:
            normal !important;
    }

}

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

    body.category .tvs-channel-directory {

        width:
            calc(100vw - 8px) !important;

        max-width:
            calc(100vw - 8px) !important;

        padding-left:
            3px !important;

        padding-right:
            3px !important;
    }

    .tvs-channel-directory .tvs-channel-item {

        padding:
            5px 7px !important;
    }

    .tvs-channel-directory .tvs-channel-item-name {

        font-size:
            10px !important;
    }

}

body.category .tvs-channel-directory {

    position: relative !important;
    clear: both !important;

    width: 100% !important;
    max-width: none !important;

    margin:
        28px auto 20px !important;

    padding:
        8px 12px 14px !important;

    background:
        #ffffff !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    overflow:
        visible !important;

    z-index:
        1 !important;
}

.tvs-channel-directory .tvs-premium-breadcrumb {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    margin:
        0 auto 19px !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    font-size:
        0 !important;

    text-align:
        center !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a {

    position:
        relative !important;

    display:
        inline-block !important;

    margin:
        0 !important;

    padding:
        0 0 10px !important;

    color:
        #111827 !important;

    font-size:
        clamp(23px,2.3vw,32px) !important;

    line-height:
        1 !important;

    font-weight:
        950 !important;

    letter-spacing:
        -.75px !important;

    text-decoration:
        none !important;

    background:
        linear-gradient(
            90deg,
            #111827 0%,
            #111827 55%,
            #ff1744 75%,
            #a83cf1 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a::after {

    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        0;

    width:
        52px;

    height:
        3px;

    transform:
        translateX(-50%);

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #ff1744,
            #ff4f73,
            #9a39ec
        );

    box-shadow:
        0 3px 9px rgba(255,23,68,.15);
}

.tvs-channel-directory
.tvs-breadcrumb-arrow,

.tvs-channel-directory
.tvs-breadcrumb-current {

    display:
        none !important;
}

.tvs-channel-directory
.tvs-premium-eyebrow,

.tvs-channel-directory
.tvs-premium-heading,

.tvs-channel-directory
.tvs-premium-subtitle,

.tvs-channel-directory
.tvs-premium-divider {

    display:
        none !important;
}

.tvs-channel-directory
.tvs-channel-view-all {

    display:
        none !important;
}

.tvs-channel-directory
.tvs-channel-groups {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        11px !important;

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

.tvs-channel-directory
.tvs-channel-group {

    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        9px 5px 14px !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-bottom:
        1px solid rgba(17,24,39,.10) !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}

.tvs-channel-directory
.tvs-channel-group:last-child {

    border-bottom:
        0 !important;
}

.tvs-channel-directory
.tvs-channel-group-head {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    margin:
        0 0 10px !important;

    padding:
        0 !important;

    border:
        0 !important;
}

.tvs-channel-directory
.tvs-channel-group-title {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        13px !important;

    min-width:
        0 !important;
}

.tvs-channel-directory
.tvs-channel-group-icon {

    position:
        relative !important;

    display:
        flex !important;

    flex:
        0 0 48px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        48px !important;

    height:
        48px !important;

    margin:
        0 2px !important;

    border:
        1px solid transparent !important;

    border-radius:
        14px !important;

    background:
        linear-gradient(
            #ffffff,
            #fffafd
        ) padding-box,
        linear-gradient(
            135deg,
            #ff1744,
            #ff7189,
            #b44cff
        ) border-box !important;

    color:
        #ffffff !important;

    box-shadow:
        0 7px 18px rgba(255,23,68,.09) !important;

    transform:
        rotate(45deg) !important;
}

.tvs-channel-directory
.tvs-channel-group-icon {

    font-size:
        0 !important;
}

.tvs-channel-directory
.tvs-channel-group-icon::before {

    content:
        "▶";

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        25px;

    height:
        25px;

    border-radius:
        7px;

    background:
        linear-gradient(
            135deg,
            #ff1744,
            #ff1f78,
            #9b39e8
        );

    color:
        #ffffff;

    font-size:
        10px;

    line-height:
        1;

    transform:
        rotate(-45deg);

    box-shadow:
        0 4px 9px rgba(255,23,68,.19);
}

.tvs-channel-directory
.tvs-channel-group:nth-child(2)
.tvs-channel-group-icon::before {

    content:
        "✦";

    font-size:
        15px;
}

.tvs-channel-directory
.tvs-channel-group-kicker {

    display:
        inline-block !important;

    position:
        relative !important;

    margin:
        0 0 4px !important;

    padding:
        0 !important;

    color:
        #c33bec !important;

    font-size:
        8px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        1.4px !important;

    text-transform:
        uppercase !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    position:
        relative !important;

    display:
        inline-block !important;

    margin:
        0 !important;

    padding:
        0 0 7px !important;

    color:
        #111827 !important;

    font-size:
        clamp(20px,1.85vw,27px) !important;

    line-height:
        1 !important;

    font-weight:
        950 !important;

    letter-spacing:
        -.65px !important;

    background:
        linear-gradient(
            90deg,
            #111827 0%,
            #111827 55%,
            #ff335f 72%,
            #a642ed 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        0;

    width:
        39px;

    height:
        3px;

    border-radius:
        99px;

    background:
        linear-gradient(
            90deg,
            #ff1744,
            #ff685f,
            #a844ee
        );
}

.tvs-channel-directory
.tvs-channel-item-grid {

    display:
        flex !important;

    flex-flow:
        row wrap !important;

    justify-content:
        flex-start !important;

    align-items:
        center !important;

    align-content:
        flex-start !important;

    gap:
        6px 7px !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

.tvs-channel-directory
.tvs-channel-item {

    display:
        inline-flex !important;

    flex:
        0 0 auto !important;

    align-items:
        center !important;

    width:
        auto !important;

    min-width:
        0 !important;

    min-height:
        32px !important;

    margin:
        0 !important;

    padding:
        6px 11px !important;

    border:
        1px solid transparent !important;

    border-radius:
        8px !important;

    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(
            105deg,
            #ff6d89,
            #ff9874,
            #b568ff
        ) border-box !important;

    color:
        #15171c !important;

    text-decoration:
        none !important;

    box-shadow:
        0 2px 5px rgba(15,23,42,.035) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.tvs-channel-directory
.tvs-channel-item:hover {

    transform:
        translateY(-2px) !important;

    background:
        linear-gradient(
            #fff7fa,
            #ffffff
        ) padding-box,
        linear-gradient(
            105deg,
            #ff1744,
            #ff714f,
            #9435e9
        ) border-box !important;

    box-shadow:
        0 5px 12px rgba(255,23,68,.10) !important;
}

.tvs-channel-directory
.tvs-channel-item-dot {

    flex:
        0 0 6px !important;

    width:
        6px !important;

    height:
        6px !important;

    margin:
        0 7px 0 0 !important;

    border-radius:
        50% !important;

    background:
        #ff1744 !important;

    box-shadow:
        0 0 7px rgba(255,23,68,.32) !important;
}

.tvs-channel-directory
.tvs-channel-item-name {

    width:
        auto !important;

    max-width:
        none !important;

    overflow:
        visible !important;

    color:
        #17191e !important;

    font-size:
        12px !important;

    line-height:
        1.12 !important;

    font-weight:
        800 !important;

    white-space:
        nowrap !important;

    text-overflow:
        clip !important;
}

.tvs-channel-directory
.tvs-channel-item-arrow {

    display:
        none !important;
}

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

    body.category .tvs-channel-directory {

        position:
            relative !important;

        left:
            50% !important;

        width:
            calc(100vw - 10px) !important;

        max-width:
            calc(100vw - 10px) !important;

        margin:
            18px 0 16px !important;

        padding:
            7px 5px 12px !important;

        transform:
            translateX(-50%) !important;

        box-sizing:
            border-box !important;
    }

    .tvs-channel-directory
    .tvs-premium-breadcrumb {

        margin-bottom:
            17px !important;
    }

    .tvs-channel-directory
    .tvs-premium-breadcrumb a {

        font-size:
            22px !important;

        padding-bottom:
            8px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group {

        padding:
            8px 3px 11px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-head {

        margin-bottom:
            8px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-title {

        gap:
            9px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-icon {

        flex-basis:
            35px !important;

        width:
            35px !important;

        height:
            35px !important;

        border-radius:
            10px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-icon::before {

        width:
            20px;

        height:
            20px;

        border-radius:
            6px;

        font-size:
            8px;
    }

    .tvs-channel-directory
    .tvs-channel-group-kicker {

        margin-bottom:
            3px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            .9px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-title h3 {

        padding-bottom:
            5px !important;

        font-size:
            17px !important;

        letter-spacing:
            -.35px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-title h3::after {

        width:
            28px;

        height:
            2px;
    }

    .tvs-channel-directory
    .tvs-channel-item-grid {

        gap:
            5px !important;
    }

    .tvs-channel-directory
    .tvs-channel-item {

        flex:
            0 0 auto !important;

        width:
            auto !important;

        max-width:
            calc(100vw - 20px) !important;

        min-height:
            29px !important;

        padding:
            5px 8px !important;

        border-radius:
            6px !important;
    }

    .tvs-channel-directory
    .tvs-channel-item-name {

        max-width:
            calc(100vw - 55px) !important;

        font-size:
            10.5px !important;

        white-space:
            normal !important;
    }

}

body.category .tvs-channel-directory {

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255, 23, 68, .10) 0,
            rgba(255, 23, 68, 0) 34%
        ),
        linear-gradient(
            135deg,
            #0d1018 0%,
            #111520 48%,
            #0d1119 100%
        ) !important;

    border:
        1px solid rgba(255,255,255,.08) !important;

    border-radius:
        22px !important;

    padding:
        24px 26px 25px !important;

    box-shadow:
        0 18px 45px rgba(15,23,42,.16) !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a {

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 53%,
            #ff4166 70%,
            #c459ff 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}

.tvs-channel-directory
.tvs-channel-group {

    border-bottom:
        1px solid rgba(255,255,255,.10) !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 55%,
            #ff4166 73%,
            #c459ff 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}

.tvs-channel-directory
.tvs-channel-group-kicker {

    color:
        #ff6d9c !important;
}

.tvs-channel-directory
.tvs-channel-group-icon {

    background:
        linear-gradient(
            #171b26,
            #111520
        ) padding-box,

        linear-gradient(
            135deg,
            #ff1744,
            #ff6c87,
            #b74dff
        ) border-box !important;

    box-shadow:
        0 8px 22px rgba(255,23,68,.13) !important;
}

.tvs-channel-directory
.tvs-channel-item {

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        ) padding-box,

        linear-gradient(
            110deg,
            rgba(255,72,105,.75),
            rgba(255,133,102,.60),
            rgba(181,91,255,.75)
        ) border-box !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 3px 8px rgba(0,0,0,.10) !important;
}

.tvs-channel-directory
.tvs-channel-item-name {

    color:
        #f7f8fb !important;
}

.tvs-channel-directory
.tvs-channel-item-dot {

    background:
        #ff315d !important;

    box-shadow:
        0 0 8px rgba(255,49,93,.50) !important;
}

.tvs-channel-directory
.tvs-channel-item:hover {

    background:
        linear-gradient(
            135deg,
            rgba(255,23,68,.17),
            rgba(165,60,235,.11)
        ) padding-box,

        linear-gradient(
            105deg,
            #ff315d,
            #ff7c56,
            #ad46ff
        ) border-box !important;

    box-shadow:
        0 7px 18px rgba(255,23,68,.14) !important;

    transform:
        translateY(-2px) !important;
}

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

    body.category .tvs-channel-directory {

        width:
            calc(100vw - 12px) !important;

        max-width:
            calc(100vw - 12px) !important;

        padding:
            18px 8px 17px !important;

        border-radius:
            17px !important;
    }

}

.tvs-channel-directory
.tvs-channel-item {

    background:
        linear-gradient(
            135deg,
            #11141c 0%,
            #0c0f16 55%,
            #12151e 100%
        ) padding-box,

        linear-gradient(
            110deg,
            #ff315d 0%,
            #ff735d 45%,
            #a942f4 100%
        ) border-box !important;

    border:
        1px solid transparent !important;

    color:
        #ffffff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 3px 9px rgba(0,0,0,.18) !important;
}

.tvs-channel-directory
.tvs-channel-item-name {

    color:
        #ffffff !important;

    font-weight:
        800 !important;
}

.tvs-channel-directory
.tvs-channel-item-dot {

    background:
        #ff315d !important;

    box-shadow:
        0 0 8px rgba(255,49,93,.60) !important;
}

.tvs-channel-directory
.tvs-channel-item:hover {

    background:
        linear-gradient(
            135deg,
            #19131d 0%,
            #161019 50%,
            #15111e 100%
        ) padding-box,

        linear-gradient(
            105deg,
            #ff1744,
            #ff704d,
            #9d35ef
        ) border-box !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 6px 16px rgba(255,23,68,.17) !important;

    transform:
        translateY(-2px) !important;
}

.tvs-channel-directory
.tvs-channel-item:hover
.tvs-channel-item-name {

    color:
        #ffffff !important;
}

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

    .tvs-channel-directory
    .tvs-channel-item {

        background:
            linear-gradient(
                135deg,
                #11141c,
                #0c0f16
            ) padding-box,

            linear-gradient(
                110deg,
                #ff315d,
                #ff735d,
                #a942f4
            ) border-box !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.05),
            0 2px 6px rgba(0,0,0,.16) !important;
    }

}

body.category .tvs-channel-directory {

    background:
        linear-gradient(#ffffff, #ffffff) padding-box,

        linear-gradient(
            105deg,
            #ff315d 0%,
            #ff704d 35%,
            #ff2d72 65%,
            #a83cff 100%
        ) border-box !important;

    border:
        1.5px solid transparent !important;

    border-radius:
        20px !important;

    padding:
        24px 28px 22px !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 10px 30px rgba(17,24,39,.055),
        0 0 18px rgba(255,49,93,.025) !important;
}

body.category .tvs-channel-directory,
body.category .tvs-channel-directory * {

    --tvs-directory-dark-test: none;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a {
    color:
        #111827 !important;
}

.tvs-channel-directory
.tvs-channel-group {
    background:
        transparent !important;

    box-shadow:
        none !important;
}

.tvs-channel-directory
.tvs-channel-item {

    background:
        linear-gradient(#ffffff, #ffffff) padding-box,

        linear-gradient(
            105deg,
            #ff5577,
            #ff8a6b,
            #b34cff
        ) border-box !important;

    border:
        1px solid transparent !important;

    color:
        #151922 !important;

    box-shadow:
        0 2px 5px rgba(17,24,39,.035) !important;
}

.tvs-channel-directory
.tvs-channel-item-name {

    color:
        #151922 !important;
}

.tvs-channel-directory
.tvs-channel-item-dot {

    background:
        #ff2454 !important;

    box-shadow:
        none !important;
}

.tvs-channel-directory
.tvs-channel-item:hover {

    background:
        linear-gradient(
            #fff8fa,
            #fff8fc
        ) padding-box,

        linear-gradient(
            105deg,
            #ff1744,
            #ff704d,
            #a83cff
        ) border-box !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        0 5px 12px rgba(255,23,68,.09) !important;
}

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

    body.category .tvs-channel-directory {

        width:
            calc(100% - 12px) !important;

        max-width:
            calc(100% - 12px) !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        padding:
            14px 8px 14px !important;

        border:
            1.5px solid transparent !important;

        border-radius:
            16px !important;

        background:
            linear-gradient(#ffffff, #ffffff) padding-box,

            linear-gradient(
                120deg,
                #ff315d,
                #ff704d,
                #b13cff
            ) border-box !important;

        box-shadow:
            0 7px 20px rgba(17,24,39,.045) !important;
    }

}

.tvs-channel-directory
.tvs-premium-breadcrumb a {

    background:
        linear-gradient(
            90deg,
            #111827 0%,
            #111827 58%,
            #ff315d 72%,
            #a83cff 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;

    color:
        #111827 !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    background:
        linear-gradient(
            90deg,
            #111827 0%,
            #111827 60%,
            #ff315d 76%,
            #a83cff 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;

    color:
        #111827 !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a::after,

.tvs-channel-directory
.tvs-channel-group-title h3::after {

    background:
        linear-gradient(
            90deg,
            #ff1744,
            #ff5f6d,
            #a83cff
        ) !important;
}

.tvs-channel-directory
.tvs-channel-item,

.tvs-channel-directory
.tvs-channel-item:link,

.tvs-channel-directory
.tvs-channel-item:visited,

.tvs-channel-directory
.tvs-channel-item:hover,

.tvs-channel-directory
.tvs-channel-item:focus,

.tvs-channel-directory
.tvs-channel-item:focus-visible,

.tvs-channel-directory
.tvs-channel-item:active {

    color: #151922 !important;

    -webkit-text-fill-color: #151922 !important;

    text-decoration: none !important;
}

.tvs-channel-directory
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:hover
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:focus
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:focus-visible
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:active
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:visited
.tvs-channel-item-name {

    color: #151922 !important;

    -webkit-text-fill-color: #151922 !important;

    background: none !important;

    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;

    opacity: 1 !important;

    visibility: visible !important;
}

.tvs-channel-directory
.tvs-channel-item:hover
.tvs-channel-item-dot,

.tvs-channel-directory
.tvs-channel-item:focus
.tvs-channel-item-dot,

.tvs-channel-directory
.tvs-channel-item:active
.tvs-channel-item-dot {

    background: #ff2454 !important;

    opacity: 1 !important;
}

.tvs-channel-directory
.tvs-channel-item:hover,

.tvs-channel-directory
.tvs-channel-item:focus-visible {

    background:
        linear-gradient(
            #fff7fa,
            #ffffff
        ) padding-box,

        linear-gradient(
            105deg,
            #ff1744,
            #ff704d,
            #a83cff
        ) border-box !important;

    color: #151922 !important;
}

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

    .tvs-channel-directory
    .tvs-channel-item:active,

    .tvs-channel-directory
    .tvs-channel-item:active
    .tvs-channel-item-name {

        color: #151922 !important;

        -webkit-text-fill-color: #151922 !important;

        opacity: 1 !important;
    }

}

.tvs-channel-directory
.tvs-premium-breadcrumb a {

    text-transform:
        uppercase !important;

    letter-spacing:
        .15px !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    text-transform:
        uppercase !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3
.tvs-channel-group-link,

.tvs-channel-directory
.tvs-channel-group-title h3
.tvs-channel-group-link:link,

.tvs-channel-directory
.tvs-channel-group-title h3
.tvs-channel-group-link:visited {

    display:
        inline-block !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        inherit !important;

    font:
        inherit !important;

    line-height:
        inherit !important;

    font-weight:
        inherit !important;

    letter-spacing:
        inherit !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    -webkit-text-fill-color:
        inherit !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    cursor:
        pointer !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3:hover {

    filter:
        brightness(1.08) !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3
.tvs-channel-group-link:hover,

.tvs-channel-directory
.tvs-channel-group-title h3
.tvs-channel-group-link:focus-visible {

    text-decoration:
        none !important;

    opacity:
        .88 !important;
}

.tvs-channel-directory
.tvs-channel-item-name {

    text-transform:
        uppercase !important;

    letter-spacing:
        .10px !important;

    font-weight:
        800 !important;
}

.tvs-channel-directory
.tvs-channel-item:hover
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:focus
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:active
.tvs-channel-item-name,

.tvs-channel-directory
.tvs-channel-item:visited
.tvs-channel-item-name {

    text-transform:
        uppercase !important;

    color:
        #151922 !important;

    -webkit-text-fill-color:
        #151922 !important;
}

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

    .tvs-channel-directory
    .tvs-channel-item-name {

        text-transform:
            uppercase !important;

        letter-spacing:
            .05px !important;
    }

}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    -webkit-background-clip: initial !important;
    background-clip: initial !important;

    -webkit-text-fill-color: initial !important;

    color: #111827 !important;

    line-height: 1 !important;

    overflow: visible !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3::after {

    display: none !important;
}

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link,

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link:link,

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link:visited {

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;

    min-height: 34px !important;

    margin: 0 !important;

    padding:
        7px 17px 8px !important;

    border: 0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            105deg,
            #ff244f 0%,
            #ff315d 28%,
            #ed2588 63%,
            #9b2fe8 100%
        ) !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size:
        18px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    letter-spacing:
        .15px !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    box-shadow:
        0 5px 14px rgba(224, 38, 117, .16),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link::after {

    content: "" !important;

    position: absolute !important;

    left: 10px !important;

    bottom: -9px !important;

    width: 38px !important;
    height: 3px !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #ff244f,
            #ff315d 48%,
            #a83cff
        ) !important;

    box-shadow:
        0 1px 5px rgba(255,36,79,.15) !important;
}

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link:hover,

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link:focus,

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link:focus-visible {

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    text-decoration:
        none !important;

    opacity:
        1 !important;

    filter:
        brightness(1.06) saturate(1.05) !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        0 8px 19px rgba(224,38,117,.22),
        inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.tvs-channel-directory
.tvs-channel-group-title
.tvs-channel-group-link:active {

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    transform:
        translateY(0) scale(.98) !important;
}

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

    .tvs-channel-directory
    .tvs-channel-group-title
    .tvs-channel-group-link {

        min-height:
            29px !important;

        padding:
            6px 12px 7px !important;

        border-radius:
            999px !important;

        font-size:
            13px !important;

        font-weight:
            900 !important;

        letter-spacing:
            .05px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-title
    .tvs-channel-group-link::after {

        left:
            7px !important;

        bottom:
            -7px !important;

        width:
            28px !important;

        height:
            2px !important;
    }

}

.tvs-channel-directory
.tvs-premium-breadcrumb {

    margin-bottom: 22px !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin: 0 !important;

    padding:
        11px 28px 12px !important;

    border: 0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            105deg,
            #ffdce4 0%,
            #fbd8e8 38%,
            #efd8fa 68%,
            #dfc8fb 100%
        ) !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    font-size:
        clamp(22px, 2.2vw, 31px) !important;

    line-height:
        1 !important;

    font-weight:
        950 !important;

    letter-spacing:
        .15px !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 5px 14px rgba(183,86,220,.08) !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a::after {

    bottom:
        -10px !important;

    width:
        46px !important;

    height:
        3px !important;

    background:
        linear-gradient(
            90deg,
            #ff315d,
            #e638a6,
            #a83cff
        ) !important;
}

.tvs-channel-directory
.tvs-channel-group-title {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        14px !important;
}

.tvs-channel-directory
.tvs-channel-group-icon {

    position:
        relative !important;

    display:
        flex !important;

    flex:
        0 0 58px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        58px !important;

    height:
        58px !important;

    margin:
        0 3px !important;

    padding:
        0 !important;

    border:
        1px solid transparent !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            #fffefe,
            #ffffff
        ) padding-box,

        linear-gradient(
            135deg,
            #ffc1ce,
            #f6bfdc,
            #ddb8fa
        ) border-box !important;

    box-shadow:
        0 6px 18px rgba(211,76,172,.07) !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    transform:
        none !important;

    overflow:
        visible !important;
}

.tvs-channel-directory
.tvs-channel-group-icon::before {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        50% !important;

    top:
        50% !important;

    width:
        31px !important;

    height:
        31px !important;

    transform:
        translate(-50%, -50%) !important;

    border-radius:
        0 !important;

    background:
        linear-gradient(
            135deg,
            #ff4166 0%,
            #ec3b98 48%,
            #9c3df0 100%
        ) !important;

    box-shadow:
        none !important;

    clip-path:
        polygon(
            50% 0%,
            60% 37%,
            100% 50%,
            60% 63%,
            50% 100%,
            40% 63%,
            0% 50%,
            40% 37%
        ) !important;
}

.tvs-channel-directory
.tvs-channel-group:nth-child(1)
.tvs-channel-group-icon::before,

.tvs-channel-directory
.tvs-channel-group:nth-child(2)
.tvs-channel-group-icon::before {

    content:
        "" !important;
}

.tvs-channel-directory
.tvs-channel-group-kicker {

    margin-bottom:
        6px !important;

    color:
        #ff315d !important;

    font-size:
        9px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        1.25px !important;

    text-transform:
        uppercase !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    display:
        inline-flex !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        none !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    overflow:
        visible !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3::after {

    display:
        none !important;
}

.tvs-channel-directory
.tvs-channel-group-link,

.tvs-channel-directory
.tvs-channel-group-link:link,

.tvs-channel-directory
.tvs-channel-group-link:visited {

    position:
        relative !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    max-width:
        100% !important;

    min-height:
        38px !important;

    margin:
        0 !important;

    padding:
        8px 19px 9px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            105deg,
            #ffdce4 0%,
            #fbd9e8 38%,
            #eed7fa 68%,
            #dfc7fb 100%
        ) !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    font-size:
        18px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        .15px !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        0 4px 12px rgba(176,72,217,.075) !important;

    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease !important;
}

.tvs-channel-directory
.tvs-channel-group-link::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        11px !important;

    bottom:
        -10px !important;

    width:
        40px !important;

    height:
        3px !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #ff315d,
            #e43fa9,
            #a83cff
        ) !important;
}

.tvs-channel-directory
.tvs-channel-group-link:hover,

.tvs-channel-directory
.tvs-channel-group-link:focus-visible {

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    opacity:
        1 !important;

    filter:
        brightness(.985) saturate(1.08) !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        0 7px 17px rgba(177,68,211,.12) !important;

    text-decoration:
        none !important;
}

.tvs-channel-directory
.tvs-channel-item-name {

    text-transform:
        uppercase !important;

    color:
        #151922 !important;

    -webkit-text-fill-color:
        #151922 !important;

    font-weight:
        800 !important;
}

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

    .tvs-channel-directory
    .tvs-premium-breadcrumb {

        margin-bottom:
            17px !important;
    }

    .tvs-channel-directory
    .tvs-premium-breadcrumb a {

        padding:
            8px 18px 9px !important;

        font-size:
            20px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-title {

        gap:
            8px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-icon {

        flex-basis:
            39px !important;

        width:
            39px !important;

        height:
            39px !important;

        border-radius:
            11px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-icon::before {

        width:
            22px !important;

        height:
            22px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-kicker {

        margin-bottom:
            4px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            .8px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-link {

        min-height:
            30px !important;

        padding:
            6px 11px 7px !important;

        font-size:
            13px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-link::after {

        left:
            7px !important;

        bottom:
            -7px !important;

        width:
            27px !important;

        height:
            2px !important;
    }

}

.tvs-channel-directory
.tvs-premium-breadcrumb {

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin:
        0 auto 28px !important;

    padding:
        0 !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a {

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin: 0 !important;

    padding:
        11px 28px 12px !important;

    border: 0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            105deg,
            #ffdce5 0%,
            #fbd9e8 38%,
            #eed8fa 68%,
            #dec8fb 100%
        ) !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    font-size:
        clamp(22px, 2.2vw, 31px) !important;

    line-height:
        1 !important;

    font-weight:
        950 !important;

    letter-spacing:
        .15px !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 5px 15px rgba(173,75,215,.075) !important;
}

.tvs-channel-directory
.tvs-premium-breadcrumb a::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        25% !important;

    bottom:
        -12px !important;

    width:
        50% !important;

    height:
        4px !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #ff315d 0%,
            #ff497d 30%,
            #e13ab1 66%,
            #a83cff 100%
        ) !important;

    background-size:
        220% 100% !important;

    box-shadow:
        0 2px 7px rgba(224,56,156,.12) !important;

    animation:
        skytamilTitleLineFlow 2.4s linear infinite !important;
}

.tvs-channel-directory
.tvs-channel-group-title {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        14px !important;

    min-width:
        0 !important;
}

.tvs-channel-directory
.tvs-channel-group-icon {

    position:
        relative !important;

    display:
        flex !important;

    flex:
        0 0 58px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        58px !important;

    height:
        58px !important;

    margin:
        0 3px !important;

    padding:
        0 !important;

    border:
        1px solid transparent !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            #fffefe,
            #ffffff
        ) padding-box,

        linear-gradient(
            135deg,
            #ffc2cf,
            #f4bddc,
            #dcb7f9
        ) border-box !important;

    box-shadow:
        0 6px 18px rgba(200,72,178,.07) !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    transform:
        none !important;

    overflow:
        visible !important;
}

.tvs-channel-directory
.tvs-channel-group-icon::before {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        50% !important;

    top:
        50% !important;

    width:
        31px !important;

    height:
        31px !important;

    transform:
        translate(-50%, -50%) scale(1) !important;

    background:
        linear-gradient(
            135deg,
            #ff4166 0%,
            #eb3d9b 48%,
            #9d3ff0 100%
        ) !important;

    clip-path:
        polygon(
            50% 0%,
            60% 37%,
            100% 50%,
            60% 63%,
            50% 100%,
            40% 63%,
            0% 50%,
            40% 37%
        ) !important;

    filter:
        drop-shadow(
            0 2px 4px rgba(202,55,168,.18)
        ) !important;

    animation:
        skytamilStarPulse 2.2s ease-in-out infinite !important;
}

.tvs-channel-directory
.tvs-channel-group:nth-child(1)
.tvs-channel-group-icon::before,

.tvs-channel-directory
.tvs-channel-group:nth-child(2)
.tvs-channel-group-icon::before {

    content:
        "" !important;
}

.tvs-channel-directory
.tvs-channel-group-kicker {

    display:
        block !important;

    margin:
        0 0 7px !important;

    padding:
        0 !important;

    color:
        #ff315d !important;

    font-size:
        9px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        1.2px !important;

    text-transform:
        uppercase !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3 {

    display:
        inline-flex !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        none !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    overflow:
        visible !important;
}

.tvs-channel-directory
.tvs-channel-group-title h3::after {

    display:
        none !important;
}

.tvs-channel-directory
.tvs-channel-group-link,

.tvs-channel-directory
.tvs-channel-group-link:link,

.tvs-channel-directory
.tvs-channel-group-link:visited {

    position:
        relative !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    max-width:
        100% !important;

    min-height:
        39px !important;

    margin:
        0 !important;

    padding:
        8px 19px 9px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            105deg,
            #ffdce5 0%,
            #fbd9e8 38%,
            #eed8fa 68%,
            #dec8fb 100%
        ) !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    font-size:
        18px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        .15px !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        0 4px 12px rgba(171,71,209,.07) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

.tvs-channel-directory
.tvs-channel-group-link::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        25% !important;

    bottom:
        -12px !important;

    width:
        50% !important;

    height:
        4px !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #ff315d 0%,
            #ff497d 30%,
            #df3ab1 66%,
            #a83cff 100%
        ) !important;

    background-size:
        220% 100% !important;

    box-shadow:
        0 2px 7px rgba(225,55,156,.13) !important;

    animation:
        skytamilTitleLineFlow 2.4s linear infinite !important;
}

.tvs-channel-directory
.tvs-channel-group-link:hover,

.tvs-channel-directory
.tvs-channel-group-link:focus-visible {

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    opacity:
        1 !important;

    filter:
        brightness(.99) saturate(1.08) !important;

    transform:
        translateY(-1px) !important;

    text-decoration:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.80),
        0 7px 18px rgba(176,68,210,.11) !important;
}

@keyframes skytamilTitleLineFlow {

    0% {
        background-position:
            0% 50%;
    }

    50% {
        background-position:
            100% 50%;
    }

    100% {
        background-position:
            0% 50%;
    }

}

@keyframes skytamilStarPulse {

    0%,
    100% {

        transform:
            translate(-50%, -50%)
            scale(.90) !important;

        filter:
            brightness(.95)
            drop-shadow(
                0 1px 2px rgba(220,50,160,.10)
            ) !important;
    }

    50% {

        transform:
            translate(-50%, -50%)
            scale(1.12) !important;

        filter:
            brightness(1.12)
            drop-shadow(
                0 4px 8px rgba(202,55,168,.28)
            ) !important;
    }

}

.tvs-channel-directory
.tvs-channel-item-name {

    text-transform:
        uppercase !important;

    color:
        #151922 !important;

    -webkit-text-fill-color:
        #151922 !important;

    font-weight:
        800 !important;
}

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

    .tvs-channel-directory
    .tvs-premium-breadcrumb {

        margin-bottom:
            22px !important;
    }

    .tvs-channel-directory
    .tvs-premium-breadcrumb a {

        padding:
            8px 17px 9px !important;

        font-size:
            20px !important;
    }

    .tvs-channel-directory
    .tvs-premium-breadcrumb a::after {

        bottom:
            -9px !important;

        height:
            3px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-title {

        gap:
            9px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-icon {

        flex-basis:
            39px !important;

        width:
            39px !important;

        height:
            39px !important;

        border-radius:
            11px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-icon::before {

        width:
            22px !important;

        height:
            22px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-kicker {

        margin-bottom:
            5px !important;

        font-size:
            6.5px !important;

        letter-spacing:
            .8px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-link {

        min-height:
            30px !important;

        padding:
            6px 11px 7px !important;

        font-size:
            13px !important;
    }

    .tvs-channel-directory
    .tvs-channel-group-link::after {

        bottom:
            -8px !important;

        height:
            3px !important;
    }

}

@media (prefers-reduced-motion: reduce) {

    .tvs-channel-directory
    .tvs-premium-breadcrumb a::after,

    .tvs-channel-directory
    .tvs-channel-group-link::after,

    .tvs-channel-directory
    .tvs-channel-group-icon::before {

        animation:
            none !important;
    }

}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
.tvs-channel-group-kicker {

    display: block !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #ff315d !important;

    font-size: 9px !important;
    line-height: 1 !important;

    font-weight: 900 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3 {

    display: block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: #111827 !important;

    -webkit-text-fill-color: #111827 !important;

    overflow: visible !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3::before,

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3::after {

    display: none !important;

    content: none !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link,

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link:link,

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link:visited {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;

    min-height: 39px !important;

    margin: 0 !important;

    padding:
        8px 20px 9px !important;

    border: 0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            105deg,
            #ffdce5 0%,
            #fbd8e8 34%,
            #efd8f8 68%,
            #dfc8fb 100%
        ) !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    font-size:
        18px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        .15px !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    opacity:
        1 !important;

    filter:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 5px 14px rgba(172,72,216,.09) !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link::before {

    display: none !important;

    content: none !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link::after {

    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 25% !important;

    right: auto !important;

    bottom: -12px !important;

    width: 50% !important;
    max-width: none !important;

    height: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #ff315d 0%,
            #ff4d77 30%,
            #dc3bae 66%,
            #a83cff 100%
        ) !important;

    background-size:
        240% 100% !important;

    opacity:
        1 !important;

    box-shadow:
        0 2px 8px rgba(220,55,165,.16) !important;

    transform:
        none !important;

    animation:
        skytamilFinalTitleLine 2.2s linear infinite !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link:hover,

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link:focus-visible {

    background:
        linear-gradient(
            105deg,
            #ffd7e2,
            #f9d4e8,
            #ecd3fa,
            #dbc3fb
        ) !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    text-decoration:
        none !important;

    opacity:
        1 !important;

    filter:
        brightness(1.015) !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90),
        0 7px 18px rgba(171,68,211,.12) !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-icon::before {

    animation:
        skytamilFinalStarTwinkle 2.3s ease-in-out infinite !important;
}

body.category
.tvs-channel-directory
.tvs-premium-breadcrumb
a::after {

    left: 25% !important;

    right: auto !important;

    width: 50% !important;

    height: 4px !important;

    bottom: -12px !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #ff315d,
            #ff4d77,
            #dc3bae,
            #a83cff
        ) !important;

    background-size:
        240% 100% !important;

    animation:
        skytamilFinalTitleLine 2.2s linear infinite !important;
}

@keyframes skytamilFinalTitleLine {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}

@keyframes skytamilFinalStarTwinkle {

    0%,
    100% {

        transform:
            translate(-50%, -50%)
            scale(.90) !important;

        filter:
            brightness(.95)
            drop-shadow(
                0 1px 3px rgba(220,50,160,.10)
            ) !important;
    }

    50% {

        transform:
            translate(-50%, -50%)
            scale(1.12) !important;

        filter:
            brightness(1.15)
            drop-shadow(
                0 4px 9px rgba(200,55,180,.28)
            ) !important;
    }

}

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

    body.category
    .tvs-channel-directory
    .tvs-channel-group
    .tvs-channel-group-title
    h3
    a.tvs-channel-group-link {

        min-height:
            30px !important;

        padding:
            6px 11px 7px !important;

        font-size:
            13px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group
    .tvs-channel-group-title
    h3
    a.tvs-channel-group-link::after {

        bottom:
            -8px !important;

        height:
            3px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-premium-breadcrumb
    a::after {

        bottom:
            -9px !important;

        height:
            3px !important;
    }

}

@media (prefers-reduced-motion: reduce) {

    body.category
    .tvs-channel-directory
    .tvs-channel-group
    .tvs-channel-group-title
    h3
    a.tvs-channel-group-link::after,

    body.category
    .tvs-channel-directory
    .tvs-premium-breadcrumb
    a::after,

    body.category
    .tvs-channel-directory
    .tvs-channel-group-icon::before {

        animation:
            none !important;
    }

}

body.category
.tvs-channel-directory
.tvs-premium-breadcrumb
a::after {

    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: none !important;
    box-shadow: none !important;

    animation: none !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3::before,

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3::after {

    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: none !important;
    box-shadow: none !important;

    animation: none !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link::before,

body.category
.tvs-channel-directory
.tvs-channel-group
.tvs-channel-group-title
h3
a.tvs-channel-group-link::after {

    content: none !important;
    display: none !important;

    position: static !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
    animation: none !important;
}

body.category
.tvs-channel-directory
.tvs-channel-group-link::after,

body.category
.tvs-channel-directory
.tvs-premium-breadcrumb::after {

    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: none !important;
    box-shadow: none !important;

    animation: none !important;
}

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

    body.category
    .tvs-channel-directory {

        position: relative !important;

        left: 50% !important;

        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;

        margin:
            16px 0 18px !important;

        padding:
            14px 8px 16px !important;

        transform:
            translateX(-50%) !important;

        box-sizing:
            border-box !important;

        overflow:
            visible !important;

        border-radius:
            16px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-premium-breadcrumb {

        width: 100% !important;

        margin:
            0 auto 18px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-premium-breadcrumb a {

        min-height:
            38px !important;

        padding:
            8px 18px !important;

        font-size:
            20px !important;

        line-height:
            1 !important;

        white-space:
            nowrap !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-groups {

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            8px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group {

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            10px 2px 13px !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group-head {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 0 10px !important;

        padding:
            0 !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group-title {

        display:
            flex !important;

        align-items:
            center !important;

        gap:
            9px !important;

        width:
            100% !important;

        min-width:
            0 !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group-title > div {

        flex:
            1 1 auto !important;

        min-width:
            0 !important;

        width:
            auto !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group-icon {

        flex:
            0 0 39px !important;

        width:
            39px !important;

        height:
            39px !important;

        margin:
            0 !important;

        border-radius:
            11px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group-icon::before {

        width:
            22px !important;

        height:
            22px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group-kicker {

        display:
            block !important;

        margin:
            0 0 4px !important;

        font-size:
            6.5px !important;

        line-height:
            1 !important;

        letter-spacing:
            .8px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group
    .tvs-channel-group-title
    h3 {

        display:
            block !important;

        width:
            auto !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            visible !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-group
    .tvs-channel-group-title
    h3
    a.tvs-channel-group-link {

        display:
            inline-flex !important;

        width:
            auto !important;

        max-width:
            100% !important;

        min-height:
            30px !important;

        margin:
            0 !important;

        padding:
            6px 11px 7px !important;

        border-radius:
            999px !important;

        font-size:
            13px !important;

        line-height:
            1.15 !important;

        font-weight:
            900 !important;

        white-space:
            normal !important;

        text-align:
            left !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-item-grid {

        display:
            flex !important;

        flex-flow:
            row wrap !important;

        justify-content:
            flex-start !important;

        align-items:
            center !important;

        align-content:
            flex-start !important;

        width:
            100% !important;

        gap:
            5px !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-item-grid
    a.tvs-channel-item {

        display:
            inline-flex !important;

        flex:
            0 1 auto !important;

        width:
            auto !important;

        max-width:
            calc(100vw - 24px) !important;

        min-width:
            0 !important;

        min-height:
            29px !important;

        margin:
            0 !important;

        padding:
            5px 8px !important;

        border-radius:
            6px !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-item-grid
    .tvs-channel-item-name {

        display:
            block !important;

        width:
            auto !important;

        max-width:
            calc(100vw - 52px) !important;

        margin:
            0 !important;

        overflow:
            visible !important;

        font-size:
            10px !important;

        line-height:
            1.15 !important;

        font-weight:
            800 !important;

        letter-spacing:
            0 !important;

        white-space:
            nowrap !important;

        text-overflow:
            clip !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-item-grid
    .tvs-channel-item-dot {

        flex:
            0 0 5px !important;

        width:
            5px !important;

        height:
            5px !important;

        margin-right:
            5px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-item-arrow {

        display:
            none !important;
    }

}

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

    body.category
    .tvs-channel-directory {

        width:
            calc(100vw - 6px) !important;

        max-width:
            calc(100vw - 6px) !important;

        padding-left:
            5px !important;

        padding-right:
            5px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-item-grid
    a.tvs-channel-item {

        padding:
            5px 7px !important;
    }

    body.category
    .tvs-channel-directory
    .tvs-channel-item-grid
    .tvs-channel-item-name {

        font-size:
            9.5px !important;
    }

}

body.category .tvs-premium-wrap:not(.tvs-channel-directory) {
    position: relative !important;

    width: calc(100% - 32px) !important;
    max-width: 1180px !important;

    margin: 36px auto 42px !important;
    padding: 28px 32px 30px !important;

    background:
        radial-gradient(circle at 12% 12%, rgba(255, 52, 105, .035), transparent 26%),
        radial-gradient(circle at 88% 88%, rgba(176, 55, 255, .035), transparent 28%),
        #fff !important;

    border: 1.5px solid transparent !important;
    border-radius: 22px !important;

    background-image:
        linear-gradient(#fff, #fff),
        linear-gradient(100deg, #ff315f, #ff5c91 48%, #b735ff) !important;

    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;

    box-shadow:
        0 18px 40px rgba(20, 25, 40, .07) !important;

    color: #111827 !important;

    overflow: hidden !important;
}

body.category .tvs-premium-wrap:not(.tvs-channel-directory)::before,
body.category .tvs-premium-wrap:not(.tvs-channel-directory)::after {
    display: none !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-breadcrumb {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    margin: 0 0 16px !important;

    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;

    color: #6b7280 !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-breadcrumb a {
    color: #4b5563 !important;
    text-decoration: none !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-breadcrumb a:hover {
    color: #ff2f68 !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-breadcrumb-arrow {
    color: #c4c7cf !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-breadcrumb-current {
    color: #ff2f68 !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-eyebrow {
    display: flex !important;
    width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto 12px !important;
    padding: 7px 14px !important;

    border: 1px solid rgba(255, 47, 104, .20) !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(255, 225, 234, .95),
            rgba(237, 218, 255, .95)
        ) !important;

    color: #ff2f68 !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 1.6px !important;

    text-transform: uppercase !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-pulse {
    width: 7px !important;
    height: 7px !important;

    margin-right: 7px !important;

    border-radius: 50% !important;
    background: #ff2f68 !important;

    box-shadow:
        0 0 0 4px rgba(255,47,104,.10) !important;

    animation: skytamilWhitePulse 1.6s ease-in-out infinite !important;
}

@keyframes skytamilWhitePulse {

    0%,
    100% {
        transform: scale(.85);
        opacity: .65;
    }

    50% {
        transform: scale(1.18);
        opacity: 1;
    }
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-heading {
    margin: 0 auto !important;

    text-align: center !important;

    color: #111827 !important;

    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;

    letter-spacing: -.7px !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-heading span {
    color: #ff2f68 !important;

    background:
        linear-gradient(
            90deg,
            #ff2f68,
            #c338ef
        ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-subtitle {
    margin: 8px 0 0 !important;

    text-align: center !important;

    color: #7b8190 !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-divider {
    display: flex !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 13px auto 19px !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-divider span {
    display: block !important;

    width: 74px !important;
    height: 3px !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            #ff2f68,
            #ff5b91,
            #b735ff
        ) !important;

    box-shadow:
        0 3px 10px rgba(255,47,104,.18) !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-buttons {
    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: center !important;

    gap: 8px !important;

    width: 100% !important;
    margin: 0 auto !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-button {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 38px !important;

    padding: 8px 13px !important;

    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,.98),
            rgba(255,250,253,.98)
        ) !important;

    border: 1.3px solid transparent !important;
    border-radius: 9px !important;

    background-image:
        linear-gradient(#fff, #fff),
        linear-gradient(105deg, #ff315f, #ff6c94 52%, #b735ff) !important;

    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;

    color: #161b27 !important;

    box-shadow:
        0 5px 12px rgba(20,25,40,.035) !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;

    overflow: hidden !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-button::before,
body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-button::after {
    display: none !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-button-dot {
    flex: 0 0 auto !important;

    width: 7px !important;
    height: 7px !important;

    margin-right: 8px !important;

    border-radius: 50% !important;

    background: #ff2f68 !important;

    box-shadow:
        0 0 0 3px rgba(255,47,104,.08) !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-button-name {
    color: #161b27 !important;

    font-size: inherit !important;
    font-weight: 800 !important;

    white-space: normal !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-button-arrow {
    display: none !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-button:hover {
    transform: translateY(-2px) !important;

    background-image:
        linear-gradient(
            100deg,
            #fff0f5,
            #f6ecff
        ),
        linear-gradient(
            105deg,
            #ff315f,
            #b735ff
        ) !important;

    color: #111827 !important;

    box-shadow:
        0 8px 20px rgba(180,55,255,.10) !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-button:hover
.tvs-button-name {
    color: #111827 !important;
}

body.category
.tvs-series-panel {
    color: #111827 !important;
}

body.category
.tvs-series-panel h1,
body.category
.tvs-series-panel h2,
body.category
.tvs-series-panel h3,
body.category
.tvs-series-panel p,
body.category
.tvs-series-panel span:not(.tvs-premium-heading span) {
    text-shadow: none !important;
}

@media (max-width: 768px) {

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory) {

        width: calc(100% - 20px) !important;

        margin: 20px auto 28px !important;

        padding: 22px 16px 24px !important;

        border-radius: 18px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-heading {

        font-size: 24px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-buttons {

        justify-content: flex-start !important;

        gap: 7px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-button {

        min-height: 36px !important;

        padding: 8px 11px !important;

        font-size: 11px !important;
    }

}

@media (max-width: 520px) {

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory) {

        width: calc(100% - 14px) !important;

        margin: 16px auto 24px !important;

        padding: 19px 11px 21px !important;

        border-radius: 16px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-breadcrumb {

        margin-bottom: 12px !important;

        font-size: 9px !important;

        gap: 4px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-eyebrow {

        margin-bottom: 9px !important;

        padding: 6px 11px !important;

        font-size: 8px !important;
        letter-spacing: 1.2px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-heading {

        font-size: 20px !important;

        letter-spacing: -.35px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-subtitle {

        margin-top: 6px !important;

        font-size: 10px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-divider {

        margin: 10px auto 15px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-divider span {

        width: 58px !important;
        height: 2px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-buttons {

        display: flex !important;
        flex-wrap: wrap !important;

        justify-content: flex-start !important;

        gap: 6px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-button {

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: 100% !important;

        min-height: 33px !important;

        padding: 7px 9px !important;

        border-radius: 8px !important;

        font-size: 10px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-button-dot {

        width: 6px !important;
        height: 6px !important;

        margin-right: 6px !important;
    }

}

@media (max-width: 360px) {

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory) {

        width: calc(100% - 10px) !important;

        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory)
    .tvs-premium-button {

        padding: 6px 8px !important;

        font-size: 9px !important;
    }

}

body.category .tvs-series-panel {

    width: calc(100% - 32px) !important;
    max-width: 1180px !important;

    margin: 30px auto 36px !important;

    padding: 24px 28px 26px !important;

    min-height: 0 !important;
    height: auto !important;

    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(
            105deg,
            #ff315f,
            #ff6a8f,
            #b735ff
        ) border-box !important;

    border:
        1.5px solid transparent !important;

    border-radius:
        20px !important;

    box-shadow:
        0 15px 35px rgba(20,25,40,.06) !important;

    color:
        #111827 !important;

    overflow:
        visible !important;
}

body.category .tvs-series-panel::before,
body.category .tvs-series-panel::after {
    display: none !important;
}

body.category
.tvs-series-panel
.tvs-premium-breadcrumb {

    margin:
        0 auto 14px !important;

    color:
        #6b7280 !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;
}

body.category
.tvs-series-panel
.tvs-premium-breadcrumb a {

    color:
        #4b5563 !important;

    -webkit-text-fill-color:
        #4b5563 !important;

    text-decoration:
        none !important;

    background:
        none !important;
}

body.category
.tvs-series-panel
.tvs-breadcrumb-current {

    color:
        #ff315f !important;

    -webkit-text-fill-color:
        #ff315f !important;
}

body.category
.tvs-series-panel
.tvs-premium-eyebrow {

    display:
        flex !important;

    width:
        max-content !important;

    margin:
        0 auto 18px !important;

    padding:
        7px 14px !important;

    border:
        1px solid rgba(255,49,95,.20) !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #ffe4eb,
            #efdfff
        ) !important;

    color:
        #ff315f !important;

    -webkit-text-fill-color:
        #ff315f !important;

    font-size:
        9px !important;

    font-weight:
        900 !important;

    letter-spacing:
        1.4px !important;

    text-transform:
        uppercase !important;
}

body.category
.tvs-series-panel
.tvs-premium-heading,

body.category
.tvs-series-panel
.tvs-premium-subtitle,

body.category
.tvs-series-panel
.tvs-premium-divider {

    margin-top:
        0 !important;

    margin-bottom:
        12px !important;
}

body.category
.tvs-series-panel
.tvs-series-list,

body.category
.tvs-series-panel
.tvs-episode-list,

body.category
.tvs-series-panel
.tvs-latest-list {

    margin:
        0 !important;

    padding:
        0 !important;
}

body.category
.tvs-series-panel a {

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;
}

body.category
.tvs-series-panel
a[class*="episode"],

body.category
.tvs-series-panel
a[class*="series-item"],

body.category
.tvs-series-panel
a[class*="latest"] {

    display:
        flex !important;

    align-items:
        center !important;

    width:
        100% !important;

    min-height:
        58px !important;

    margin:
        8px 0 0 !important;

    padding:
        10px 14px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid transparent !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            #fff8fa,
            #fff
        ) padding-box,

        linear-gradient(
            105deg,
            #ff5b7e,
            #ff8b9c,
            #c27cff
        ) border-box !important;

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 5px 14px rgba(20,25,40,.035) !important;
}

body.category
.tvs-series-panel
a[class*="episode"] *,

body.category
.tvs-series-panel
a[class*="series-item"] *,

body.category
.tvs-series-panel
a[class*="latest"] * {

    color:
        #111827 !important;

    -webkit-text-fill-color:
        #111827 !important;

    opacity:
        1 !important;

    text-shadow:
        none !important;
}

body.category
.tvs-series-panel
a[class*="episode"] small,

body.category
.tvs-series-panel
a[class*="series-item"] small,

body.category
.tvs-series-panel
a[class*="latest"] small {

    color:
        #ff315f !important;

    -webkit-text-fill-color:
        #ff315f !important;
}

body.category
.tvs-series-panel
a[class*="episode"]::after,

body.category
.tvs-series-panel
a[class*="series-item"]::after,

body.category
.tvs-series-panel
a[class*="latest"]::after {

    color:
        #ff315f !important;
}

body.category
.tvs-series-panel
a[class*="episode"]:hover,

body.category
.tvs-series-panel
a[class*="series-item"]:hover,

body.category
.tvs-series-panel
a[class*="latest"]:hover {

    transform:
        translateY(-1px) !important;

    box-shadow:
        0 8px 18px rgba(181,55,255,.08) !important;
}

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

    body.category
    .tvs-series-panel {

        width:
            calc(100vw - 12px) !important;

        max-width:
            calc(100vw - 12px) !important;

        margin:
            16px auto 22px !important;

        padding:
            16px 10px 18px !important;

        border-radius:
            16px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb {

        font-size:
            9px !important;

        margin-bottom:
            10px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-eyebrow {

        margin-bottom:
            13px !important;

        padding:
            6px 11px !important;

        font-size:
            8px !important;
    }

    body.category
    .tvs-series-panel
    a[class*="episode"],

    body.category
    .tvs-series-panel
    a[class*="series-item"],

    body.category
    .tvs-series-panel
    a[class*="latest"] {

        min-height:
            52px !important;

        padding:
            9px 10px !important;

        font-size:
            11px !important;
    }

}

body.category .tvs-series-panel,
body.category .tvs-series-panel div,
body.category .tvs-series-panel section,
body.category .tvs-series-panel header,
body.category .tvs-series-panel p,
body.category .tvs-series-panel h1,
body.category .tvs-series-panel h2,
body.category .tvs-series-panel h3,
body.category .tvs-series-panel h4,
body.category .tvs-series-panel strong,
body.category .tvs-series-panel b,
body.category .tvs-series-panel small,
body.category .tvs-series-panel span {

    text-shadow: none !important;
}

body.category .tvs-series-panel h1,
body.category .tvs-series-panel .tvs-series-title,
body.category .tvs-series-panel .tvs-premium-heading {

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;

    opacity: 1 !important;

    background: none !important;

    text-shadow: none !important;

    visibility: visible !important;
}

body.category .tvs-series-panel .tvs-premium-heading span,
body.category .tvs-series-panel h1 span {

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;

    background: none !important;
    background-image: none !important;

    opacity: 1 !important;

    visibility: visible !important;
}

body.category .tvs-series-panel .tvs-premium-subtitle,
body.category .tvs-series-panel .tvs-series-description,
body.category .tvs-series-panel .tvs-series-desc,
body.category .tvs-series-panel header p {

    display: block !important;

    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;

    opacity: 1 !important;

    visibility: visible !important;

    background: none !important;

    text-shadow: none !important;

    margin-top: 7px !important;
}

body.category .tvs-series-panel .tvs-premium-breadcrumb,
body.category .tvs-series-panel .tvs-premium-breadcrumb span {

    color: #697181 !important;
    -webkit-text-fill-color: #697181 !important;

    opacity: 1 !important;

    visibility: visible !important;

    background: none !important;

    text-shadow: none !important;
}

body.category .tvs-series-panel .tvs-premium-breadcrumb a {

    color: #596171 !important;
    -webkit-text-fill-color: #596171 !important;

    opacity: 1 !important;

    background: none !important;

    text-decoration: none !important;
}

body.category .tvs-series-panel .tvs-premium-breadcrumb a:hover {

    color: #ff315f !important;
    -webkit-text-fill-color: #ff315f !important;
}

body.category .tvs-series-panel .tvs-breadcrumb-current {

    color: #ff315f !important;
    -webkit-text-fill-color: #ff315f !important;
}

body.category .tvs-series-panel .tvs-premium-eyebrow,
body.category .tvs-series-panel .tvs-premium-eyebrow span {

    color: #ff315f !important;
    -webkit-text-fill-color: #ff315f !important;

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow: none !important;
}

body.category .tvs-series-panel [class*="meta"],
body.category .tvs-series-panel [class*="meta"] span,
body.category .tvs-series-panel [class*="info"],
body.category .tvs-series-panel [class*="info"] span {

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow: none !important;
}

body.category .tvs-series-panel [class*="meta"] small,
body.category .tvs-series-panel [class*="label"],
body.category .tvs-series-panel [class*="info"] small {

    color: #687080 !important;
    -webkit-text-fill-color: #687080 !important;

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow: none !important;
}

body.category .tvs-series-panel [class*="episode"],
body.category .tvs-series-panel [class*="latest"],
body.category .tvs-series-panel [class*="series-item"] {

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow: none !important;
}

body.category .tvs-series-panel [class*="episode"] *,
body.category .tvs-series-panel [class*="latest"] *,
body.category .tvs-series-panel [class*="series-item"] * {

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow: none !important;
}

body.category .tvs-series-panel [class*="episode"] small,
body.category .tvs-series-panel [class*="latest"] small {

    color: #ff315f !important;
    -webkit-text-fill-color: #ff315f !important;
}

body.category .tvs-series-panel a,
body.category .tvs-series-panel a:visited {

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow: none !important;
}

body.category .tvs-series-panel a:hover,
body.category .tvs-series-panel a:hover *,
body.category .tvs-series-panel a:focus,
body.category .tvs-series-panel a:focus * {

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;

    opacity: 1 !important;
}

body.category
.tvs-series-panel
.tvs-premium-breadcrumb a:hover {

    color: #ff315f !important;
    -webkit-text-fill-color: #ff315f !important;
}

@media (max-width: 640px) {

    body.category .tvs-series-panel h1,
    body.category .tvs-series-panel .tvs-premium-heading {

        font-size: 24px !important;
        line-height: 1.15 !important;
    }

    body.category .tvs-series-panel .tvs-premium-subtitle,
    body.category .tvs-series-panel .tvs-series-description,
    body.category .tvs-series-panel .tvs-series-desc {

        font-size: 11px !important;
        line-height: 1.5 !important;

        padding-left: 5px !important;
        padding-right: 5px !important;
    }

}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-button,

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-button .tvs-button-name {

    text-transform: uppercase !important;

    letter-spacing: .15px !important;

    font-weight: 800 !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-heading,

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-heading span {

    text-transform: uppercase !important;
}

body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-breadcrumb,
body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-premium-breadcrumb a,
body.category
.tvs-premium-wrap:not(.tvs-channel-directory)
.tvs-breadcrumb-current {

    text-transform: uppercase !important;
}

body.category
.tvs-series-panel
.tvs-premium-heading,

body.category
.tvs-series-panel
.tvs-premium-heading span,

body.category
.tvs-series-panel
.tvs-series-title {

    text-transform: uppercase !important;
}

body.category
.tvs-series-panel
[class*="label"],

body.category
.tvs-series-panel
[class*="meta"] small,

body.category
.tvs-series-panel
[class*="info"] small {

    text-transform: uppercase !important;

    letter-spacing: .8px !important;
}

body.category
.tvs-series-panel
[class*="episode"],

body.category
.tvs-series-panel
[class*="episode"] *,

body.category
.tvs-series-panel
[class*="latest"],

body.category
.tvs-series-panel
[class*="latest"] * {

    text-transform: uppercase !important;
}

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

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel) {

        position: relative !important;

        left: 50% !important;

        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;

        margin:
            14px 0 22px !important;

        padding:
            18px 10px 20px !important;

        transform:
            translateX(-50%) !important;

        border-radius:
            16px !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel)
    .tvs-premium-heading {

        font-size:
            20px !important;

        line-height:
            1.15 !important;

        text-align:
            center !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel)
    .tvs-premium-subtitle {

        font-size:
            10px !important;

        text-align:
            center !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel)
    .tvs-premium-buttons {

        display:
            flex !important;

        flex-wrap:
            wrap !important;

        justify-content:
            flex-start !important;

        align-items:
            center !important;

        gap:
            6px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel)
    .tvs-premium-button {

        flex:
            0 0 auto !important;

        width:
            auto !important;

        max-width:
            calc(100vw - 26px) !important;

        min-height:
            31px !important;

        margin:
            0 !important;

        padding:
            6px 8px !important;

        border-radius:
            7px !important;

        font-size:
            9.5px !important;

        line-height:
            1.12 !important;

        text-transform:
            uppercase !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel)
    .tvs-button-name {

        font-size:
            inherit !important;

        line-height:
            inherit !important;

        white-space:
            normal !important;

        text-transform:
            uppercase !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel)
    .tvs-button-dot {

        width:
            5px !important;

        height:
            5px !important;

        margin-right:
            5px !important;
    }

    body.category
    .tvs-series-panel {

        position:
            relative !important;

        left:
            50% !important;

        width:
            calc(100vw - 12px) !important;

        max-width:
            calc(100vw - 12px) !important;

        margin:
            14px 0 22px !important;

        padding:
            16px 10px 18px !important;

        transform:
            translateX(-50%) !important;

        border-radius:
            16px !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading {

        font-size:
            22px !important;

        line-height:
            1.15 !important;

        text-align:
            center !important;

        text-transform:
            uppercase !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-subtitle {

        max-width:
            96% !important;

        margin:
            6px auto 0 !important;

        font-size:
            10px !important;

        line-height:
            1.45 !important;

        text-align:
            center !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb {

        justify-content:
            center !important;

        text-align:
            center !important;

        font-size:
            8px !important;

        line-height:
            1.35 !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"],

    body.category
    .tvs-series-panel
    [class*="info"] {

        justify-content:
            center !important;

        text-align:
            center !important;
    }

    body.category
    .tvs-series-panel
    a[class*="episode"],

    body.category
    .tvs-series-panel
    a[class*="latest"],

    body.category
    .tvs-series-panel
    a[class*="series-item"] {

        width:
            100% !important;

        min-height:
            48px !important;

        padding:
            9px 10px !important;

        font-size:
            10px !important;

        line-height:
            1.25 !important;

        text-transform:
            uppercase !important;

        box-sizing:
            border-box !important;
    }

}

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

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel),

    body.category
    .tvs-series-panel {

        width:
            calc(100vw - 8px) !important;

        max-width:
            calc(100vw - 8px) !important;

        padding-left:
            7px !important;

        padding-right:
            7px !important;
    }

    body.category
    .tvs-premium-wrap:not(.tvs-channel-directory):not(.tvs-series-panel)
    .tvs-premium-button {

        padding:
            5px 7px !important;

        font-size:
            9px !important;
    }

}

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

    body.category
    .tvs-series-panel {

        position: relative !important;

        left: 50% !important;
        right: auto !important;

        width: calc(100vw - 10px) !important;
        max-width: calc(100vw - 10px) !important;
        min-width: 0 !important;

        margin:
            14px 0 22px !important;

        padding:
            15px 9px 17px !important;

        transform:
            translateX(-50%) !important;

        box-sizing:
            border-box !important;

        border-radius:
            16px !important;

        overflow:
            visible !important;
    }

    body.category
    .tvs-series-panel,

    body.category
    .tvs-series-panel > * {

        min-height:
            0 !important;

        height:
            auto !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb {

        display:
            flex !important;

        flex-wrap:
            wrap !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            3px 5px !important;

        width:
            100% !important;

        margin:
            0 auto 10px !important;

        padding:
            0 3px !important;

        font-size:
            8px !important;

        line-height:
            1.35 !important;

        text-align:
            center !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-eyebrow {

        display:
            inline-flex !important;

        width:
            auto !important;

        max-width:
            calc(100% - 12px) !important;

        margin:
            0 auto 10px !important;

        padding:
            6px 10px !important;

        font-size:
            7px !important;

        letter-spacing:
            1px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-eyebrow {

        position:
            relative !important;

        left:
            50% !important;

        transform:
            translateX(-50%) !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading,

    body.category
    .tvs-series-panel
    .tvs-series-title {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        padding:
            0 4px !important;

        color:
            #111827 !important;

        -webkit-text-fill-color:
            #111827 !important;

        font-size:
            22px !important;

        line-height:
            1.1 !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

        text-transform:
            uppercase !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading span {

        color:
            #111827 !important;

        -webkit-text-fill-color:
            #111827 !important;

        background:
            none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-subtitle,

    body.category
    .tvs-series-panel
    .tvs-series-description,

    body.category
    .tvs-series-panel
    .tvs-series-desc {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            6px auto 10px !important;

        padding:
            0 6px !important;

        color:
            #687080 !important;

        -webkit-text-fill-color:
            #687080 !important;

        font-size:
            10px !important;

        line-height:
            1.45 !important;

        text-align:
            center !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"],

    body.category
    .tvs-series-panel
    [class*="info"] {

        display:
            flex !important;

        flex-wrap:
            wrap !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            10px 22px !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            8px auto 12px !important;

        padding:
            0 !important;

        text-align:
            center !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"] *,

    body.category
    .tvs-series-panel
    [class*="info"] * {

        color:
            #111827 !important;

        -webkit-text-fill-color:
            #111827 !important;

        opacity:
            1 !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-divider {

        margin:
            8px auto 12px !important;
    }

    body.category
    .tvs-series-panel
    [class*="episodes"],

    body.category
    .tvs-series-panel
    [class*="episode-list"],

    body.category
    .tvs-series-panel
    [class*="latest-list"],

    body.category
    .tvs-series-panel
    [class*="series-list"] {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    a[class*="episode"],

    body.category
    .tvs-series-panel
    a[class*="latest"],

    body.category
    .tvs-series-panel
    a[class*="series-item"] {

        display:
            flex !important;

        align-items:
            center !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            48px !important;

        margin:
            6px 0 0 !important;

        padding:
            9px 10px !important;

        box-sizing:
            border-box !important;

        border-radius:
            9px !important;

        color:
            #111827 !important;

        -webkit-text-fill-color:
            #111827 !important;

        font-size:
            9.5px !important;

        line-height:
            1.3 !important;

        text-transform:
            uppercase !important;

        white-space:
            normal !important;

        overflow:
            visible !important;
    }

    body.category
    .tvs-series-panel
    a[class*="episode"] *,

    body.category
    .tvs-series-panel
    a[class*="latest"] *,

    body.category
    .tvs-series-panel
    a[class*="series-item"] * {

        max-width:
            100% !important;

        color:
            #111827 !important;

        -webkit-text-fill-color:
            #111827 !important;

        white-space:
            normal !important;

        overflow:
            visible !important;

        text-overflow:
            clip !important;

        opacity:
            1 !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading,

    body.category
    .tvs-series-panel
    .tvs-premium-subtitle,

    body.category
    .tvs-series-panel
    [class*="meta"],

    body.category
    .tvs-series-panel
    [class*="info"],

    body.category
    .tvs-series-panel
    [class*="episode"] {

        left:
            auto !important;

        right:
            auto !important;

        transform:
            none !important;
    }

}

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

    body.category
    .tvs-series-panel {

        width:
            calc(100vw - 6px) !important;

        max-width:
            calc(100vw - 6px) !important;

        padding-left:
            6px !important;

        padding-right:
            6px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading {

        font-size:
            20px !important;
    }

    body.category
    .tvs-series-panel
    a[class*="episode"],

    body.category
    .tvs-series-panel
    a[class*="latest"],

    body.category
    .tvs-series-panel
    a[class*="series-item"] {

        padding:
            8px !important;

        font-size:
            9px !important;
    }

}

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

    body.category .tvs-series-panel {

        position: relative !important;

        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 0 !important;

        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 16px 0 22px !important;

        padding: 18px 10px 20px !important;

        transform: translateX(-50%) !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }

    body.category
    .tvs-series-panel > * {

        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        float: none !important;

        min-height: 0 !important;
        height: auto !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel,

    body.category
    .tvs-series-panel p,

    body.category
    .tvs-series-panel h1,

    body.category
    .tvs-series-panel h2,

    body.category
    .tvs-series-panel h3,

    body.category
    .tvs-series-panel h4,

    body.category
    .tvs-series-panel strong,

    body.category
    .tvs-series-panel b,

    body.category
    .tvs-series-panel small,

    body.category
    .tvs-series-panel span {

        color: #151922 !important;

        -webkit-text-fill-color: #151922 !important;

        opacity: 1 !important;

        visibility: visible !important;

        text-shadow: none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb {

        display: flex !important;

        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 3px 5px !important;

        width: 100% !important;

        margin: 0 auto 12px !important;
        padding: 0 3px !important;

        font-size: 8px !important;
        line-height: 1.4 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb a {

        color: #596171 !important;
        -webkit-text-fill-color: #596171 !important;

        background: none !important;

        text-decoration: none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-breadcrumb-arrow {

        color: #9ca3af !important;
        -webkit-text-fill-color: #9ca3af !important;
    }

    body.category
    .tvs-series-panel
    .tvs-breadcrumb-current {

        color: #ff315f !important;
        -webkit-text-fill-color: #ff315f !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-eyebrow {

        position: relative !important;

        left: auto !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;

        margin: 0 auto 12px !important;

        padding: 6px 12px !important;

        transform: none !important;

        color: #ff315f !important;
        -webkit-text-fill-color: #ff315f !important;

        font-size: 8px !important;
        line-height: 1 !important;

        letter-spacing: 1.2px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-eyebrow * {

        color: #ff315f !important;
        -webkit-text-fill-color: #ff315f !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-pulse {

        background: #ff315f !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading {

        position: relative !important;

        width: 100% !important;

        margin: 0 auto 7px !important;

        padding: 0 4px !important;

        color: #151922 !important;
        -webkit-text-fill-color: #151922 !important;

        background: none !important;

        font-size: 24px !important;
        line-height: 1.12 !important;

        font-weight: 900 !important;

        text-align: center !important;

        box-sizing: border-box !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading span {

        color: #151922 !important;
        -webkit-text-fill-color: #151922 !important;

        background: none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-subtitle {

        display: block !important;

        width: 100% !important;
        max-width: 420px !important;

        margin: 0 auto 14px !important;

        padding: 0 5px !important;

        color: #6b7280 !important;
        -webkit-text-fill-color: #6b7280 !important;

        font-size: 11px !important;
        line-height: 1.5 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-subtitle * {

        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-divider {

        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 auto 12px !important;
        padding: 0 !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"],

    body.category
    .tvs-series-panel
    [class*="info"] {

        position: relative !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: flex-start !important;

        gap: 10px 28px !important;

        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 auto 16px !important;

        padding: 0 !important;

        text-align: center !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"] > *,

    body.category
    .tvs-series-panel
    [class*="info"] > * {

        position: relative !important;

        display: block !important;

        width: auto !important;

        min-width: 70px !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    [class*="label"],

    body.category
    .tvs-series-panel
    [class*="meta"] small,

    body.category
    .tvs-series-panel
    [class*="info"] small {

        color: #687080 !important;
        -webkit-text-fill-color: #687080 !important;

        font-size: 7px !important;

        font-weight: 900 !important;

        letter-spacing: 1.2px !important;

        text-transform: uppercase !important;
    }

    body.category
    .tvs-series-panel
    [class*="latest"],

    body.category
    .tvs-series-panel
    [class*="episode"] {

        min-height: 0 !important;

        opacity: 1 !important;

        visibility: visible !important;
    }

    body.category
    .tvs-series-panel
    [class*="latest-wrap"],

    body.category
    .tvs-series-panel
    [class*="episode-wrap"],

    body.category
    .tvs-series-panel
    [class*="episodes"] {

        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    body.category
    .tvs-series-panel
    a[class*="latest"],

    body.category
    .tvs-series-panel
    a[class*="episode"],

    body.category
    .tvs-series-panel
    a[class*="series"] {

        position: relative !important;

        display: flex !important;

        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 48px !important;
        height: auto !important;

        margin: 0 !important;

        padding: 9px 10px !important;

        box-sizing: border-box !important;

        color: #151922 !important;
        -webkit-text-fill-color: #151922 !important;

        font-size: 10px !important;
        line-height: 1.3 !important;

        white-space: normal !important;

        opacity: 1 !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    a[class*="latest"] *,

    body.category
    .tvs-series-panel
    a[class*="episode"] *,

    body.category
    .tvs-series-panel
    a[class*="series"] * {

        color: #151922 !important;
        -webkit-text-fill-color: #151922 !important;

        opacity: 1 !important;
        visibility: visible !important;

        white-space: normal !important;

        text-shadow: none !important;
    }

    body.category
    .tvs-series-panel
    div {

        max-height: none !important;
    }

}

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

    body.category .tvs-series-panel {

        width: calc(100vw - 6px) !important;
        max-width: calc(100vw - 6px) !important;

        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading {

        font-size: 21px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-subtitle {

        font-size: 10px !important;
    }

}

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

    body.category .tvs-series-panel {

        position: relative !important;

        left: 50% !important;

        width: calc(100vw - 10px) !important;
        max-width: calc(100vw - 10px) !important;

        margin: 14px 0 20px !important;
        padding: 16px 9px 18px !important;

        transform: translateX(-50%) !important;

        box-sizing: border-box !important;

        min-height: 0 !important;
        height: auto !important;

        overflow: visible !important;
    }

    body.category
    .tvs-series-panel > * {

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;

        min-height: 0 !important;
        height: auto !important;
    }

    body.category
    .tvs-series-panel
    > div,

    body.category
    .tvs-series-panel
    > section {

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        box-sizing: border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb {

        display: flex !important;

        flex-wrap: wrap !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 3px 5px !important;

        width: 100% !important;

        margin: 0 auto 11px !important;

        font-size: 8px !important;

        line-height: 1.35 !important;

        text-align: center !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-eyebrow {

        position: static !important;

        display: flex !important;

        width: fit-content !important;
        max-width: 90% !important;

        margin: 0 auto 12px !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-heading {

        width: 100% !important;

        margin: 0 auto 7px !important;

        padding: 0 !important;

        color: #151922 !important;

        -webkit-text-fill-color: #151922 !important;

        font-size: 22px !important;

        line-height: 1.12 !important;

        font-weight: 900 !important;

        text-align: center !important;

        text-transform: uppercase !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-subtitle {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto 14px !important;

        padding: 0 5px !important;

        color: #6b7280 !important;

        -webkit-text-fill-color: #6b7280 !important;

        font-size: 10.5px !important;

        line-height: 1.45 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"],

    body.category
    .tvs-series-panel
    [class*="info"] {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        column-gap: 16px !important;
        row-gap: 0 !important;

        width: 100% !important;
        max-width: 300px !important;

        margin: 0 auto 16px !important;

        padding: 0 !important;

        text-align: center !important;

        min-height: 0 !important;
        height: auto !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"] > *,

    body.category
    .tvs-series-panel
    [class*="info"] > * {

        position: static !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"] small,

    body.category
    .tvs-series-panel
    [class*="info"] small,

    body.category
    .tvs-series-panel
    [class*="label"] {

        display: block !important;

        margin: 0 0 3px !important;

        color: #4b5563 !important;

        -webkit-text-fill-color: #4b5563 !important;

        font-size: 7px !important;

        line-height: 1 !important;

        font-weight: 900 !important;

        letter-spacing: 1.1px !important;

        text-transform: uppercase !important;
    }

    body.category
    .tvs-series-panel
    [class*="meta"] strong,

    body.category
    .tvs-series-panel
    [class*="info"] strong,

    body.category
    .tvs-series-panel
    [class*="meta"] b,

    body.category
    .tvs-series-panel
    [class*="info"] b {

        color: #151922 !important;

        -webkit-text-fill-color: #151922 !important;

        font-size: 11px !important;

        line-height: 1.2 !important;

        font-weight: 800 !important;
    }

    body.category
    .tvs-series-panel
    [class*="latest"] {

        box-sizing: border-box !important;
    }

    body.category
    .tvs-series-panel
    div[class*="latest"],

    body.category
    .tvs-series-panel
    div[class*="episode"] {

        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.category
    .tvs-series-panel
    a[class*="latest"],

    body.category
    .tvs-series-panel
    a[class*="episode"],

    body.category
    .tvs-series-panel
    a[class*="series"] {

        position: static !important;

        display: flex !important;

        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        min-height: 48px !important;
        height: auto !important;

        margin: 0 !important;

        padding: 9px 10px !important;

        box-sizing: border-box !important;

        color: #151922 !important;

        -webkit-text-fill-color: #151922 !important;

        font-size: 10px !important;

        line-height: 1.28 !important;

        text-transform: uppercase !important;

        white-space: normal !important;

        transform: none !important;
    }

    body.category
    .tvs-series-panel
    a[class*="latest"] *,

    body.category
    .tvs-series-panel
    a[class*="episode"] *,

    body.category
    .tvs-series-panel
    a[class*="series"] * {

        color: #151922 !important;

        -webkit-text-fill-color: #151922 !important;

        white-space: normal !important;

        overflow: visible !important;

        text-overflow: clip !important;

        opacity: 1 !important;

        visibility: visible !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-divider {

        min-height: 0 !important;
        height: auto !important;

        margin: 6px auto 10px !important;
    }

    body.category
    .tvs-series-panel br {

        line-height: 0 !important;
    }

}

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

    body.category .tvs-series-panel {

        width: calc(100vw - 6px) !important;
        max-width: calc(100vw - 6px) !important;

        padding-left: 6px !important;
        padding-right: 6px !important;
    }

}

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

    body.category .tvs-premium-wrap.tvs-series-panel {
        width: calc(100% - 28px) !important;
        max-width: 520px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 34px 18px 28px !important;

        box-sizing: border-box !important;

        display: block !important;

        text-align: center !important;

        overflow: hidden !important;
    }

    body.category .tvs-series-panel > * {
        box-sizing: border-box !important;
    }

    body.category .tvs-series-panel .tvs-premium-breadcrumb {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto 22px !important;

        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 5px 7px !important;

        text-align: center !important;

        line-height: 1.55 !important;
    }

    body.category .tvs-series-panel .tvs-premium-breadcrumb a,
    body.category .tvs-series-panel .tvs-premium-breadcrumb span {
        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: inline !important;

        white-space: normal !important;

        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    body.category .tvs-series-panel .tvs-breadcrumb-arrow {
        flex: 0 0 auto !important;
    }

    body.category .tvs-series-panel .tvs-premium-eyebrow {
        width: fit-content !important;
        max-width: calc(100% - 10px) !important;

        margin: 0 auto 24px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 9px 18px !important;

        white-space: nowrap !important;
    }

    body.category .tvs-series-panel .tvs-premium-pulse {
        flex: 0 0 auto !important;
    }

    body.category .tvs-series-panel .tvs-series-name {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto 18px !important;
        padding: 0 !important;

        display: block !important;

        text-align: center !important;

        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    body.category .tvs-series-panel .tvs-series-name-link {
        width: auto !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        display: inline !important;

        font-size: inherit !important;
        line-height: inherit !important;

        text-align: center !important;
        white-space: normal !important;

        color: #151927 !important;
    }

    body.category .tvs-series-panel .tvs-series-description {
        width: 100% !important;
        max-width: 390px !important;

        margin: 0 auto 26px !important;
        padding: 0 !important;

        display: block !important;

        text-align: center !important;

        font-size: 15px !important;
        line-height: 1.55 !important;

        white-space: normal !important;
    }

    body.category .tvs-series-panel .tvs-series-description a {
        display: inline !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: normal !important;
    }

    body.category .tvs-series-panel .tvs-series-meta {
        width: 100% !important;
        max-width: 360px !important;

        margin: 0 auto 28px !important;
        padding: 0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        column-gap: 20px !important;
        row-gap: 0 !important;

        align-items: start !important;
        justify-items: stretch !important;
    }

    body.category .tvs-series-panel .tvs-meta-separator {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.category .tvs-series-panel .tvs-meta-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 4px 2px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 6px !important;

        text-align: center !important;

        position: static !important;
        float: none !important;

        transform: none !important;
    }

    body.category .tvs-series-panel .tvs-meta-label {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        font-size: 10px !important;
        line-height: 1.2 !important;

        letter-spacing: 2px !important;

        white-space: nowrap !important;
    }

    body.category .tvs-series-panel .tvs-meta-value {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        font-size: 15px !important;
        line-height: 1.3 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    body.category .tvs-series-panel .tvs-latest-premium {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 auto !important;
        padding: 16px !important;

        box-sizing: border-box !important;

        display: grid !important;

        grid-template-columns:
            46px
            minmax(0, 1fr)
            28px !important;

        gap: 12px !important;

        align-items: center !important;

        position: relative !important;

        float: none !important;
        transform: none !important;

        overflow: hidden !important;
    }

    body.category .tvs-series-panel .tvs-latest-icon {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        border-radius: 50% !important;

        box-sizing: border-box !important;
    }

    body.category .tvs-series-panel .tvs-latest-icon span {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        min-height: 12px !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        transform: none !important;
    }

    body.category .tvs-series-panel .tvs-latest-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        text-align: left !important;

        position: static !important;
        float: none !important;

        transform: none !important;

        overflow: visible !important;
    }

    body.category .tvs-series-panel .tvs-latest-small {
        width: 100% !important;

        margin: 0 0 7px !important;
        padding: 0 !important;

        display: block !important;

        text-align: left !important;

        font-size: 9px !important;
        line-height: 1.2 !important;

        letter-spacing: 1.7px !important;

        white-space: nowrap !important;
    }

    body.category .tvs-series-panel .tvs-latest-title,
    body.category .tvs-series-panel a.tvs-latest-title {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        display: block !important;

        box-sizing: border-box !important;

        text-align: left !important;

        font-size: 13px !important;
        line-height: 1.45 !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;

        position: static !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        float: none !important;
    }

    body.category .tvs-series-panel .tvs-latest-arrow {
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        font-size: 23px !important;
        line-height: 1 !important;
    }

}

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

    body.category .tvs-premium-wrap.tvs-series-panel {
        width: calc(100% - 20px) !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.category .tvs-series-panel .tvs-series-name {
        font-size: 23px !important;
    }

    body.category .tvs-series-panel .tvs-series-description {
        font-size: 14px !important;
    }

    body.category .tvs-series-panel .tvs-series-meta {
        column-gap: 10px !important;
    }

    body.category .tvs-series-panel .tvs-latest-premium {
        padding: 13px !important;

        grid-template-columns:
            40px
            minmax(0, 1fr)
            22px !important;

        gap: 9px !important;
    }

    body.category .tvs-series-panel .tvs-latest-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    }

    body.category .tvs-series-panel .tvs-latest-title,
    body.category .tvs-series-panel a.tvs-latest-title {
        padding: 11px !important;

        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    body.category .tvs-series-panel .tvs-latest-arrow {
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;

        font-size: 20px !important;
    }

}

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

    body.category .tvs-premium-wrap.tvs-series-panel {

        position: relative !important;

        left: 50% !important;
        right: auto !important;

        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        min-width: 0 !important;

        margin:
            18px 0 24px !important;

        padding:
            22px 14px 20px !important;

        transform:
            translateX(-50%) !important;

        box-sizing:
            border-box !important;

        overflow:
            hidden !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb {

        display: flex !important;

        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 3px 6px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin:
            0 auto 14px !important;

        padding:
            0 !important;

        text-align:
            center !important;

        font-size:
            9px !important;

        line-height:
            1.45 !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb a,

    body.category
    .tvs-series-panel
    .tvs-premium-breadcrumb span {

        width:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        white-space:
            normal !important;
    }

    body.category
    .tvs-series-panel
    .tvs-premium-eyebrow {

        position:
            static !important;

        display:
            inline-flex !important;

        width:
            auto !important;

        margin:
            0 auto 17px !important;

        padding:
            7px 13px !important;

        transform:
            none !important;
    }

    body.category
    .tvs-series-panel {

        text-align:
            center !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-name {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto 10px !important;

        padding:
            0 !important;

        text-align:
            center !important;

        font-size:
            23px !important;

        line-height:
            1.15 !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-name-link {

        display:
            inline !important;

        width:
            auto !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #151922 !important;

        -webkit-text-fill-color:
            #151922 !important;

        font-size:
            inherit !important;

        line-height:
            inherit !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

        text-transform:
            uppercase !important;

        white-space:
            normal !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-description {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            520px !important;

        margin:
            0 auto 20px !important;

        padding:
            0 4px !important;

        box-sizing:
            border-box !important;

        color:
            #69707d !important;

        -webkit-text-fill-color:
            #69707d !important;

        font-size:
            13px !important;

        line-height:
            1.5 !important;

        text-align:
            center !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-description
    .tvs-inline-link {

        display:
            inline !important;

        width:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        white-space:
            normal !important;

        color:
            #151922 !important;

        -webkit-text-fill-color:
            #151922 !important;

        font-weight:
            800 !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-meta {

        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        width:
            100% !important;

        max-width:
            420px !important;

        column-gap:
            16px !important;

        row-gap:
            0 !important;

        margin:
            0 auto 20px !important;

        padding:
            0 !important;

        align-items:
            start !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-separator {

        display:
            none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-item {

        position:
            static !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        width:
            100% !important;

        min-width:
            0 !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            5px !important;

        gap:
            4px !important;

        transform:
            none !important;

        text-align:
            center !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-label {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        color:
            #515866 !important;

        -webkit-text-fill-color:
            #515866 !important;

        font-size:
            8px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            1.6px !important;

        text-align:
            center !important;

        white-space:
            nowrap !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-value {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        color:
            #151922 !important;

        -webkit-text-fill-color:
            #151922 !important;

        font-size:
            14px !important;

        line-height:
            1.2 !important;

        font-weight:
            800 !important;

        text-align:
            center !important;

        white-space:
            normal !important;
    }

    body.category
    .tvs-series-panel
    .tvs-latest-premium {

        position:
            static !important;

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            13px !important;

        box-sizing:
            border-box !important;

        text-align:
            left !important;

        transform:
            none !important;

        overflow:
            hidden !important;
    }

    body.category
    .tvs-series-panel
    .tvs-latest-icon,

    body.category
    .tvs-series-panel
    .tvs-latest-arrow {

        display:
            none !important;
    }

    body.category
    .tvs-series-panel
    .tvs-latest-content {

        position:
            static !important;

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        transform:
            none !important;

        text-align:
            left !important;

        box-sizing:
            border-box !important;
    }

    body.category
    .tvs-series-panel
    .tvs-latest-small {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 0 7px !important;

        padding:
            0 !important;

        color:
            #151922 !important;

        -webkit-text-fill-color:
            #151922 !important;

        font-size:
            8px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            1.5px !important;

        text-align:
            left !important;
    }

    body.category
    .tvs-series-panel
    .tvs-latest-title,

    body.category
    .tvs-series-panel
    a.tvs-latest-title {

        position:
            static !important;

        display:
            block !important;

        float:
            none !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            11px 12px !important;

        box-sizing:
            border-box !important;

        transform:
            none !important;

        color:
            #151922 !important;

        -webkit-text-fill-color:
            #151922 !important;

        font-size:
            12px !important;

        line-height:
            1.45 !important;

        font-weight:
            800 !important;

        text-align:
            left !important;

        text-transform:
            uppercase !important;

        white-space:
            normal !important;

        word-break:
            normal !important;

        overflow-wrap:
            anywhere !important;

        text-overflow:
            clip !important;

        overflow:
            visible !important;
    }

}

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

    body.category
    .tvs-premium-wrap.tvs-series-panel {

        width:
            calc(100vw - 10px) !important;

        max-width:
            calc(100vw - 10px) !important;

        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-name {

        font-size:
            20px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-description {

        font-size:
            12px !important;
    }

}

body.category
.tvs-series-panel
.tvs-series-name {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin:
        0 auto 13px !important;

    padding:
        0 !important;

    text-align:
        center !important;
}

body.category
.tvs-series-panel
.tvs-series-name-link,

body.category
.tvs-series-panel
.tvs-series-name-link:link,

body.category
.tvs-series-panel
.tvs-series-name-link:visited {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    max-width:
        100% !important;

    min-height:
        38px !important;

    margin:
        0 auto !important;

    padding:
        8px 22px 9px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            105deg,
            #ffdce5 0%,
            #f9d6e9 34%,
            #ebd3f8 68%,
            #d9c2fa 100%
        ) !important;

    color:
        #151922 !important;

    -webkit-text-fill-color:
        #151922 !important;

    font-size:
        20px !important;

    line-height:
        1.1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        .35px !important;

    text-align:
        center !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    white-space:
        normal !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 5px 14px rgba(180,70,215,.08) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

body.category
.tvs-series-panel
.tvs-series-name-link:hover,

body.category
.tvs-series-panel
.tvs-series-name-link:focus-visible {

    color:
        #151922 !important;

    -webkit-text-fill-color:
        #151922 !important;

    text-decoration:
        none !important;

    filter:
        brightness(.99) saturate(1.07) !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90),
        0 8px 18px rgba(177,64,215,.12) !important;
}

body.category
.tvs-series-panel
.tvs-series-meta {

    display:
        grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    align-items:
        stretch !important;

    justify-content:
        center !important;

    gap:
        14px !important;

    width:
        100% !important;

    max-width:
        510px !important;

    margin:
        18px auto 24px !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;
}

body.category
.tvs-series-panel
.tvs-meta-separator {

    display:
        none !important;
}

body.category
.tvs-series-panel
.tvs-meta-item,

body.category
.tvs-series-panel
a.tvs-meta-item {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    gap:
        6px !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        74px !important;

    margin:
        0 !important;

    padding:
        14px 18px !important;

    box-sizing:
        border-box !important;

    border:
        1.4px solid transparent !important;

    border-radius:
        14px !important;

    background:
        linear-gradient(
            #ffffff,
            #ffffff
        ) padding-box,

        linear-gradient(
            110deg,
            #ff315f 0%,
            #ff7598 48%,
            #b735ff 100%
        ) border-box !important;

    box-shadow:
        0 6px 16px rgba(20,25,40,.04) !important;

    text-align:
        left !important;

    text-decoration:
        none !important;

    transform:
        none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

body.category
.tvs-series-panel
.tvs-meta-item::before {

    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 !important;

    z-index:
        0 !important;

    border-radius:
        inherit !important;

    background:
        linear-gradient(
            110deg,
            rgba(255,49,95,.035),
            rgba(183,53,255,.025)
        ) !important;

    pointer-events:
        none !important;
}

body.category
.tvs-series-panel
.tvs-meta-label,

body.category
.tvs-series-panel
.tvs-meta-value {

    position:
        relative !important;

    z-index:
        1 !important;
}

body.category
.tvs-series-panel
.tvs-meta-label {

    display:
        block !important;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #ff315f !important;

    -webkit-text-fill-color:
        #ff315f !important;

    font-size:
        9px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        1.6px !important;

    text-align:
        left !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;
}

body.category
.tvs-series-panel
.tvs-meta-value {

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #151922 !important;

    -webkit-text-fill-color:
        #151922 !important;

    font-size:
        16px !important;

    line-height:
        1.2 !important;

    font-weight:
        900 !important;

    letter-spacing:
        .15px !important;

    text-align:
        left !important;

    text-transform:
        uppercase !important;

    white-space:
        normal !important;
}

body.category
.tvs-series-panel
a.tvs-meta-item:hover,

body.category
.tvs-series-panel
a.tvs-meta-item:focus-visible {

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 9px 20px rgba(177,55,230,.09) !important;

    text-decoration:
        none !important;
}

body.category
.tvs-series-panel
a.tvs-meta-item:hover
.tvs-meta-value,

body.category
.tvs-series-panel
a.tvs-meta-item:focus-visible
.tvs-meta-value {

    color:
        #151922 !important;

    -webkit-text-fill-color:
        #151922 !important;
}

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

    body.category
    .tvs-series-panel
    .tvs-series-name {

        margin:
            0 auto 12px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-name-link {

        width:
            auto !important;

        max-width:
            calc(100% - 8px) !important;

        min-height:
            34px !important;

        padding:
            7px 15px 8px !important;

        font-size:
            15px !important;

        line-height:
            1.15 !important;

        letter-spacing:
            .25px !important;

        text-transform:
            uppercase !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-meta {

        display:
            grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        gap:
            8px !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            16px auto 20px !important;

        padding:
            0 !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-item,

    body.category
    .tvs-series-panel
    a.tvs-meta-item {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            5px !important;

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            68px !important;

        margin:
            0 !important;

        padding:
            10px 6px !important;

        border-radius:
            11px !important;

        text-align:
            center !important;

        overflow:
            hidden !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-label {

        width:
            100% !important;

        font-size:
            7px !important;

        letter-spacing:
            1.2px !important;

        text-align:
            center !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-value {

        width:
            100% !important;

        font-size:
            12px !important;

        line-height:
            1.15 !important;

        text-align:
            center !important;

        text-transform:
            uppercase !important;

        white-space:
            normal !important;

        overflow-wrap:
            break-word !important;
    }

}

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

    body.category
    .tvs-series-panel
    .tvs-series-meta {

        gap:
            6px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-item,

    body.category
    .tvs-series-panel
    a.tvs-meta-item {

        min-height:
            62px !important;

        padding:
            8px 4px !important;

        border-radius:
            9px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-meta-value {

        font-size:
            11px !important;
    }

    body.category
    .tvs-series-panel
    .tvs-series-name-link {

        padding:
            7px 12px !important;

        font-size:
            14px !important;
    }

}

body.home .home.ban-1:has(.widget_search) {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.home .home.ban-1 > aside.widget_search,
body.home .home.ban-1 > .widget_search,
body.home .home.ban-1 .header-widget.widget_search {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

body.home .home.ban-1 .widget_search {
    padding: 0 !important;
}


/* SKYTAMIL HOMEPAGE SEARCH - FINAL CLEAN SHELL
   Remove legacy outer widget/container decoration.
   The actual search form remains untouched.
   ================================================== */

body.home .home.ban-1:has(.widget_search),
body.home .home.ban-1 > aside.widget_search,
body.home .home.ban-1 > .widget_search,
body.home .home.ban-1 .header-widget.widget_search,
body.home .home.ban-1 .widget_search {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    background: transparent !important;
    background-image: none !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove legacy pseudo-element lines if present. */
body.home .home.ban-1:has(.widget_search)::before,
body.home .home.ban-1:has(.widget_search)::after,
body.home .home.ban-1 .widget_search::before,
body.home .home.ban-1 .widget_search::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Specifically kill inherited blue/gray separator lines. */
body.home .home.ban-1:has(.widget_search) {
    border-color: transparent !important;
}

/* Keep reasonable breathing room around only the real search form. */
body.home .home.ban-1 .widget_search form,
body.home .home.ban-1 .widget_search .search-form {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}


/* SKYTAMIL HOMEPAGE SEARCH SHELL - EXACT */
body.home .skytamil-home-search-shell,
body.home .skytamil-home-search-shell > .widget,
body.home .skytamil-home-search-shell > aside,
body.home .skytamil-home-search-shell .widget_search {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
}

body.home .skytamil-home-search-shell::before,
body.home .skytamil-home-search-shell::after,
body.home .skytamil-home-search-shell > .widget::before,
body.home .skytamil-home-search-shell > .widget::after,
body.home .skytamil-home-search-shell > aside::before,
body.home .skytamil-home-search-shell > aside::after {
    content: none !important;
    display: none !important;
}


/* SKYTAMIL HOMEPAGE - REMOVE EMPTY LEGACY PAGE HEADER */
body.home #primary.content-archive > #main.site-main > .page-header {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}



/* =========================================================
   SKYTAMIL GLOBAL EPISODE BADGE DESIGN
   Homepage / Archive / Search / Related / Content images
   ========================================================= */

/*
 * Thumbnail/link containers need a positioning context.
 * This does not alter their existing dimensions.
 */
#homepage-posts .post-four-column article > a:first-of-type,
.skytamil-related-image,
.skytamil-content-episode-media {
    position: relative !important;
}


/* ---------------------------------------------------------
   MAIN AUTOMATIC BADGE
   --------------------------------------------------------- */

.skytamil-episode-badge {
    position: absolute !important;
    z-index: 8 !important;

    top: clamp(6px, 1.2vw, 10px) !important;
    right: clamp(6px, 1.2vw, 10px) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 12px) !important;

    margin: 0 !important;

    padding:
        clamp(4px, .65vw, 6px)
        clamp(7px, 1vw, 11px) !important;

    border:
        1px solid
        rgba(255,255,255,.88) !important;

    border-radius:
        clamp(7px, 1vw, 10px) !important;

    background:
        linear-gradient(
            135deg,
            #ff1744 0%,
            #d90929 100%
        ) !important;

    box-shadow:
        0 3px 9px rgba(80,0,15,.22),
        inset 0 1px 0 rgba(255,255,255,.22)
        !important;

    color: #fff !important;

    font-family:
        inherit !important;

    font-size:
        clamp(8px, .9vw, 11px) !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    letter-spacing:
        .25px !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;

    pointer-events:
        none !important;

    box-sizing:
        border-box !important;
}


/* ---------------------------------------------------------
   HOMEPAGE / CATEGORY / SEARCH THUMBNAILS
   --------------------------------------------------------- */

#homepage-posts
.post-four-column
article > a:first-of-type {
    display: block !important;
}

#homepage-posts
.post-four-column
article > a:first-of-type
.skytamil-episode-badge {
    top: 7px !important;
    right: 7px !important;
}


/* ---------------------------------------------------------
   MORE EPISODES / RELATED CARDS
   --------------------------------------------------------- */

.skytamil-related-image {
    display: block !important;
}

.skytamil-related-image
.skytamil-episode-badge {
    top: 6px !important;
    right: 6px !important;

    font-size:
        clamp(7px, .8vw, 10px) !important;

    padding:
        4px 7px !important;
}


/* ---------------------------------------------------------
   IMAGES INSIDE SINGLE POSTS
   Wrapper is generated ONLY when title has Episode number.
   --------------------------------------------------------- */

.skytamil-content-episode-media {
    display: table !important;

    width: auto !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    line-height: 0 !important;
}

.skytamil-content-episode-media > img,
.skytamil-content-episode-media > a > img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

.skytamil-content-episode-media
.skytamil-episode-badge {
    top: clamp(6px, 1vw, 11px) !important;
    right: clamp(6px, 1vw, 11px) !important;

    font-size:
        clamp(8px, 1vw, 12px) !important;

    padding:
        clamp(4px, .6vw, 7px)
        clamp(7px, 1vw, 12px)
        !important;
}


/* ---------------------------------------------------------
   SMALL MOBILE THUMBNAILS
   --------------------------------------------------------- */

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

    .skytamil-episode-badge {
        top: 5px !important;
        right: 5px !important;

        padding:
            4px 7px !important;

        border-radius:
            7px !important;

        font-size:
            8px !important;

        letter-spacing:
            0 !important;
    }

    .skytamil-content-episode-media
    .skytamil-episode-badge {
        top: 6px !important;
        right: 6px !important;

        padding:
            4px 8px !important;

        font-size:
            clamp(8px, 2.6vw, 10px) !important;
    }
}



/* =========================================================
   SKYTAMIL_EPISODE_CONTINUE_NAV
   ========================================================= */

.skytamil-episode-nav {
    position: relative;
    width: min(100%, 780px);

    margin:
        28px auto 30px !important;

    padding:
        17px;

    box-sizing:
        border-box;

    clear:
        both;

    border:
        1px solid rgba(255,23,68,.23);

    border-radius:
        17px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(255,247,250,.98)
        );

    box-shadow:
        0 8px 26px rgba(42,20,30,.08);

    line-height:
        normal;
}


.skytamil-episode-nav::before {
    content: "";

    position: absolute;

    top: 0;
    left: 18px;
    right: 18px;

    height: 2px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ff1744,
            #c026d3,
            transparent
        );

    opacity:
        .75;
}


.skytamil-episode-nav__head {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    margin:
        0 0 13px;
}


.skytamil-episode-nav__kicker {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    padding:
        5px 9px;

    border-radius:
        999px;

    background:
        linear-gradient(
            135deg,
            #ff1744,
            #d80745
        );

    color:
        #fff;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        .55px;

    white-space:
        nowrap;

    box-shadow:
        0 4px 12px rgba(255,23,68,.18);
}


.skytamil-episode-nav__show {
    overflow:
        hidden;

    color:
        #24242b;

    font-size:
        13px;

    line-height:
        1.3;

    font-weight:
        850;

    text-align:
        right;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.skytamil-episode-nav__grid {
    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(165px,.92fr)
        minmax(0,1fr);

    grid-template-areas:
        "previous all next";

    gap:
        9px;
}


.skytamil-episode-nav__item {
    position:
        relative;

    display:
        flex;

    min-width:
        0;

    min-height:
        74px;

    padding:
        12px 13px;

    flex-direction:
        column;

    justify-content:
        center;

    box-sizing:
        border-box;

    overflow:
        hidden;

    border:
        1px solid rgba(50,50,60,.09);

    border-radius:
        12px;

    background:
        #fff;

    color:
        #282832 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 3px 12px rgba(30,30,40,.055);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


a.skytamil-episode-nav__item:hover,
a.skytamil-episode-nav__item:focus-visible {
    transform:
        translateY(-2px);

    border-color:
        rgba(255,23,68,.28);

    box-shadow:
        0 8px 18px rgba(40,30,40,.10);

    outline:
        none;
}


.skytamil-episode-nav__item--previous {
    grid-area:
        previous;

    text-align:
        left;
}


.skytamil-episode-nav__item--next {
    grid-area:
        next;

    text-align:
        right;
}


.skytamil-episode-nav__direction {
    display:
        block;

    margin:
        0 0 5px;

    color:
        #ef1745;

    font-size:
        8px;

    line-height:
        1.2;

    font-weight:
        900;

    letter-spacing:
        .5px;
}


.skytamil-episode-nav__item strong {
    display:
        block;

    overflow:
        hidden;

    color:
        #202027;

    font-size:
        clamp(11px,1.15vw,14px);

    line-height:
        1.25;

    font-weight:
        850;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.skytamil-episode-nav__item small {
    display:
        block;

    margin-top:
        4px;

    color:
        #83838d;

    font-size:
        9px;

    line-height:
        1.25;

    font-weight:
        650;
}


.skytamil-episode-nav__item--all {
    grid-area:
        all;

    flex-direction:
        row;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    border:
        0;

    background:
        linear-gradient(
            135deg,
            #7b22e8 0%,
            #be1bc3 46%,
            #ef174d 100%
        );

    color:
        #fff !important;

    text-align:
        left;

    box-shadow:
        0 6px 16px rgba(138,32,210,.19);
}


.skytamil-episode-nav__item--all strong,
.skytamil-episode-nav__item--all small {
    color:
        #fff;
}


.skytamil-episode-nav__item--all strong {
    font-size:
        10px;
}


.skytamil-episode-nav__item--all small {
    margin-top:
        3px;

    opacity:
        .82;

    font-size:
        8px;
}


.skytamil-episode-nav__all-icon {
    display:
        inline-flex;

    width:
        29px;

    height:
        29px;

    flex:
        0 0 29px;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(255,255,255,.32);

    border-radius:
        9px;

    background:
        rgba(255,255,255,.13);

    color:
        #fff;

    font-size:
        13px;
}


.skytamil-episode-nav__item.is-disabled {
    opacity:
        .48;

    background:
        #f8f8fa;

    box-shadow:
        none;
}


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

    .skytamil-episode-nav {
        width:
            calc(100% - 4px);

        margin:
            22px auto 25px !important;

        padding:
            12px;

        border-radius:
            14px;
    }


    .skytamil-episode-nav__head {
        margin-bottom:
            10px;
    }


    .skytamil-episode-nav__kicker {
        padding:
            5px 8px;

        font-size:
            8px;
    }


    .skytamil-episode-nav__show {
        max-width:
            48%;

        font-size:
            11px;
    }


    .skytamil-episode-nav__grid {
        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr);

        grid-template-areas:
            "previous next"
            "all all";

        gap:
            7px;
    }


    .skytamil-episode-nav__item {
        min-height:
            67px;

        padding:
            10px;

        border-radius:
            10px;
    }


    .skytamil-episode-nav__direction {
        margin-bottom:
            4px;

        font-size:
            7px;

        letter-spacing:
            .2px;
    }


    .skytamil-episode-nav__item strong {
        font-size:
            10px;
    }


    .skytamil-episode-nav__item small {
        margin-top:
            3px;

        font-size:
            8px;
    }


    .skytamil-episode-nav__item--all {
        min-height:
            54px;

        padding:
            10px 13px;
    }


    .skytamil-episode-nav__all-icon {
        width:
            26px;

        height:
            26px;

        flex-basis:
            26px;

        border-radius:
            8px;

        font-size:
            11px;
    }


    .skytamil-episode-nav__item--all strong {
        font-size:
            9px;
    }


    .skytamil-episode-nav__item--all small {
        font-size:
            7px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .skytamil-episode-nav__item {
        transition:
            none !important;
    }

}


/* END SKYTAMIL_EPISODE_CONTINUE_NAV */


/* =========================================================
   SKYTAMIL_ST_EMBED_VIDEO
   Responsive embedded players for daily episode posts
   ========================================================= */

.single-post .st-daily-episode .st-embed-video {
    position: relative !important;

    width: min(100%, 760px) !important;
    aspect-ratio: 16 / 9 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: hidden !important;

    border:
        4px solid #ffffff !important;

    border-radius:
        17px !important;

    background:
        #0b0b0d !important;

    box-shadow:
        0 0 0 1px rgba(122,0,12,.12),
        0 9px 24px rgba(20,20,30,.17) !important;

    box-sizing:
        border-box !important;
}


.single-post .st-daily-episode .st-embed-video iframe {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 13px !important;

    background:
        #000 !important;
}


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

    .single-post .st-daily-episode .st-embed-video {
        width:
            calc(100% - 10px) !important;

        border-width:
            3px !important;

        border-radius:
            14px !important;
    }


    .single-post .st-daily-episode .st-embed-video iframe {
        border-radius:
            11px !important;
    }

}


/* END SKYTAMIL_ST_EMBED_VIDEO */

/* SKYTAMIL iframe scrollbar fix */
.single-post .st-daily-episode .st-embed-video iframe {
    overflow: hidden !important;
}
/* END SKYTAMIL iframe scrollbar fix */



/* =========================================================
   SKYTAMIL MULTI-PART LINK TEMPLATE
   DESIGN 02
   ========================================================= */

.single-post .st-daily-episode--parts .st-parts-section {
    width: min(100%, 760px);
    margin: 30px auto 28px;
}

.single-post .st-daily-episode--parts .st-parts-list {
    display: grid;
    gap: 13px;
}


/* ---------------------------------------------------------
   PART CARD
   --------------------------------------------------------- */

.single-post .st-daily-episode--parts .st-part-card {
    position: relative;

    display: grid;
    grid-template-columns:
        145px minmax(0, 1fr) 56px;

    min-height: 96px;

    overflow: hidden;

    border:
        1px solid rgba(255, 23, 68, .28);

    border-radius: 16px;

    background:
        linear-gradient(
            100deg,
            #ffffff 0%,
            #fff9fb 55%,
            #fff4f7 100%
        );

    color: #24242b !important;

    text-decoration: none !important;

    box-shadow:
        0 8px 24px
        rgba(50, 20, 30, .07);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


.single-post .st-daily-episode--parts .st-part-card:hover,
.single-post .st-daily-episode--parts .st-part-card:focus-visible {

    transform:
        translateY(-2px);

    border-color:
        rgba(255, 23, 68, .55);

    box-shadow:
        0 13px 30px
        rgba(50, 20, 30, .11);

    outline: none;
}


/* ---------------------------------------------------------
   PART NUMBER
   --------------------------------------------------------- */

.single-post .st-daily-episode--parts .st-part-number {

    position: relative;
    z-index: 1;

    display: flex;

    min-width: 0;

    align-items: center;
    justify-content: center;
    flex-direction: column;

    padding:
        9px 18px;

    background:
        linear-gradient(
            135deg,
            #ff1744 0%,
            #d90031 58%,
            #b60027 100%
        );

    color: #fff;

    text-align: center;

    clip-path:
        polygon(
            0 0,
            100% 0,
            83% 100%,
            0 100%
        );
}


.single-post .st-daily-episode--parts .st-part-number small {

    display: block;

    margin:
        0 0 1px;

    color: #fff;

    font-size: 13px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: .55px;
}


.single-post .st-daily-episode--parts .st-part-number strong {

    display: block;

    color: #fff;

    font-size:
        clamp(37px, 5vw, 50px);

    line-height: .95;

    font-weight: 950;
}


/* ---------------------------------------------------------
   PART TEXT
   --------------------------------------------------------- */

.single-post .st-daily-episode--parts .st-part-content {

    display: flex;

    min-width: 0;

    justify-content: center;
    flex-direction: column;

    padding:
        16px 16px 16px 19px;
}


.single-post .st-daily-episode--parts
.st-part-content > strong {

    display: block;

    margin-bottom: 5px;

    color: #b90d2e;

    font-size:
        clamp(17px, 2vw, 21px);

    line-height: 1.12;

    font-weight: 900;
}


.single-post .st-daily-episode--parts
.st-part-content > small {

    display: block;

    overflow: hidden;

    color: #676773;

    font-size: 12px;
    line-height: 1.35;

    font-weight: 600;

    text-overflow: ellipsis;

    white-space: nowrap;
}


/* ---------------------------------------------------------
   ARROW
   --------------------------------------------------------- */

.single-post .st-daily-episode--parts .st-part-arrow {

    display: inline-flex;

    width: 42px;
    height: 42px;

    margin: auto;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #ff1744,
            #e5003c
        );

    color: #fff;

    font-size: 27px;
    line-height: 1;

    font-weight: 500;

    box-shadow:
        0 7px 17px
        rgba(255, 23, 68, .22);

    transition:
        transform .18s ease;
}


.single-post .st-daily-episode--parts
.st-part-card:hover .st-part-arrow {

    transform:
        translateX(3px);
}


/* ---------------------------------------------------------
   COMING SOON
   --------------------------------------------------------- */

.single-post .st-daily-episode--parts
.st-parts-coming-soon {

    display: flex;

    min-height: 78px;

    margin:
        27px 0 0;

    padding:
        15px 22px;

    align-items: center;
    justify-content: center;

    gap: 16px;

    box-sizing: border-box;

    border:
        1px solid rgba(255, 23, 68, .28);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fff7fa 100%
        );

    text-align: left;

    box-shadow:
        0 6px 20px
        rgba(50, 20, 30, .055);
}


.single-post .st-daily-episode--parts
.st-parts-coming-icon {

    display: inline-flex;

    width: 42px;
    height: 42px;

    flex:
        0 0 42px;

    align-items: center;
    justify-content: center;

    border:
        3px solid #e80e39;

    border-radius: 50%;

    color: #e80e39;

    font-size: 24px;

    font-weight: 900;
}


.single-post .st-daily-episode--parts
.st-parts-coming-soon strong {

    display: block;

    margin-bottom: 4px;

    color: #ca1032;

    font-size: 18px;
    line-height: 1.15;

    font-weight: 950;
}


.single-post .st-daily-episode--parts
.st-parts-coming-soon small {

    display: block;

    color: #73737d;

    font-size: 11px;
    line-height: 1.4;

    font-weight: 600;
}


/* ---------------------------------------------------------
   EPISODE INFORMATION STRIP
   --------------------------------------------------------- */

.single-post .st-daily-episode--parts
.st-part-episode-info {

    width:
        min(100%, 920px);

    margin:
        30px auto 24px;

    padding: 17px;

    box-sizing: border-box;

    border:
        1px solid rgba(255, 23, 68, .24);

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fffafd
        );

    box-shadow:
        0 7px 23px
        rgba(50, 20, 30, .06);
}


.single-post .st-daily-episode--parts
.st-part-info-head {

    display: flex;

    margin-bottom: 13px;

    align-items: center;
    justify-content: space-between;

    gap: 12px;
}


.single-post .st-daily-episode--parts
.st-part-info-head > strong {

    overflow: hidden;

    color: #676771;

    font-size: 12px;
    line-height: 1.2;

    font-weight: 800;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.single-post .st-daily-episode--parts
.st-part-info-badge {

    display: inline-flex;

    padding:
        6px 10px;

    align-items: center;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            #ff1744,
            #dc0937
        );

    color: #fff;

    font-size: 9px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: .25px;
}


.single-post .st-daily-episode--parts
.st-part-info-grid {

    display: grid;

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

    gap: 11px;
}


.single-post .st-daily-episode--parts
.st-part-info-card {

    display: flex;

    min-height: 70px;

    padding:
        12px 14px;

    justify-content: center;
    flex-direction: column;

    box-sizing: border-box;

    border:
        1px solid rgba(70, 70, 90, .1);

    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 4px 13px
        rgba(30, 30, 40, .05);
}


.single-post .st-daily-episode--parts
.st-part-info-card small,

.single-post .st-daily-episode--parts
.st-part-info-card span {

    color: #73737d;

    font-size: 9px;
    line-height: 1.3;

    font-weight: 600;
}


.single-post .st-daily-episode--parts
.st-part-info-card strong {

    display: block;

    margin:
        3px 0;

    color: #ee1744;

    font-size: 13px;
    line-height: 1.25;

    font-weight: 900;
}


.single-post .st-daily-episode--parts
.st-part-info-card strong.is-available {

    color: #0b9b7b;
}


/* FEATURED CENTER CARD */

.single-post .st-daily-episode--parts
.st-part-info-card--featured {

    display: flex;

    align-items: center;
    justify-content: center;

    flex-direction: row;

    gap: 12px;

    border: 0;

    background:
        linear-gradient(
            135deg,
            #9029f1 0%,
            #c323d0 48%,
            #f01757 100%
        );

    color: #fff;
}


.single-post .st-daily-episode--parts
.st-part-info-card--featured strong,

.single-post .st-daily-episode--parts
.st-part-info-card--featured small {

    color: #fff;
}


.single-post .st-daily-episode--parts
.st-part-info-play {

    display: inline-flex;

    width: 32px;
    height: 32px;

    flex:
        0 0 32px;

    align-items: center;
    justify-content: center;

    border:
        2px solid
        rgba(255, 255, 255, .75);

    border-radius: 50%;

    color:
        #fff !important;

    font-size:
        16px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    .single-post .st-daily-episode--parts
    .st-parts-section {

        width:
            calc(100% - 4px);

        margin:
            23px auto 24px;
    }


    .single-post .st-daily-episode--parts
    .st-parts-list {

        gap: 9px;
    }


    .single-post .st-daily-episode--parts
    .st-part-card {

        grid-template-columns:
            82px minmax(0, 1fr) 42px;

        min-height: 76px;

        border-radius: 12px;
    }


    .single-post .st-daily-episode--parts
    .st-part-number {

        padding:
            7px 13px 7px 8px;

        clip-path:
            polygon(
                0 0,
                100% 0,
                84% 100%,
                0 100%
            );
    }


    .single-post .st-daily-episode--parts
    .st-part-number small {

        font-size: 9px;
    }


    .single-post .st-daily-episode--parts
    .st-part-number strong {

        font-size: 31px;
    }


    .single-post .st-daily-episode--parts
    .st-part-content {

        padding:
            11px 8px 11px 11px;
    }


    .single-post .st-daily-episode--parts
    .st-part-content > strong {

        margin-bottom: 3px;

        font-size: 13px;
    }


    .single-post .st-daily-episode--parts
    .st-part-content > small {

        font-size: 8px;
    }


    .single-post .st-daily-episode--parts
    .st-part-arrow {

        width: 30px;
        height: 30px;

        font-size: 19px;
    }


    .single-post .st-daily-episode--parts
    .st-parts-coming-soon {

        min-height: 65px;

        margin-top: 18px;

        padding: 12px;

        gap: 10px;

        border-radius: 12px;
    }


    .single-post .st-daily-episode--parts
    .st-parts-coming-icon {

        width: 32px;
        height: 32px;

        flex-basis: 32px;

        border-width: 2px;

        font-size: 18px;
    }


    .single-post .st-daily-episode--parts
    .st-parts-coming-soon strong {

        margin-bottom: 2px;

        font-size: 12px;
    }


    .single-post .st-daily-episode--parts
    .st-parts-coming-soon small {

        font-size: 8px;
    }


    .single-post .st-daily-episode--parts
    .st-part-episode-info {

        width:
            calc(100% - 4px);

        margin:
            22px auto;

        padding: 12px;

        border-radius: 13px;
    }


    .single-post .st-daily-episode--parts
    .st-part-info-badge {

        padding:
            5px 8px;

        font-size: 7px;
    }


    .single-post .st-daily-episode--parts
    .st-part-info-head > strong {

        max-width: 43%;

        font-size: 9px;
    }


    .single-post .st-daily-episode--parts
    .st-part-info-grid {

        grid-template-columns: 1fr;

        gap: 7px;
    }


    .single-post .st-daily-episode--parts
    .st-part-info-card {

        min-height: 58px;

        padding:
            10px 12px;

        border-radius: 10px;
    }


    .single-post .st-daily-episode--parts
    .st-part-info-card--featured {

        justify-content: flex-start;
    }

}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .single-post .st-daily-episode--parts
    .st-part-card,

    .single-post .st-daily-episode--parts
    .st-part-arrow {

        transition:
            none !important;
    }

}


/* =========================================================
   END SKYTAMIL MULTI-PART LINK TEMPLATE
   ========================================================= */



/* =========================================================
   SKYTAMIL REAL TV MENU LOGOS
   TAMILTVSHOW.NET
   ========================================================= */

#main-navigation .main-navigation-menu > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}


/* Base logo */

#main-navigation .main-navigation-menu > li > a::before {
    content: "";

    display: inline-block;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    vertical-align: middle;
}


/* HOME */

#main-navigation .main-navigation-menu > li.tvmenu-home > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Home-Logo.webp");
}


/* SUN TV */

#main-navigation .main-navigation-menu > li.tvmenu-sun > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Sun-Logo.webp");
}


/* VIJAY TV */

#main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Vijay-Logo.webp");
}


/* ZEE TAMIL */

#main-navigation .main-navigation-menu > li.tvmenu-zee > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Zee-Logo.webp");
}


/* SONY */

#main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/sony-Logo.webp");
}


/* Hide pseudo-icon for menu items without these classes */

#main-navigation .main-navigation-menu >
li:not(.tvmenu-home):not(.tvmenu-sun):not(.tvmenu-vijay):not(.tvmenu-zee):not(.tvmenu-sony)
> a::before {
    display: none;
}


/* Desktop */

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

    #main-navigation .main-navigation-menu > li > a::before {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
    }

}


/* Mobile */

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

    #main-navigation .main-navigation-menu > li > a {
        justify-content: flex-start;
        gap: 9px;
    }

    #main-navigation .main-navigation-menu > li > a::before {
        width: 23px;
        height: 23px;
        flex-basis: 23px;
    }

}


/* =========================================================
   END SKYTAMIL REAL TV MENU LOGOS
   ========================================================= */



/* =========================================================
   SKYTAMIL TV MENU LOGO BOX
   TAMILTVSHOW.NET
   ========================================================= */


/* ---------------------------------------------------------
   MAIN MENU BUTTON
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu > li > a {

    display: inline-flex !important;

    min-height: 64px;

    padding:
        7px 18px 7px 7px !important;

    align-items: center;
    justify-content: flex-start;

    gap: 12px;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   LEFT LOGO TILE
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu > li > a::before {

    content: "" !important;

    display: inline-block !important;

    width: 52px !important;
    height: 52px !important;

    min-width: 52px !important;

    flex:
        0 0 52px !important;

    box-sizing: border-box;

    border:
        1px solid rgba(100, 110, 135, .22);

    border-radius: 13px;

    background-color: #fff;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        82% 82% !important;

    box-shadow:
        0 4px 12px rgba(30, 35, 50, .07);

    vertical-align: middle;
}


/* ---------------------------------------------------------
   HOME
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-home
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Home-Logo.webp") !important;
}


/* ---------------------------------------------------------
   SUN TV
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-sun
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Sun-Logo.webp") !important;
}


/* ---------------------------------------------------------
   VIJAY TV
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-vijay
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Vijay-Logo.webp") !important;
}


/* ---------------------------------------------------------
   ZEE TAMIL
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-zee
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Zee-Logo.webp") !important;
}


/* ---------------------------------------------------------
   SONY
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-sony
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/sony-Logo.webp") !important;
}


/* ---------------------------------------------------------
   ITEMS WITHOUT TV LOGO CLASS
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li:not(.tvmenu-home):not(.tvmenu-sun):not(.tvmenu-vijay):not(.tvmenu-zee):not(.tvmenu-sony)
> a::before {

    display: none !important;
}


/* ---------------------------------------------------------
   HOME LOGO BOX BORDER
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-home
> a::before {

    border-color:
        rgba(33, 150, 243, .32);
}


/* SUN */

#main-navigation
.main-navigation-menu
> li.tvmenu-sun
> a::before {

    border-color:
        rgba(255, 112, 55, .30);
}


/* VIJAY */

#main-navigation
.main-navigation-menu
> li.tvmenu-vijay
> a::before {

    border-color:
        rgba(245, 170, 25, .30);
}


/* ZEE */

#main-navigation
.main-navigation-menu
> li.tvmenu-zee
> a::before {

    border-color:
        rgba(238, 60, 125, .30);
}


/* SONY */

#main-navigation
.main-navigation-menu
> li.tvmenu-sony
> a::before {

    border-color:
        rgba(80, 75, 165, .28);
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    #main-navigation
    .main-navigation-menu
    > li
    > a {

        min-height: 56px;

        padding:
            6px 12px 6px 6px !important;

        gap: 10px;
    }


    #main-navigation
    .main-navigation-menu
    > li
    > a::before {

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;

        flex-basis:
            44px !important;

        border-radius: 11px;

        background-size:
            82% 82% !important;
    }

}


/* =========================================================
   END SKYTAMIL TV MENU LOGO BOX
   ========================================================= */



/* =========================================================
   TAMILTVSHOW SKYTAMIL-MATCHED MENU LOGOS
   Logo occupies the original LEFT section of each button.
   ========================================================= */


/* ---------------------------------------------------------
   COMMON MENU BUTTON
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu > li > a {

    position: relative !important;

    display: flex !important;

    min-height: 66px !important;

    padding:
        0 20px 0 78px !important;

    align-items: center !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;

    background-repeat:
        no-repeat !important;

    background-position:
        18px center !important;

    background-size:
        40px 40px !important;
}


/*
 * IMPORTANT:
 * Remove previous pseudo-element logos completely.
 */

#main-navigation .main-navigation-menu > li > a::before {

    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: none !important;
}


/* ---------------------------------------------------------
   DIVIDER BETWEEN LOGO AND TEXT
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu > li > a::after {

    content: "" !important;

    position: absolute !important;

    left: 64px !important;
    top: 14px !important;
    bottom: 14px !important;

    width: 1px !important;

    background:
        rgba(60, 65, 80, .12) !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   HOME
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-home
> a {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Home-Logo.webp") !important;
}


/* ---------------------------------------------------------
   SUN TV
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-sun
> a {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Sun-Logo.webp") !important;
}


/* ---------------------------------------------------------
   VIJAY TV
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-vijay
> a {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Vijay-Logo.webp") !important;
}


/* ---------------------------------------------------------
   ZEE TAMIL
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-zee
> a {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Zee-Logo.webp") !important;
}


/* ---------------------------------------------------------
   SONY
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li.tvmenu-sony
> a {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/sony-Logo.webp") !important;
}


/* ---------------------------------------------------------
   MENU ITEMS WITHOUT A LOGO CLASS
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li:not(.tvmenu-home):not(.tvmenu-sun):not(.tvmenu-vijay):not(.tvmenu-zee):not(.tvmenu-sony)
> a {

    padding-left:
        20px !important;

    background-image:
        none !important;
}


#main-navigation
.main-navigation-menu
> li:not(.tvmenu-home):not(.tvmenu-sun):not(.tvmenu-vijay):not(.tvmenu-zee):not(.tvmenu-sony)
> a::after {

    display:
        none !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

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

    #main-navigation .main-navigation-menu > li > a {

        background-size:
            40px 40px !important;
    }


    /* HOME icon can be slightly smaller */

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-home
    > a {

        background-size:
            36px 36px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

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

    #main-navigation
    .main-navigation-menu
    > li
    > a {

        min-height:
            56px !important;

        padding:
            0 14px 0 64px !important;

        background-position:
            12px center !important;

        background-size:
            36px 36px !important;
    }


    #main-navigation
    .main-navigation-menu
    > li
    > a::after {

        left:
            54px !important;

        top:
            11px !important;

        bottom:
            11px !important;
    }


    #main-navigation
    .main-navigation-menu
    > li.tvmenu-home
    > a {

        background-size:
            32px 32px !important;
    }

}


/* =========================================================
   END TAMILTVSHOW SKYTAMIL-MATCHED MENU LOGOS
   ========================================================= */



/* =========================================================
   TAMILTVSHOW_FINAL_TV_MENU_V2
   Real TV logos inside left rounded tile
   ========================================================= */


/* ---------------------------------------------------------
   NAVIGATION ROW
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}


/* ---------------------------------------------------------
   MENU BUTTON
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu > li > a {

    position: relative !important;

    display: flex !important;

    min-height: 68px !important;

    padding:
        8px 22px 8px 76px !important;

    align-items: center !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;

    font-weight: 700 !important;

    /*
     * Critical fix:
     * TV image must NOT be the whole button background.
     */
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
    background-size: initial !important;
}


/* ---------------------------------------------------------
   LOGO TILE
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu > li > a::before {

    content: "" !important;

    position: absolute !important;

    left: 10px !important;
    top: 50% !important;

    display: block !important;

    width: 50px !important;
    height: 50px !important;

    min-width: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform:
        translateY(-50%) !important;

    box-sizing: border-box !important;

    border:
        1px solid rgba(60, 65, 80, .12) !important;

    border-radius:
        12px !important;

    background-color:
        #ffffff !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center center !important;

    background-size:
        82% 82% !important;

    box-shadow:
        0 4px 12px rgba(30, 35, 50, .08) !important;

    pointer-events:
        none !important;
}


/* ---------------------------------------------------------
   DIVIDER
   --------------------------------------------------------- */

#main-navigation .main-navigation-menu > li > a::after {

    content: "" !important;

    position: absolute !important;

    left: 67px !important;
    top: 17px !important;
    bottom: 17px !important;

    display: block !important;

    width: 1px !important;

    background:
        rgba(55, 60, 75, .14) !important;

    pointer-events:
        none !important;
}


/* =========================================================
   REAL LOGOS
   ========================================================= */


/* HOME */

#main-navigation
.main-navigation-menu
> li.tvmenu-home
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Home-Logo.webp") !important;

    background-size:
        72% 72% !important;
}


/* SUN TV */

#main-navigation
.main-navigation-menu
> li.tvmenu-sun
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Sun-Logo.webp") !important;
}


/* VIJAY TV */

#main-navigation
.main-navigation-menu
> li.tvmenu-vijay
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Vijay-Logo.webp") !important;
}


/* ZEE TAMIL */

#main-navigation
.main-navigation-menu
> li.tvmenu-zee
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Zee-Logo.webp") !important;
}


/* SONY */

#main-navigation
.main-navigation-menu
> li.tvmenu-sony
> a::before {

    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/sony-Logo.webp") !important;
}


/* =========================================================
   BUTTON BORDER COLORS
   ========================================================= */

#main-navigation
.main-navigation-menu
> li.tvmenu-home
> a {

    border-color:
        #4aa8ff !important;
}


#main-navigation
.main-navigation-menu
> li.tvmenu-sun
> a {

    border-color:
        #ff8a5c !important;
}


#main-navigation
.main-navigation-menu
> li.tvmenu-vijay
> a {

    border-color:
        #f6b83e !important;
}


#main-navigation
.main-navigation-menu
> li.tvmenu-zee
> a {

    border-color:
        #ff5c98 !important;
}


#main-navigation
.main-navigation-menu
> li.tvmenu-sony
> a {

    border-color:
        #786bd6 !important;
}


/* ---------------------------------------------------------
   ITEMS WITHOUT TV LOGO CLASS
   --------------------------------------------------------- */

#main-navigation
.main-navigation-menu
> li:not(.tvmenu-home):not(.tvmenu-sun):not(.tvmenu-vijay):not(.tvmenu-zee):not(.tvmenu-sony)
> a {

    padding-left:
        20px !important;

    background-image:
        none !important;
}


#main-navigation
.main-navigation-menu
> li:not(.tvmenu-home):not(.tvmenu-sun):not(.tvmenu-vijay):not(.tvmenu-zee):not(.tvmenu-sony)
> a::before,

#main-navigation
.main-navigation-menu
> li:not(.tvmenu-home):not(.tvmenu-sun):not(.tvmenu-vijay):not(.tvmenu-zee):not(.tvmenu-sony)
> a::after {

    display:
        none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    #main-navigation .main-navigation-menu {

        display: block !important;
    }


    #main-navigation
    .main-navigation-menu
    > li
    > a {

        width: 100% !important;

        min-height:
            60px !important;

        padding:
            6px 14px 6px 66px !important;
    }


    #main-navigation
    .main-navigation-menu
    > li
    > a::before {

        left:
            9px !important;

        width:
            44px !important;

        height:
            44px !important;

        min-width:
            44px !important;

        border-radius:
            10px !important;
    }


    #main-navigation
    .main-navigation-menu
    > li
    > a::after {

        left:
            58px !important;

        top:
            14px !important;

        bottom:
            14px !important;
    }

}


/* =========================================================
   END TAMILTVSHOW_FINAL_TV_MENU_V2
   ========================================================= */



/* =========================================================
   TAMILTVSHOW_TVMENU_BACKGROUND_RESET
   Remove old logo background from full menu button.
   Keep logo ONLY inside ::before tile.
   ========================================================= */

#main-navigation .main-navigation-menu > li.tvmenu-home > a,
#main-navigation .main-navigation-menu > li.tvmenu-sun > a,
#main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
#main-navigation .main-navigation-menu > li.tvmenu-zee > a,
#main-navigation .main-navigation-menu > li.tvmenu-sony > a {

    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
    background-size: auto !important;
}


/*
 * Protect the real logo tile.
 */

#main-navigation .main-navigation-menu > li.tvmenu-home > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Home-Logo.webp") !important;
}

#main-navigation .main-navigation-menu > li.tvmenu-sun > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Sun-Logo.webp") !important;
}

#main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Vijay-Logo.webp") !important;
}

#main-navigation .main-navigation-menu > li.tvmenu-zee > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/Zee-Logo.webp") !important;
}

#main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {
    background-image:
        url("https://tamiltvshow.net/wp-content/uploads/2026/09/sony-Logo.webp") !important;
}


/* =========================================================
   END TAMILTVSHOW_TVMENU_BACKGROUND_RESET
   ========================================================= */



/* =========================================================
   TAMILTVSHOW_TVMENU_ASPECT_FIX
   Preserve each TV logo's natural proportions
   ========================================================= */


/* Common tile */
#main-navigation
.main-navigation-menu
> li
> a::before {

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    /*
     * CONTAIN keeps the complete image visible
     * without stretching/cropping.
     */
    background-size:
        contain !important;
}


/* HOME - square style logo */
#main-navigation
.main-navigation-menu
> li.tvmenu-home
> a::before {

    background-size:
        72% auto !important;
}


/* SUN TV */
#main-navigation
.main-navigation-menu
> li.tvmenu-sun
> a::before {

    background-size:
        78% auto !important;
}


/* VIJAY TV */
#main-navigation
.main-navigation-menu
> li.tvmenu-vijay
> a::before {

    background-size:
        82% auto !important;
}


/* ZEE TAMIL
   Wider logo: let width use almost all tile,
   while height stays natural.
*/
#main-navigation
.main-navigation-menu
> li.tvmenu-zee
> a::before {

    background-size:
        90% auto !important;
}


/* SONY */
#main-navigation
.main-navigation-menu
> li.tvmenu-sony
> a::before {

    background-size:
        82% auto !important;
}


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

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-home
    > a::before {

        background-size:
            70% auto !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-sun
    > a::before {

        background-size:
            76% auto !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-vijay
    > a::before {

        background-size:
            80% auto !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-zee
    > a::before {

        background-size:
            90% auto !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-sony
    > a::before {

        background-size:
            80% auto !important;
    }

}


/* =========================================================
   END TAMILTVSHOW_TVMENU_ASPECT_FIX
   ========================================================= */



/* ==========================================================
   TAMILTVSHOW STANDALONE
   FINAL HEADER / SEARCH / MOBILE NAVIGATION OVERRIDE
   ========================================================== */


/* ---------- SEARCH BAR ---------- */

.skytamil-header-search-wrap {
    width: 100%;
    padding: 12px 20px 15px;
    background: #fff;
    border-top: 1px solid #edf0f4;
}

.skytamil-header-search-wrap .container {
    max-width: 1180px;
    margin: 0 auto;
}

.skytamil-header-search-wrap .search-form {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

.skytamil-header-search-wrap .search-field {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0 54px 0 17px;

    color: #222;
    font-size: 14px;
    line-height: 46px;

    background: #fff;
    border: 1px solid #e2e6eb;
    border-radius: 12px;

    outline: none;
    box-shadow: 0 5px 18px rgba(20, 25, 35, .05);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.skytamil-header-search-wrap .search-field:focus {
    border-color: #ff174c;
    box-shadow:
        0 0 0 3px rgba(255, 23, 76, .08),
        0 5px 18px rgba(20, 25, 35, .06);
}

.skytamil-header-search-wrap .search-submit {
    position: absolute;
    top: 5px;
    right: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;
    min-width: 36px;

    margin: 0;
    padding: 0;

    color: #fff;
    background: #ff174c;
    border: 0;
    border-radius: 9px;

    cursor: pointer;
}


/* ==========================================================
   MOBILE
   ========================================================== */

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

    /*
     * Keep the existing theme hamburger.
     * Reset only the actual menu list after it opens.
     */

    #main-navigation-wrap.primary-navigation-wrap {
        width: 100% !important;
        padding: 0 !important;
    }

    #main-navigation {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    #main-navigation .main-navigation-menu {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px 0 !important;

        gap: 8px !important;
    }

    #main-navigation .main-navigation-menu > li {
        box-sizing: border-box !important;
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 8px !important;
        padding: 0 !important;
    }

    #main-navigation .main-navigation-menu > li:last-child {
        margin-bottom: 0 !important;
    }


    /* ---------- ALL TV MENU LINKS ---------- */

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 64px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 7px 14px 7px 72px !important;

        overflow: hidden !important;

        color: #262b33 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        text-indent: 0 !important;
        white-space: normal !important;

        background: #fff !important;
        border-radius: 14px !important;

        box-shadow:
            0 5px 18px rgba(30, 35, 45, .06) !important;
    }


    /* ---------- LOGO ---------- */

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {

        content: "" !important;

        position: absolute !important;
        top: 50% !important;
        left: 10px !important;

        width: 46px !important;
        height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;

        background-color: #fff !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        border: 1px solid #e6e8ec !important;
        border-radius: 10px !important;

        box-shadow: 0 3px 10px rgba(20, 25, 35, .07) !important;
    }


    /* ---------- CORRECT LOGO IMAGES ---------- */

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-home
    > a::before {
        background-image:
            url("https://tamiltvshow.net/wp-content/uploads/2026/09/Home-Logo.webp") !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-sun
    > a::before {
        background-image:
            url("https://tamiltvshow.net/wp-content/uploads/2026/09/Sun-Logo.webp") !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-vijay
    > a::before {
        background-image:
            url("https://tamiltvshow.net/wp-content/uploads/2026/09/Vijay-Logo.webp") !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-zee
    > a::before {
        background-image:
            url("https://tamiltvshow.net/wp-content/uploads/2026/09/Zee-Logo.webp") !important;
    }

    #main-navigation
    .main-navigation-menu
    > li.tvmenu-sony
    > a::before {
        background-image:
            url("https://tamiltvshow.net/wp-content/uploads/2026/09/sony-Logo.webp") !important;
    }


    /*
     * Remove old decorative pseudo element.
     * This is one likely source of the strange horizontal bars.
     */

    #main-navigation .main-navigation-menu > li > a::after {
        content: none !important;
        display: none !important;
    }


    /* ---------- INDIVIDUAL MOBILE BORDERS ---------- */

    #main-navigation .main-navigation-menu > li.tvmenu-home > a {
        border: 1px solid #39a0ff !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a {
        border: 1px solid #ff795f !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a {
        border: 1px solid #ffb13c !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        border: 1px solid #ff6390 !important;
    }


    /* ---------- SEARCH MOBILE ---------- */

    .skytamil-header-search-wrap {
        box-sizing: border-box;
        padding: 10px 12px 13px;
    }

    .skytamil-header-search-wrap .search-form {
        width: 100%;
        max-width: none;
    }

    .skytamil-header-search-wrap .search-field {
        height: 44px;
        padding-left: 14px;
        padding-right: 52px;
        font-size: 16px;
        line-height: 44px;
        border-radius: 11px;
    }

    .skytamil-header-search-wrap .search-submit {
        top: 4px;
        right: 4px;
        width: 36px;
        height: 36px;
    }
}


/* EXTRA SMALL PHONE */

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

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {
        min-height: 58px !important;
        padding-left: 65px !important;
        font-size: 13px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {
        width: 42px !important;
        height: 42px !important;
    }
}



/* =========================================================
   TAMILTVSHOW MOBILE 2 COLUMN MENU FINAL
   ========================================================= */

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

    /* Remove blue navigation chrome */
    #main-navigation-wrap.primary-navigation-wrap {
        background: #fff !important;
        border: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    #main-navigation {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Hamburger button */
    .menu-toggle,
    #main-navigation .menu-toggle,
    #main-navigation-wrap .menu-toggle {

        background: #fff !important;

        color: #222 !important;

        border: 1px solid #e6e8ec !important;
        border-radius: 10px !important;

        box-shadow:
            0 4px 12px rgba(20, 25, 35, .06) !important;
    }

    .menu-toggle:hover,
    .menu-toggle:focus {

        background: #fff !important;
        color: #111 !important;
    }


    /* Remove blue horizontal lines */
    #main-navigation-wrap::before,
    #main-navigation-wrap::after,
    #main-navigation::before,
    #main-navigation::after {

        content: none !important;
        display: none !important;
    }


    /* Two-column menu grid */
    #main-navigation .main-navigation-menu {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;

        width: 100% !important;

        padding:
            10px 0 12px !important;

        margin: 0 !important;

        background: transparent !important;
    }


    #main-navigation .main-navigation-menu > li {

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }


    /* Menu cards */
    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;

        min-height: 58px !important;

        padding:
            6px 9px 6px 58px !important;

        margin: 0 !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        line-height: 1.2 !important;

        white-space: normal !important;

        background: #fff !important;

        border-radius: 12px !important;

        box-shadow:
            0 4px 12px rgba(30, 35, 45, .05) !important;
    }


    /* Logo tile */
    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {

        left: 7px !important;

        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;

        border-radius: 9px !important;

        background-size: contain !important;
    }


    /* No divider in mobile grid */
    #main-navigation .main-navigation-menu > li > a::after {

        content: none !important;
        display: none !important;
    }


    /* Keep individual border colors */
    #main-navigation .main-navigation-menu > li.tvmenu-home > a {
        border: 1px solid #48a7ff !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a {
        border: 1px solid #ff8a68 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a {
        border: 1px solid #f8b94e !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        border: 1px solid #ff6397 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {
        border: 1px solid #776fd3 !important;
    }

}


/* Extra-small phones */
@media only screen and (max-width: 360px) {

    #main-navigation .main-navigation-menu {

        gap: 6px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {

        min-height: 54px !important;

        padding-left: 52px !important;

        font-size: 11px !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {

        width: 36px !important;
        height: 36px !important;

        left: 7px !important;
    }

}

/* =========================================================
   END TAMILTVSHOW MOBILE 2 COLUMN MENU FINAL
   ========================================================= */



/* =========================================================
   TAMILTVSHOW MOBILE NO HAMBURGER FINAL
   ========================================================= */

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

    /* -----------------------------------------------------
       REMOVE HAMBURGER COMPLETELY
       ----------------------------------------------------- */

    .menu-toggle,
    #main-navigation .menu-toggle,
    #main-navigation-wrap .menu-toggle,
    button.menu-toggle {

        display: none !important;
        visibility: hidden !important;

        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       NAVIGATION WRAPPER CLEANUP
       ----------------------------------------------------- */

    #main-navigation-wrap.primary-navigation-wrap {

        margin: 0 0 32px !important;
        padding: 0 !important;

        background: #fff !important;

        border: 0 !important;
        box-shadow: none !important;
    }


    #main-navigation {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding:
            0 12px !important;

        box-sizing: border-box !important;

        background:
            transparent !important;

        border: 0 !important;
        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       FORCE MENU VISIBLE ON MOBILE
       because hamburger is removed
       ----------------------------------------------------- */

    #main-navigation .main-navigation-menu {

        display: grid !important;

        visibility: visible !important;
        opacity: 1 !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap:
            8px !important;

        row-gap:
            8px !important;

        position:
            relative !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            18px 0 19px !important;

        box-sizing:
            border-box !important;

        background:
            transparent !important;
    }


    /* -----------------------------------------------------
       SIMPLE THIN SEPARATOR ABOVE MENU
       ----------------------------------------------------- */

    #main-navigation .main-navigation-menu::before {

        content: "" !important;

        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 1px !important;

        background:
            #cfd5dc !important;

        border: 0 !important;

        pointer-events:
            none !important;
    }


    /* -----------------------------------------------------
       MENU ITEMS
       ----------------------------------------------------- */

    #main-navigation .main-navigation-menu > li {

        float:
            none !important;

        width:
            auto !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {

        position:
            relative !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        width:
            100% !important;

        min-height:
            58px !important;

        margin:
            0 !important;

        padding:
            6px 28px 6px 65px !important;

        box-sizing:
            border-box !important;

        color:
            #252a31 !important;

        font-size:
            12px !important;

        font-weight:
            800 !important;

        line-height:
            1.2 !important;

        text-align:
            left !important;

        white-space:
            normal !important;

        background:
            #fff !important;

        border-radius:
            12px !important;

        box-shadow:
            0 4px 12px rgba(25, 30, 40, .05) !important;
    }


    /* -----------------------------------------------------
       LOGO TILE
       ----------------------------------------------------- */

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            50% !important;

        left:
            7px !important;

        display:
            block !important;

        width:
            40px !important;

        height:
            40px !important;

        transform:
            translateY(-50%) !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background-color:
            #fff !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center !important;

        background-size:
            contain !important;

        border:
            1px solid #e4e7eb !important;

        border-radius:
            9px !important;

        box-shadow:
            0 3px 9px rgba(20, 25, 35, .06) !important;

        pointer-events:
            none !important;
    }


    /* -----------------------------------------------------
       DIVIDER BETWEEN LOGO + TEXT
       ----------------------------------------------------- */

    #main-navigation .main-navigation-menu > li.tvmenu-home > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::after {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            11px !important;

        bottom:
            11px !important;

        left:
            54px !important;

        display:
            block !important;

        width:
            1px !important;

        height:
            auto !important;

        background:
            #d4d9df !important;

        border:
            0 !important;

        pointer-events:
            none !important;
    }


    /* -----------------------------------------------------
       COLOR BORDERS
       ----------------------------------------------------- */

    #main-navigation .main-navigation-menu > li.tvmenu-home > a {
        border: 1px solid #43a6ff !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sun > a {
        border: 1px solid #ff8363 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a {
        border: 1px solid #f6b33d !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-zee > a {
        border: 1px solid #ff5d95 !important;
    }

    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {
        border: 1px solid #766ed3 !important;
    }


    /* -----------------------------------------------------
       STYLISH SEPARATOR BELOW MENU
       ----------------------------------------------------- */

    #main-navigation .main-navigation-menu::after {

        content:
            "▰  ▰   📺   ▰  ▰" !important;

        position:
            absolute !important;

        left:
            0 !important;

        right:
            0 !important;

        bottom:
            -21px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        height:
            20px !important;

        color:
            #ff174c !important;

        font-size:
            12px !important;

        line-height:
            20px !important;

        letter-spacing:
            2px !important;

        background:
            linear-gradient(
                to right,
                transparent 0,
                transparent 5%,
                #d5dae0 5%,
                #d5dae0 40%,
                transparent 40%,
                transparent 60%,
                #d5dae0 60%,
                #d5dae0 95%,
                transparent 95%
            )
            center / 100% 1px
            no-repeat !important;

        pointer-events:
            none !important;
    }

}


/* =========================================================
   EXTRA SMALL PHONES
   ========================================================= */

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

    #main-navigation .main-navigation-menu {

        column-gap:
            6px !important;

        row-gap:
            6px !important;
    }


    #main-navigation .main-navigation-menu > li.tvmenu-home > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a {

        min-height:
            54px !important;

        padding-left:
            58px !important;

        padding-right:
            8px !important;

        font-size:
            11px !important;
    }


    #main-navigation .main-navigation-menu > li.tvmenu-home > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::before,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::before {

        width:
            36px !important;

        height:
            36px !important;
    }


    #main-navigation .main-navigation-menu > li.tvmenu-home > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sun > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-vijay > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-zee > a::after,
    #main-navigation .main-navigation-menu > li.tvmenu-sony > a::after {

        left:
            49px !important;
    }

}


/* =========================================================
   END TAMILTVSHOW MOBILE NO HAMBURGER FINAL
   ========================================================= */



/* =========================================================
   TAMILTVSHOW FINAL MOBILE NAV CLEANUP
   ========================================================= */

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


    /* =====================================================
       REMOVE ALL MOBILE MENU TOGGLE / HAMBURGER UI
       ===================================================== */

    #main-navigation .menu-toggle,
    #main-navigation-wrap .menu-toggle,
    .primary-navigation-wrap .menu-toggle,
    .primary-navigation .menu-toggle,
    button.menu-toggle,
    .menu-toggle,
    .main-navigation-toggle,
    .navigation-toggle {

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;

        position: absolute !important;

        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border: 0 !important;
        background: none !important;
        box-shadow: none !important;

        pointer-events: none !important;
    }


    /* =====================================================
       REMOVE OLD BLUE MOBILE NAVIGATION CHROME
       ===================================================== */

    #main-navigation-wrap,
    #main-navigation-wrap.primary-navigation-wrap,
    #main-navigation,
    #main-navigation.primary-navigation {

        background:
            #fff !important;

        border:
            0 !important;

        border-top:
            0 !important;

        border-right:
            0 !important;

        border-bottom:
            0 !important;

        border-left:
            0 !important;

        box-shadow:
            none !important;
    }


    #main-navigation-wrap::before,
    #main-navigation-wrap::after,
    #main-navigation::before,
    #main-navigation::after {

        border:
            0 !important;

        box-shadow:
            none !important;
    }


    /* =====================================================
       KEEP MENU ALWAYS VISIBLE
       ===================================================== */

    #main-navigation .main-navigation-menu {

        display:
            grid !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        position:
            relative !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap:
            8px !important;

        row-gap:
            8px !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        /*
         * Space:
         * 18px after top line
         * enough room below for stylish separator
         */
        padding:
            19px 0 22px !important;

        box-sizing:
            border-box !important;

        background:
            transparent !important;
    }


    /* =====================================================
       SIMPLE THIN LINE ABOVE MENU
       ===================================================== */

    #main-navigation .main-navigation-menu::before {

        content:
            "" !important;

        display:
            block !important;

        position:
            absolute !important;

        top:
            0 !important;

        left:
            0 !important;

        right:
            0 !important;

        width:
            100% !important;

        height:
            1px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            #cfd4da !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        pointer-events:
            none !important;
    }


    /* =====================================================
       LOWER SEPARATOR
       Keep same approved centered-TV appearance
       ===================================================== */

    #main-navigation .main-navigation-menu::after {

        content:
            "☰  📺  ☰" !important;

        position:
            absolute !important;

        left:
            0 !important;

        right:
            0 !important;

        bottom:
            -21px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        height:
            20px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #ff174c !important;

        font-size:
            12px !important;

        font-weight:
            700 !important;

        line-height:
            20px !important;

        letter-spacing:
            3px !important;

        white-space:
            nowrap !important;

        background:
            linear-gradient(
                to right,

                transparent 0%,
                transparent 4%,

                #cfd4da 4%,
                #cfd4da 40%,

                transparent 40%,
                transparent 60%,

                #cfd4da 60%,
                #cfd4da 96%,

                transparent 96%,
                transparent 100%
            )
            center center / 100% 1px
            no-repeat !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        pointer-events:
            none !important;
    }


    /* =====================================================
       REMOVE ANY OLD COLOURED LINES AROUND MENU
       ===================================================== */

    #main-navigation-wrap {

        margin-top:
            0 !important;

        margin-bottom:
            34px !important;

        padding-top:
            0 !important;

        padding-bottom:
            0 !important;
    }

}


/* =========================================================
   END TAMILTVSHOW FINAL MOBILE NAV CLEANUP
   ========================================================= */



/* =========================================================
   TAMILTVSHOW MOBILE SEPARATOR FINAL V3
   ========================================================= */

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


    /* =====================================================
       REMOVE HAMBURGER / TOGGLE COMPLETELY
       ===================================================== */

    #main-navigation-wrap .menu-toggle,
    #main-navigation .menu-toggle,
    .primary-navigation-wrap .menu-toggle,
    .primary-navigation .menu-toggle,
    button.menu-toggle,
    .menu-toggle,
    .main-navigation-toggle,
    .navigation-toggle {

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;

        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;

        pointer-events: none !important;
    }


    /* =====================================================
       REMOVE THE OLD BLUE NAVIGATION LINE
       ===================================================== */

    html body #main-navigation-wrap,
    html body #main-navigation-wrap.primary-navigation-wrap,
    html body #main-navigation,
    html body #main-navigation.primary-navigation {

        background-color: #fff !important;
        background-image: none !important;

        border: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;

        outline: 0 !important;

        box-shadow: none !important;
    }


    html body #main-navigation-wrap::before,
    html body #main-navigation-wrap::after,
    html body #main-navigation::before,
    html body #main-navigation::after {

        content: none !important;

        display: none !important;

        background: none !important;

        border: 0 !important;

        box-shadow: none !important;
    }


    /*
     * Some older SkyTamil mobile styles use a colored
     * top/bottom border on the navigation wrapper.
     */

    body .primary-navigation-wrap {

        border-color: transparent !important;

        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    }


    /* =====================================================
       MENU CONTAINER
       ===================================================== */

    #main-navigation {

        box-sizing: border-box !important;

        width: 100% !important;

        padding:
            0 12px !important;
    }


    #main-navigation .main-navigation-menu {

        position: relative !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 8px !important;
        row-gap: 8px !important;

        width: 100% !important;

        margin: 0 !important;

        /*
         * Space for the simple top separator.
         */
        padding:
            19px 0 3px !important;

        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;

        visibility: visible !important;

        opacity: 1 !important;
    }


    /* =====================================================
       REMOVE ALL OLD UL SEPARATOR EFFECTS
       ===================================================== */

    #main-navigation .main-navigation-menu::before,
    #main-navigation .main-navigation-menu::after {

        content: none !important;

        display: none !important;

        background: none !important;

        border: 0 !important;

        box-shadow: none !important;
    }


    /* =====================================================
       SIMPLE GRAY LINE ABOVE MENU
       ===================================================== */

    #main-navigation .main-navigation-menu {

        border-top:
            1px solid #cfd4da !important;
    }


    /* =====================================================
       KEEP MENU ITEMS UNCHANGED
       ===================================================== */

    #main-navigation .main-navigation-menu > li {

        float: none !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       REAL LOWER SEPARATOR
       ===================================================== */

    .skytamil-mobile-menu-separator {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        max-width: 100% !important;

        box-sizing: border-box !important;

        margin:
            17px 0 19px !important;

        padding:
            0 16px !important;

        gap:
            8px !important;
    }


    /* Long gray side lines */

    .skytamil-mobile-menu-separator__line {

        display: block !important;

        flex:
            1 1 auto !important;

        height:
            1px !important;

        min-width:
            20px !important;

        background:
            #c9cfd6 !important;
    }


    /* Three little gray wings beside TV */

    .skytamil-mobile-menu-separator__wing {

        display: flex !important;

        flex-direction: column !important;

        justify-content: center !important;

        gap:
            3px !important;

        width:
            21px !important;

        height:
            18px !important;

        flex:
            0 0 21px !important;
    }


    .skytamil-mobile-menu-separator__wing i {

        display: block !important;

        height:
            1.5px !important;

        background:
            #aeb6bf !important;

        border-radius:
            3px !important;
    }


    .skytamil-mobile-menu-separator__wing--left i:nth-child(1),
    .skytamil-mobile-menu-separator__wing--right i:nth-child(3) {

        width:
            14px !important;
    }


    .skytamil-mobile-menu-separator__wing--left i:nth-child(2),
    .skytamil-mobile-menu-separator__wing--right i:nth-child(2) {

        width:
            21px !important;
    }


    .skytamil-mobile-menu-separator__wing--left i:nth-child(3),
    .skytamil-mobile-menu-separator__wing--right i:nth-child(1) {

        width:
            17px !important;
    }


    .skytamil-mobile-menu-separator__wing--left {

        align-items:
            flex-end !important;
    }


    .skytamil-mobile-menu-separator__wing--right {

        align-items:
            flex-start !important;
    }


    /* =====================================================
       CSS-DRAWN PINK TV
       No emoji, so Android cannot change its appearance.
       ===================================================== */

    .skytamil-mobile-menu-separator__tv {

        position: relative !important;

        display: block !important;

        width:
            20px !important;

        height:
            20px !important;

        flex:
            0 0 20px !important;
    }


    .skytamil-mobile-menu-separator__screen {

        position: absolute !important;

        left:
            3px !important;

        bottom:
            1px !important;

        display: block !important;

        width:
            14px !important;

        height:
            12px !important;

        box-sizing:
            border-box !important;

        border:
            2px solid #ff174c !important;

        border-radius:
            3px !important;

        background:
            #fff !important;
    }


    .skytamil-mobile-menu-separator__antenna {

        position: absolute !important;

        top:
            1px !important;

        left:
            5px !important;

        width:
            10px !important;

        height:
            7px !important;
    }


    .skytamil-mobile-menu-separator__antenna::before,
    .skytamil-mobile-menu-separator__antenna::after {

        content: "" !important;

        position:
            absolute !important;

        top:
            3px !important;

        width:
            7px !important;

        height:
            2px !important;

        background:
            #ff174c !important;

        border-radius:
            3px !important;
    }


    .skytamil-mobile-menu-separator__antenna::before {

        left:
            -1px !important;

        transform:
            rotate(45deg) !important;

        transform-origin:
            right center !important;
    }


    .skytamil-mobile-menu-separator__antenna::after {

        right:
            -1px !important;

        transform:
            rotate(-45deg) !important;

        transform-origin:
            left center !important;
    }


    /* No separator on desktop search/header side effects */

    .skytamil-mobile-menu-separator + * {

        clear: both !important;
    }


    /* Reduce excess gap left by old navigation rules */

    #main-navigation-wrap {

        margin-bottom:
            0 !important;
    }

}


/* =========================================================
   DESKTOP: HIDE MOBILE-ONLY SEPARATOR
   ========================================================= */

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

    .skytamil-mobile-menu-separator {

        display:
            none !important;
    }

}


/* =========================================================
   END TAMILTVSHOW MOBILE SEPARATOR FINAL V3
   ========================================================= */