/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
 - Normalize
 - Box sizing
# Base
 - Typography
 - Elements
 - Links
 - Forms
## Layouts
# Components
 - Navigation
 - Posts and pages
 - Comments
 - Widgets
 - Media
 - Captions
 - Galleries
# plugins
 - Jetpack infinite scroll
# Utilities
 - Accessibility
 - Alignments

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

/* Color light mode
--------------------------------------------- 
Body color: #404040
Primary color: #ff0000
Primary hover color: #e60000
Secondary color: #fdae04
Title color: #181818
Muted color: #6c757d
Border color: #eaeaea
Bold border color: #a1a1a1
*/

/* Color dark mode
--------------------------------------------- 
Body color: #181818
Primary color: #ff0000
Primary hover color: #e60000
Background color: #252525
Title color: #e6e6e6
Muted color: #6c757d
Border color: #333333
*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Google fonts
--------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Normalize
--------------------------------------------- */

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

/* Document
 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
 line-height: 27px;
 -webkit-text-size-adjust: 100%;
}

/* Sections
 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
 margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
 display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
 font-size: 48px;
 margin: 15px 0;
 color: #181818
}

/* Grouping content
 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
 box-sizing: content-box;
 height: 0;
 overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
 font-family: monospace, monospace;
 font-size: 17px;
}

/* Text-level semantics
 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
 background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
 border-bottom: none;
 text-decoration: underline;
 text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
 font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
 font-family: monospace, monospace;
 font-size: 17px;
}

/**
 * Add the correct font size in all browsers.
 */
small {
 font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sub {
 bottom: -0.25em;
}

sup {
 top: -0.5em;
}

/* Embedded content
 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
 border-style: none;
}

/**
 * Remove outline.
 */
svg {
 outline: none;
}

/******

/* Forms
 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
 font-family: inherit;
 font-size: 100%;
 line-height: 27px;
 margin: 0;
 outline: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
 overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
 text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
 -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
 padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 * `fieldset` elements in all browsers.
 */
legend {
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
 vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
 overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
 height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
 -webkit-appearance: textfield;
 outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}

/* Interactive
 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
 display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
 display: list-item;
}

/* Misc
 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
 display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
 display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
 box-sizing: inherit;
}

html {
 box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
 background: #f6fafc;
 color: #404040;
 font-family: 'Inter', sans-serif;
 font-size: 17px;
 line-height: 27px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 clear: both;
 color: #181818;
 font-weight: 700;
 margin-bottom: 15px;
}

p,
.video-resolution {
 margin-bottom: 25px;
}

dfn,
cite,
em,
i {
 font-style: italic;
}

blockquote:before{
 position: absolute;
 font-size: 19px;
 font-family: 'bootstrap-icons';
 content: "\F6B0";
 font-weight: 900;
 top: 25px;
 left: 5px;
 color: #181818;
}

blockquote {
 font-weight: 500;
 color: #333333;
 line-height: 30px;
 border: 0;
 padding: 30px 0 30px 30px;
 margin: 30px 0;
 position: relative;
 font-style: italic;
 border-top: 1px solid #eaeaea;
 border-bottom: 1px solid #eaeaea;
}

blockquote i {
 font-size: 35px;
 color: #181818;
 margin-bottom: 20px;
 display: block;
 text-align: center;
}

address {
 margin: 0 0 1.5em;
}

pre {
 background: #eeeeee;
 font-family: "Courier 10 Pitch", courier, monospace;
 line-height: 1.6;
 margin-bottom: 1.6em;
 max-width: 100%;
 overflow: auto;
 padding: 1.6em;
}

code,
kbd,
tt,
var {
 font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}

mark,
ins {
 background: #fff9c0;
 text-decoration: none;
}

big {
 font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
 background: #FFF5F5;
 font-size: 19px;
 line-height: 31px;
 display: none;
}

hr {
 background-color: #cccccc;
 border: 0;
 height: 1px;
 margin-bottom: 1.5em;
}

ul,
ol {
 margin: 0 0 25px 15px;
}

ul {
 list-style: disc;
}

ol {
 list-style: decimal;
}

li > ul,
li > ol {
 margin-bottom: 0;
 margin-left: 25px;
}

dt {
 font-weight: 700;
}

dd {
 margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
 max-width: 100%;
}

img {
 height: auto;
 max-width: 100%;
}

figure {
 margin: 1em 0;
}

table {
 margin: 0 0 1.5em;
 width: 100%;
}

/* Links
--------------------------------------------- */
a {
 color: #181818;
 text-decoration: none;
 outline: none;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

a:visited {
 color: #181818;
}

a:hover,
a:focus,
a:active {
 color: #ff0000;
 outline: none;
 border: 0
}

a:hover,
a:active {
 outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.vidiom-dark input.vidiom-primary,
.wp-block-search .wp-block-search__button,
a.vidiom-light,
a.vidiom-secondary,
a.vidiom-primary {
 border: 0;
 border-radius: 4px;
 background: #ff0000;
 color: #ffffff;
 font-size: 15px;
 font-weight: 700;
 padding: 13px 28px;
 outline: none;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-search .wp-block-search__button:hover,
.vidiom-dark .accordion-button:hover,
a.vidiom-primary:hover {
 background: #e60000;
}

/**
** Secondary button
*/
a.vidiom-secondary {
 background: #333333;
}

a.vidiom-secondary:hover {
 background: #181818;
}

/**
** Light button
*/
a.vidiom-light {
 background: transparent;
 border: 1px solid #181818;
 color: #181818
}

.vidiom-dark a.vidiom-light:hover,
a.vidiom-light:hover {
 background: #e60000;
 color: #ffffff;
 border: 1px solid #e60000
}

button:active,
button:focus,
.form-select:focus,
a.vidiom-light:focus,
a.vidiom-primary:focus,
a.vidiom-secondary:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
 border-color: #ff0000;
 box-shadow: none !important
}

select,
.form-control,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
 color: #404040;
 border: 1px solid #a1a1a1;
 border-radius: 4px;
 padding: 0 15px;
 height: 52px;
 width: 100%;
 margin-bottom: 30px;
}

select:focus,
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
 border-color: #ff0000;
 box-shadow: none;
}

textarea.form-control,
textarea {
 width: 100%;
 height: auto;
 padding: 15px
}

input[type=checkbox]:checked {
 color: #ff0000;
}

form input[type=checkbox], 
form input[type=radio] {
 -webkit-appearance: none;
 -moz-appearance: none;
 position: relative;
 width: 25px;
 height: 25px;
 border: 1px solid #181818;
 background: #ffffff;
 margin-bottom: -5px;
 border-radius: 4px;
 margin-right: 5px;
}

input[type=checkbox]:checked:after {
 opacity: 1;
}

form input[type=checkbox]:after {
 content: "";
 opacity: 0;
 display: block;
 left: 8px;
 top: 3px;
 position: absolute;
 width: 7px;
 height: 13px;
 border: 2px solid #181818;
 border-top: 0;
 border-left: 0;
 transform: rotate(45deg);
}

.vidiom-dark input[type=checkbox]:after {
 border: 2px solid #e6e6e6;
 border-top: 0;
 border-left: 0
}

/* Search form style */
form.search-form .search-field {
 padding: 12px 15px;
}
.wp-block-search .wp-block-search__input {
 margin-bottom: 0;
}
form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
 background: #f5f5f5;
 padding: 30px;
 border-radius: 5px;
}
form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search label {
 font-weight: 700;
 margin-bottom: 15px;
}

form.search-form,
form.post-password-form p {
 display: flex;
 align-items: center;
}

.vidiom-sidebar .widget form.search-form {
 margin-bottom: -30px;
}

form.search-form input[type="submit"],
form.post-password-form p input[type="submit"] {
 margin-top: -30px;
 margin-left: 10px;
}

/* Table style */
.wp-block-calendar {
 margin: 30px 0;
 width: 100%;
}
table a{
 font-weight: 700
}
th,
tr,
td {
 border: 1px solid #eaeaea;
 padding: 15px;
}
th,
.wp-block-calendar table th {
 font-weight: 700;
}
nav.wp-calendar-nav {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.vidiom-main-navbar {
 background-color: #ffffff;
 border: 1px solid #eaeaea;
}

.side-nav .dropdown a,
.side-nav .nav-pills .nav-link.active, 
.side-nav .nav-pills .show>.nav-link {
 color: #181818;
 font-weight: 700;
 background-color: transparent;
}

.vidiom-main-navbar input.form-control {
 margin-bottom: 0;
}

.main-navigation {
 display: block;
 width: 100%;
}

.main-navigation ul {
 display: none;
 list-style: none;
 margin: 0;
 padding-left: 0;
}

.main-navigation ul ul {
 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 float: left;
 position: absolute;
 top: 100%;
 left: -999em;
 z-index: 99999;
}

.main-navigation ul ul ul {
 left: -999em;
 top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
 display: block;
 left: auto;
}

.main-navigation ul ul a {
 width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
 left: auto;
}

.main-navigation li {
 position: relative;
}

.main-navigation a {
 display: block;
 text-decoration: none;
}

.vidiom-user-profile,
.vidiom-user-profile:focus,
.vidiom-user-profile:active:focus,
.vidiom-user-profile { 
 box-shadow: none;
}

.subscribe-form,
.nav-search {
 width: 50%;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
 display: block;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
 margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
 display: flex;
 margin: 50px 0;
 font-weight: 700;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
 flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
 text-align: end;
 flex: 1 0 50%;
}

.vidiom-user-dashboard.dropdown.user-dashboard img {
 border-radius: 50%;
 margin-right: 5px;
}

.vidiom-user-dashboard.dropdown.user-dashboard a.dropdown-toggle {
 text-transform: capitalize;
 font-size: 16px;
 font-weight: 600;
}

.vidiom-nav a.vidiom-primary {
 padding: 5px 20px;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
 display: block;
 background: #f8f9fa;
 padding: 30px;
 border-radius: 5px;
 position: relative
}
.sticky:before {
 position: absolute;
 top: 15px;
 right: 30px;
 font-family: 'Line Awesome Free';
 content: "\f02e";
 font-size: 30px;
 font-weight: 700;
 color: #ff0000
}

.post,
.page {
 margin: 0 0 1.5em;
 word-break: break-word;
}

.updated:not(.published) {
 display: none;
}

header.entry-header {
 margin-bottom: 30px;
}

header.page-header.vidiom-page-header {
 padding: 100px 0;
 background: #181818;
 color: #ffffff;
}

header.vidiom-page-header h1 {
 color: #ffffff
}

header.vidiom-page-header h1 span {
 text-transform: capitalize;
}

.page-content,
.entry-content,
.entry-summary {
 margin: 30px 0;
 overflow: hidden;
}

.entry-content p.wp-block-cover-text {
 color: #ffffff;
}

.page-links {
 clear: both;
 margin: 0 0 1.5em;
}

.entry-meta {
 font-size: 16px;
 text-transform: capitalize;
 margin-bottom: 30px;
}

.entry-meta a {
 font-weight: 600;
}

/* Comments
--------------------------------------------- */
.comment-content a {
 word-wrap: break-word;
}

.bypostauthor {
 display: block;
}

ul.vidiom-comment-depth {
 margin-left: 0;
 padding-left: 0;
}

.vidiom-comment-body p {
 margin-bottom: 15px
}

h3.comment-reply-title small {
 float: right;
}

.vidiom-comment-depth li.comment {
 list-style: none;
}

.vidiom-comment-list {
 background: #ffffff;
 margin-bottom: 30px;
 border: 1px solid #eaeaea;
 padding: 30px;
 overflow: hidden
}

.vidiom-comment-body .avatar {
 border-radius: 4px;
 width: 50px;
 height: auto;
 object-fit: cover;
}

.children .vidiom-comment-body .avatar {
 border-radius: 4px;
 width: 30px;
 height: auto;
 object-fit: cover;
}

.vidiom-comment-body .meta-date {
 font-size: 14px;
 font-weight: 600;
 padding-top: 15px;
 color: #6c757d;
 border-top: 1px solid #eaeaea;
}

.vidiom-comment-body .author-meta {
 text-transform: capitalize;
 font-size: 17px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.vidiom-comment-list .card-body img {
 border-radius: 4px;
 margin: 15px 0;
}

ul.vidiom-comment-depth li.pingback a,
ul.vidiom-comment-depth li.trackback a,
.vidiom-comment-body .author-meta span {
 font-weight: 500;
}

ul.vidiom-comment-depth li.pingback,
ul.vidiom-comment-depth li.trackback {
 list-style: none;
}

.comment-reply-link i {
 margin-left: 10px;
}

/* Widgets
--------------------------------------------- */
.widget {
 margin: 0 0 40px;
}

.menu-testing-menu-container ul:nth-child(1),
.widget ul:nth-child(2) {
 margin-left: -12px;
}

.widget ul li {
 margin: 10px 0
}

.widget select {
 max-width: 100%;
 border: 1px solid #cccccc;
 height: 45px;
 padding: 0 10px;
}

h3.comment-reply-title,
h2.widgettitle {
 font-size: 25px;
 font-weight: 700;
 line-height: 35px;
 color: #181818;
 padding: 15px 25px 15px 0;
 margin-bottom: 15px;
 border-radius: 4px;
}

h2.widgettitle {
 padding-top: 0
}

.widgettitle a.rsswidget {
 display: inline-block
}

a.rsswidget {
 display: block;
 font-weight: 700;
}

span.rss-date {
 font-size: 17px;
}

.rssSummary {
 margin: 10px 0;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
 border: none;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
 display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
 margin-bottom: 1.5em;
 max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.wp-caption .wp-caption-text {
 margin: 0.8075em 0;
}

.wp-caption-text {
 text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
 margin-bottom: 1.5em;
 display: grid;
 grid-gap: 1.5em;
}

.gallery-item {
 display: inline-block;
 text-align: center;
 width: 100%;
}

.gallery-columns-2 {
 grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
 grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
 grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
 grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
 grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
 grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
 grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
 grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
 display: block;
}

/* Scroll bar Style — Netflix-inspired: hidden by default, visible on hover
--------------------------------------------- */

/* Firefox: scrollbar hidden by default via transparent colors */
* {
 scrollbar-width: thin;
 scrollbar-color: transparent transparent;
}

/* Reveal scrollbar on hover (Firefox) */
*:hover,
*:focus-within {
 scrollbar-color: var(--v-scrollbar-thumb, rgba(108, 117, 125, 0.5)) transparent;
}

/* Chrome, Edge, Safari: thin scrollbar, hidden by default */
*::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}

*::-webkit-scrollbar-track {
 background: transparent;
}

*::-webkit-scrollbar-thumb {
 background-color: transparent;
 border-radius: 8px;
 border: 2px solid transparent;
 background-clip: content-box;
 transition: background-color 0.3s ease;
}

/* Reveal scrollbar thumb on hover (Chrome, Edge, Safari) */
*:hover::-webkit-scrollbar-thumb {
 background-color: rgba(108, 117, 125, 0.5);
}

*:hover::-webkit-scrollbar-thumb:hover {
 background-color: rgba(108, 117, 125, 0.8);
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
 display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
 display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 width: 1px;
 word-wrap: normal !important;
}

.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 4px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 clip-path: none;
 color: #21759b;
 display: block;
 font-size: 0.875rem;
 font-weight: 700;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
 outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

 /*rtl:ignore*/
 float: left;

 /*rtl:ignore*/
 margin-right: 1.5em;
 margin-bottom: 1.5em;
}

.alignright {
 /*rtl:ignore*/
 float: right;
 /*rtl:ignore*/
 margin-left: 1.5em;
 margin-bottom: 1.5em;
}

.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1.5em;
}

/* Section header
--------------------------------------------- */

.section-header {
 text-align: center;
 max-width: 700px;
 margin: 0 auto var(--v-space-12) auto;
}

.section-header h2 {
 font-size: var(--v-fs-3xl);
 font-weight: var(--v-fw-bold);
 margin-bottom: var(--v-space-5);
 margin-top: 0;
 color: var(--v-text-heading);
}

/* Section title — Netflix-style: clean, bold, no heavy underlines
--------------------------------------------- */

.title-left h4,
.title-left h3,
.title-left h2,
.mega-menu-wrapper .menu-title {
 font-size: var(--v-fs-xl);
 font-weight: var(--v-fw-bold);
 color: var(--v-text-heading);
 padding-bottom: var(--v-space-2);
 margin-bottom: var(--v-space-4);
 border-bottom: none;
 position: relative;
 line-height: var(--v-lh-tight);
}

.title-left h4:after,
.title-left h3:after,
.title-left h2:after,
.mega-menu-wrapper .menu-title:after {
 content: none;
}

.mega-menu-wrapper .menu-title {
 border: 0;
}

.mega-menu-wrapper .menu-title:after {
 content: none;
}

.title-left svg {
 width: 20px;
 vertical-align: middle;
 margin-right: var(--v-space-2);
}

/* Social links
--------------------------------------------- */

.social-links {
 list-style: none;
 margin: 0;
 padding: 0;
}

.social-links li {
 display: inline-block;
 margin-right: 10px;
}

.social-links li i {
 color: #6c757d;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.social-links li:hover i {
 color: #ff0000
}

/* Video content design
--------------------------------------------- */

.video-container {
 margin-bottom: 30px;
}

.video-container img {
 border-radius: 4px;
}

.video-content h3 a,
.video-content h3 {
 font-size: 15px;
 line-height: 25px;
 font-weight: 700;
 text-transform: capitalize;
 margin: 25px 0 5px 0
}

.video-meta,
.video-author {
 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.video-author img {
 max-width: 50px;
 width: 50px;
 height: 50px;
 object-fit: cover;
 border-radius: 50%;
 margin-right: 15px;
 margin-top: 5px;
}

.video-information-right .add-to-playlist,
.video-information-right span,
.video-information span {
 display: inline-block;
 font-size: 14px;
 line-height: 20px;
}

.video-information .video_author_name {
 display: block;
 font-weight: 600;
 font-size: 14px;
 margin-top: 10px;
}

.plyr__controls {
 margin-bottom: -85px;
}

.thumbnail-container:hover .plyr__controls,
.video-container:hover .plyr__controls {
 margin-bottom: 0;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

/* For single video */
.video-details .plyr__controls {
 margin-bottom: unset;
}

.video-information-right span {
 cursor: pointer;
}

.add-to-playlist input[type=checkbox]:checked:after {
 opacity: 0
}

.add-to-playlist input[type=checkbox], 
.add-to-playlist input[type=radio] {
 height: 15px;
 width: 15px;
}

.add-to-playlist .modal-dialog-scrollable .modal-body {
 overflow-y: auto;
 padding: 25px;
}

.add-to-playlist .form-check {
 margin-bottom: 10px;
}

.playlist-footer {
 display: block;
}

.playlist-btn {
 cursor: pointer;
}

.playlist-label {
 display: flex;
 justify-content: space-between;
}

/* Video category nav
--------------------------------------------- */

.cat-nav-link {
 margin: 0 5px 30px 50px;
 padding: 0 10px;
}

.sidebar-query-link li,
.search-tag li,
.cat-nav-link li {
 display: inline-block;
 margin: 0 2px 8px 2px;
 padding: 3px 15px;
 background: #ffffff;
 font-size: 15px;
 border-radius: 4px;
 border: 1px solid #eaeaea;
 text-align: center;
}
 
.sidebar-query-link .slick-arrow,
.cat-nav-link .slick-arrow {
 position: absolute;
 left: -35px;
 top: 0;
 cursor: pointer;
 background: #404040;
 color: #ffffff;
 padding: 5px 10px;
 line-height: 29px;
 border-radius: 4px;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.sidebar-query-link .slick-arrow:hover,
.cat-nav-link .slick-arrow:hover {
 background: #e60000
}

.sidebar-query-link .bi-chevron-right.slick-arrow,
.cat-nav-link .bi-chevron-right.slick-arrow {
 right: 5px;
 left: unset
}

/* Popular search tag
--------------------------------------------- */

.popular-search {
 margin: 0 0 72px 0;
}

.search-tag {
 margin: 0 15px;
 padding: 0;
}

/* Vidiom call to action
--------------------------------------------- */

.vidiom-cta {
 background: linear-gradient( rgba(0,0,0, 0.80 ), rgba( 0,0,0, 0.80 ) ), url( 'images/movies/movie_29.jpg' );
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 overflow: hidden;
 padding: 50px;
 margin: 0 15px 80px 15px;
 border-radius: 4px;
 border: 1px solid #eaeaea;
}

.vidiom-cta h2 {
 color: #e6e6e6;
 font-weight: 800;
 position: relative;
 margin-bottom: 35px;
}

.vidiom-cta h2:after {
 content: url('/images/brush-thin.svg');
 border: 0;
 bottom: -35px;
 left: 0;
 color: #6c757d;
 width: 200px;
 position: absolute;
 transform: rotate(178deg);
}

.vidiom-cta p {
 color: #e6e6e6;
}

/* Vidiom page header
--------------------------------------------- */

.vidiom-header {
 background: #ffffff;
 overflow: hidden;
 padding: 50px;
 margin: 30px 15px 80px 15px;
 border-radius: 4px;
 text-align: center;
 border: 1px solid #eaeaea
}

.vidiom-header h1 {
 font-weight: 800;
 position: relative;
 margin: 0 0 35px 0;
}

.vidiom-header h1:after {
 content: url('/images/brush-thin.svg');
 border: 0;
 bottom: -50px;
 left: calc( 100% - ( 50% + 100px ) );
 color: #6c757d;
 width: 200px;
 position: absolute;
 transform: rotate(178deg);
}

.vidiom-header p {
 margin: 0
}

/*--------------------------------------------------------------
# Menu Sections 
--------------------------------------------------------------*/
.navbar-brand img.vidiom-logo {
 max-height: 40px;
}

.navbar-toggler:hover {
 background: #ffffff;
}

.vidiom-main-navbar .navbar-nav {
 margin-right: 35px;
}

.navbar-brand.logo-light {
 display: none;
}

/* Bootstrap menu customization
--------------------------------------------- */

.vidiom-main-navbar a.navbar-brand img,
.footer-logo img {
 max-height: 35px;
}

.nav-link.dropdown-toggle::after {
 content: "\F282";
 font-size: 13px;
 font-family: 'bootstrap-icons';
 border: 0;
 margin-top: 0;
 vertical-align: -2px;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.nav-link.dropdown-toggle.show::after {
 transform: rotate( 180deg );
}

.vidiom-main-navbar button.dropdown-toggle::after {
 display: none
}

.vidiom-main-navbar .navbar-nav .nav-link {
 color: #404040;
 font-size: 15px;
}

.vidiom-main-navbar .navbar-nav .active > .nav-link{
 font-weight: 700
}

a.dropdown-item:hover,
a.dropdown-item:focus,
.vidiom-main-navbar .navbar-nav .nav-link:focus, 
.vidiom-main-navbar .navbar-nav .nav-link:hover {
 color: #ff0000
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
 min-width: 250px;
 margin-top: 8px
}

.navbar-nav .dropdown-menu li{ 
 position: relative;
 display: flex;
 align-items: center;
}

.navbar-nav .dropdown-menu li::before {
 content: "\F5D4";
 font-size: 13px;
 font-weight: 700;
 font-family: 'bootstrap-icons';
 border: 0;
 margin-top: 0;
 margin-left: 15px;
 color: #6c757d;
}

.navbar-nav .dropdown-menu.mega-menu-wrapper li::before {
 margin-left: 0;
 margin-right: 15px;
}

.cart-dropdown .dropdown-item,
.user-profile-dropdown .dropdown-item {
 font-size: 14px;
 padding: 0 15px;
}

.dropdown-item:focus, 
.dropdown-item:hover,
.cart-dropdown .dropdown-item.active, 
.cart-dropdown .dropdown-item:hover,
.cart-dropdown .dropdown-item:active,
.user-profile-dropdown .dropdown-item.active, 
.user-profile-dropdown .dropdown-item:hover,
.user-profile-dropdown .dropdown-item:active,
.vidiom-user-dashboard.dropdown.user-dashboard li a:hover, 
.dropdown-menu > li:hover {
 background-color: transparent;
}

.user-profile-dropdown .user-name {
 font-size: 14px;
 font-weight: 700;
 padding: 0 15px;
}

.cart-dropdown {
 width: 315px;
 padding: 15px;
}

.cart-dropdown,
.user-profile-dropdown {
 margin-top: 16px !important;
}

.cart-item-thumb img {
 max-width: 45px;
 border-radius: 4px;
 margin-right: 10px;
}

.cart-item-thumb a {
 font-weight: 600;
}

.cart-item {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 20px 0;
 border-bottom: 1px solid #eaeaea;
}

.cart-item-name p {
 font-size: 14px;
 line-height: 22px;
 font-weight: 500;
 margin: 0 10px 0 10px;
}

.cart-item-price {
 text-align: right;
}

span.cart-total {
 font-weight: 700;
 float: right;
 margin: 15px 0;
}

.cart-dropdown .vidiom-primary {
 clear: both;
 display: block;
 text-align: center;
 padding: 5px 15px;
 font-weight: 500;
}

.nav-item .submenu{ 
 display: none;
 position: absolute;
 left: 100%; 
 top: -7px;
}

.nav-item .submenu-left{ 
 right: 100%; 
 left: auto;
}

.dropdown-menu > li:hover > .submenu{ 
 display: block; 
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link {
 padding: 8px 15px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.vidiom-user-dashboard.dropdown.user-dashboard ul {
 padding: 12px 0;
 margin-top: 15px;
}

.vidiom-user-dashboard.dropdown.user-dashboard li a {
 font-weight: 500;
 padding: 2px 20px;
}

.subscribe-form input,
.nav-search input {
 height: 45px;
 border-top-left-radius: 35px;
 border-bottom-left-radius: 35px;
}

.subscribe-btn,
.nav-search .search-btn {
 background: #404040;
 border-top-right-radius: 35px;
 border-bottom-right-radius: 35px;
 height: 45px;
 padding: 0 30px;
 margin-left: -1px;
}

.subscribe-form:hover input[type="email"] {
 border: 1px solid #ff0000;
}
.subscribe-form.active-button-focus .subscribe-btn,
.nav-search.active-button-focus .search-btn,
.subscribe-form:hover .subscribe-btn {
 background: #ff0000;
}

.video-upload,
.mode-switcher {
 margin-left: 35px;
 cursor: pointer;
}

.mode-switcher span {
 margin-left: 10px;
}

.video-upload svg {
 max-width: 40px;
}

.vidiom-cart-items,
.vidiom-user-profile {
 border-radius: 50%;
 height: 30px;
 width: 30px;
 text-align: center;
 padding: 0;
 margin-top: -5px;
 margin-left: 15px;
 background: #404040;
}

.vidiom-cart-items {
 color: #ffffff
}

.vidiom-cart-items svg {
 height: 16px;
}

.vidiom-user-profile {
 color: #ffffff;
 margin-left: 15px;
}

.vidiom-cart-items {
 border: 0;
 position: relative;
}

.total-items {
 top: -13px;
 left: 32px;
 position: absolute;
 background: #dddddd;
 height: 20px;
 width: 20px;
 font-size: 12px;
 border-radius: 50%;
 text-align: center;
 line-height: 17px;
 border: 2px solid #ffffff;
}

.vidiom-user-profile svg {
 width: 15px;
 margin-top: -3px;
}

.layout-switcher {
 background: #ffffff;
 color: #404040;
 margin: 15px;
 font-size: 14px;
 display: flex;
 justify-content: space-around;
 border: 1px solid #aeaeae;
 border-radius: 4px;
 text-align: center;
}

.layout-switcher span {
 cursor: pointer;
 flex-basis: 0;
 flex-grow: 1;
 margin: 10px;
}

.layout-switcher .active-layout {
 background: #eeeeee;
 color: #404040;
 display: block;
 padding: 0 10px;
 border-radius: 4px;
}

/* Mega menu
--------------------------------------------- */
.has-mega-menu.dropdown {
 position: static !important;
}

.navbar-expand-lg .navbar-nav .mega-menu-wrapper.dropdown-menu {
 width: 100%;
 max-width: unset;
 padding: 30px 15px;
 border-radius: 4px;
 margin-top: 0;
 left: 0
}

.mega-menu-wrapper .menu-single-item {
 margin: 10px 0
}

.mega-menu-wrapper .menu-single-item h3 {
 font-size: 17px;
 font-weight: 700;
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #e7e7e7;
}

.mega-menu-wrapper .menu-single-item a {
 display: block;
 padding: 5px 0 !important;
 font-weight: 600;
}

.mega-menu-wrapper .menu-single-item a:hover {
 color: #ff0000
}

.fixed {
 position: fixed;
 top: 0;
}

/* Menu large dropdown 
--------------------------------------------- */

.navbar-expand-lg .navbar-nav .large-menu .mega-menu-wrapper.dropdown-menu {
 width: auto;
 left: unset
}

.navbar-expand-lg .navbar-nav .large-menu.dropdown-menu {
 padding: 30px 15px;
}

.mega-menu-wrapper .menu-title {
 font-size: 18px;
 font-weight: 700;
 margin-bottom: 15px;
}

.mega-menu-wrapper ul.large-menu-items {
 margin: 0;
 padding: 0;
 list-style: none;
}

.large-menu .large-menu-single-item {
 padding: 0 30px
}

/* Menu single item with thumbnail
--------------------------------------------- */
.thumbnail-item {
 display: flex;
 align-items: start
}

.thumbnail-item-left {
 margin-right: 15px;
}

.thumbnail-item .thumbnail-item-left img {
 max-height: 80px;
 min-width: 80px;
 border-radius: 4px;
}

.thumbnail-item-right h3,
a.mega-menu-thumbnail-item {
 font-size: 16px;
 line-height: 23px;
 font-weight: 700;
 display: inline-block;
}

a.mega-menu-thumbnail-item {
 margin: 15px 0;
 padding: 15px;
}

a.mega-menu-thumbnail-item:hover {
 background: #eff4f4;
 border-radius: 4px;
}

a.mega-menu-thumbnail-item:before {
 content: none;
}

.thumbnail-item-right p {
 font-size: 15px;
 line-height: 23px;
 font-weight: normal;
 color: #181818;
 margin-top: 3px;
 margin-bottom: 0;
}

/* Menu Stiker
--------------------------------------------- */
.has-mega-menu .sticker-trendy:after,
.has-mega-menu .sticker-new:after,
.sticker-trendy.menu-item > a:after,
.sticker-new.menu-item > a:after {
 font-size: 11px;
 line-height: 15px;
 color: #ffffff;
 background: #ff0000;
 padding: 2px 5px;
 border-radius: 4px;
 content: "New";
 margin-left: 5px;
 top: 15px;
 position: absolute;
}
.has-mega-menu .sticker-trendy:after,
.sticker-trendy.menu-item > a:after {
 background: #ff3008;
 content: "Hot";
}

/* Fixed Sidebar
--------------------------------------------- */
.side-nav {
 height: 100%;
 width: inherit;
 position: fixed;
 z-index: 1;
 top: 58px;
 background: #ffffff;
 border: 1px solid #eaeaea;
 overflow-x: hidden;
 padding: 30px 15px 80px 15px;
}

.side-nav ul {
 margin: 0;
}

.side-nav ul li {
 width: 100%;
}

.side-nav .sidebar-section-title {
 font-size: 17px;
 font-weight: 700;
 border-top: 1px solid #eaeaea;
 padding: 10px 0 5px 0;
}

.side-nav .sidebar-avatar-container {
 padding: 5px 0;
}

.side-nav .sidebar-avatar {
 width: 30px;
 height: 30px;
 object-fit: cover;
 border-radius: 50%;
 margin-right: 10px;
}

.mode-switcher,
.side-nav .dropdown a,
.side-nav .nav-pills .nav-link {
 display: flex;
 align-items: center;
 margin: 5px 0;
 padding: 0;
 font-size: 15px;
 color: #404040;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.icon-sidebar .side-nav .dropdown a, 
.icon-sidebar .side-nav .nav-pills .nav-link {
 display: block;
}

.side-nav .nav-pills li:first-child .nav-link {
 margin-top: 0;
}

.icon-sidebar .mode-switcher {
 margin-left: 4px;
}

.side-nav .dropdown a:hover,
.side-nav .nav-pills .nav-link:hover,
.side-nav .dropdown a:focus,
.side-nav .nav-pills .nav-link:focus {
 color: #ff0000
}

.side-nav .nav-pills .nav-link:hover img {
 border: 2px solid #ff0000
}

.side-nav .dropdown a svg,
.side-nav .nav-pills .nav-link svg {
 width: 15px;
 margin-right: 10px;
 vertical-align: unset
}

.side-nav ul.sidebar-footer {
 margin: 20px 0;
 padding: 5px 0;
 border-top: 1px solid #eaeaea;
 border-bottom: 1px solid #eaeaea;
 list-style: none;
}

.side-nav ul.sidebar-footer li {
 display: inline-block;
 width: auto;
 font-size: 15px;
 margin-right: 10px;
}

span.sidebar-copyright {
 font-size: 13px;
}

.icon-sidebar .sidebar-following,
.icon-sidebar .side-nav ul.sidebar-footer,
.icon-sidebar span.sidebar-copyright,
.icon-sidebar .dropdown a span, 
.icon-sidebar .mode-switcher span, 
.icon-sidebar .nav-pills .nav-link span {
 display: none;
}

.menuToggleIcon {
 margin-right: 15px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 min-width: 40px;
 min-height: 40px;
 background-color: #404040;
 border-radius: 6px;
 transition: all 0.2s ease;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
 touch-action: manipulation;
}

.menuToggleIcon:hover {
 background-color: #4d4d4d;
 transform: scale(1.05);
}

.menuToggleIcon:active {
 transform: scale(0.95);
 background-color: #333333;
}

.menuToggleIcon i {
 font-size: 22px;
 color: white;
 font-weight: bold;
}

/* Dark mode support */
.vidiom-dark .menuToggleIcon {
 background-color: #404040;
}

.vidiom-dark .menuToggleIcon:hover {
 background-color: #4d4d4d;
}

.vidiom-dark .menuToggleIcon:active {
 background-color: #333333;
}

.only-for-desktop {
 display: flex;
}

.show-for-tab-mobile {
 display: none;
}

/*--------------------------------------------------------------
# Main Content
--------------------------------------------------------------*/

.vidiom-main-content {
 background: #fff5f5;
}

/* Desktop: Default sidebar width */
@media (min-width: 992px) {
 .vidiom-content-sidebar {
 width: 165px;
 padding-left: 0;
 transition: width 0.3s ease-in-out;
 }
}

.vidiom-content-body {
 transition: width 0.3s ease-in-out, margin-left 0.3s ease-in-out;
}

.boxed-layout .vidiom-content-body {
 border-right: 1px solid #eaeaea;
}

/* More specific selector to ensure it overrides base width */
/* Desktop: Collapsed sidebar shows icons only (55px) */
@media (min-width: 992px) {
 .vidiom-content-sidebar.icon-sidebar {
 width: 55px !important;
 text-align: center;
 }
}

.icon-sidebar .side-nav .dropdown a svg,
.icon-sidebar .side-nav .nav-pills .nav-link svg {
 margin-right: unset;
}

.icon-sidebar .vidiom-content-body {
 /* Let flex layout size the content; prevents right-side gap */
}

/* Main slider
--------------------------------------------- */

.vidiom-intro {
 margin: 30px 5px 80px 5px;
}

.vidiom-intro.full-width {
 margin: 30px 0 80px 5px;
}

.vidiom-main-slide .carousel-item,
.vidiom-main-slide .carousel-item video,
.vidiom-main-slide .carousel-item img {
 max-height: 500px;
 min-height: 500px;
 object-fit: cover;
 border-radius: 4px;
}

.vidiom-intro-episodes .carousel-item,
.vidiom-intro-episodes .carousel-item video,
.vidiom-intro-episodes .carousel-item img {
 max-height: 600px;
 min-height: 600px;
}

button.carousel-control-prev:hover,
button.carousel-control-next:hover {
 background: transparent
}

.vidiom-main-slide .carousel-caption h1,
.vidiom-main-slide .carousel-caption h2 {
 font-size: 55px;
 font-weight: 800;
 color: #ffffff;
}

/* Custom caterory
--------------------------------------------- */
.multi-product {
 margin: -75px 15px 50px 15px;
}

.custom-cat-content {
 background: #2c2c2c;
 color: #ffffff;
 text-align: center;
 border: 0 solid #EEEDFD;
 padding: 40px 30px;
 margin-bottom: 15px;
 border-radius: 5px;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.custom-cat-content {
 background: linear-gradient( rgba( 0, 0, 0, 0.6 ), rgba( 0, 0, 0, 0.6 ) ), url(images/movies/movie_20.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center
}

.custom-cat-content.cat-1 {
 background: linear-gradient( rgba( 0, 0, 0, 0.3 ), rgba( 0, 0, 0, 0.3 ) ), url(/images/banner/action.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.custom-cat-content.cat-2 {
 background: linear-gradient( rgba( 0, 0, 0, 0.3 ), rgba( 0, 0, 0, 0.3 ) ), url(/images/banner/adventure.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.custom-cat-content.cat-3 {
 background: linear-gradient( rgba( 0, 0, 0, 0.3 ), rgba( 0, 0, 0, 0.3 ) ), url(/images/banner/drama.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.custom-cat-content.cat-4 {
 background: linear-gradient( rgba( 0, 0, 0, 0.3 ), rgba( 0, 0, 0, 0.3 ) ), url(/images/banner/comedy.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.custom-cat-content.cat-5 {
 background: linear-gradient( rgba( 0, 0, 0, 0.3 ), rgba( 0, 0, 0, 0.3 ) ), url(/images/banner/horror.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.custom-cat-content.cat-6 {
 background: linear-gradient( rgba( 0, 0, 0, 0.4 ), rgba( 0, 0, 0, 0.4 ) ), url(/images/banner/romance.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.custom-cat-content,
.custom-cat-content span.cat-name, 
.custom-cat-content span.cat-item {
 color: #ffffff
}

.multi-product a:hover span.cat-name {
 color: #ffffff
}

.custom-cat-content:hover {
 margin-top: -5px
}

.multi-product a:hover .cat-name {
 color: #efefef
}

.custom-cat-content img{
 max-width: 70px;
 max-height: 70px;
}

/* Mode switcher in settings */
.mode-switcher-settings {
 margin-top: 15px;
}

.mode-switcher-settings .mode-switcher {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 8px 16px;
 border-radius: 6px;
 transition: all 0.3s ease;
}

.mode-switcher-settings .mode-switcher:hover {
 background-color: #f8f9fa;
}

.mode-switcher-settings .mode-icon-change {
 font-size: 16px;
}

.mode-switcher-settings .mode-switcher span {
 font-size: 14px;
 font-weight: 500;
}

/* Layout switcher in settings */
.layout-switcher-settings {
 margin-top: 15px;
}

.layout-switcher-settings .layout-switcher {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 8px 16px;
 border: 1px solid #dee2e6;
 border-radius: 6px;
 background-color: #f8f9fa;
 cursor: pointer;
 transition: all 0.3s ease;
 max-width: 200px;
}

.layout-switcher-settings .layout-switcher:hover {
 background-color: #e9ecef;
 border-color: #adb5bd;
}

.layout-switcher-settings .layout-switcher span {
 padding: 4px 12px;
 border-radius: 4px;
 font-size: 14px;
 font-weight: 500;
 transition: all 0.3s ease;
 cursor: pointer;
}

.layout-switcher-settings .layout-switcher .active-layout {
 background-color: #007bff;
 color: white;
}

.layout-switcher-settings .layout-switcher span:not(.active-layout) {
 background-color: transparent;
 color: #6c757d;
}

.layout-switcher-settings .layout-switcher span:not(.active-layout):hover {
 background-color: #e9ecef;
 color: #495057;
}
.custom-cat-content span.cat-name{
 display: block;
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 font-weight: 700; 
 word-break: break-all;
}
.custom-cat-content span.cat-item {
 font-size: 15px;
}

/* Movie slider
--------------------------------------------- */

.movie-slider {
 margin: 0 0 80px 5px;
}

.movie-slider h2 {
 color: #ffffff;
 font-size: 48px;
 font-weight: 800;
}

.movie-slider h3 {
 color: #ffffff;
 border-left: 5px solid #FFFF00;
 padding-left: 10px;
 line-height: 18px;
 font-size: 18px;
 font-style: italic;
}

.movie-slider .carousel-item img {
 border-radius: 4px;
 min-height: 300px;
 object-fit: cover;
}

.vidiom-main-slide .carousel-caption, 
.movie-slider .carousel-caption {
 left: 30px;
 right: 30px;
 top: 50%;
 bottom: unset;
 transform: translateY(-50%);
 z-index: 1;
}

.movie-slider .carousel-caption {
 text-align: left;
}

.vidiom-main-slide .carousel-caption {
 max-width: 700px;
 margin: auto;
}

.vidiom-intro-episodes .carousel-caption p {
 margin: 0 0 35px 0;
}

.button-wrapper {
 position: relative;
 display: inline-block;
}

.button-wrapper svg {
 position: absolute;
 width: 70px;
 left: -60%;
 bottom: -5px;
 fill: #ff0000;
 animation: linear infinite;
 -webkit-animation: linear infinite;
 animation-name: run;
 -webkit-animation-name: run;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
}

@keyframes run {
 0% {
 left: -60%;
 }
 50% {
 left: -70%;
 }
 100% {
 left: -60%; 
 }
}

.movie-info {
 margin: 15px 0;
 font-size: 17px;
}

.movie-info span {
 margin: 0 10px 0 0;
 padding-right: 10px;
 border-right: 1px solid #eeeeee;
}

.movie-ratings svg {
 margin-top: -3px;
}

.movie-info span:last-child {
 border: 0
}

.movie-slider .carousel-control-next, 
.movie-slider .carousel-control-prev {
 display: none;
}

.movie-slider .plyr {
 margin-left: 70px;
}

.movie-slider .carousel-item:after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: rgba( 0, 0, 0, 0.3 );
}

.carousel-caption p.free-trial-text {
 margin: 15px 0 15px;
 font-size: 20px;
 font-family: 'Dancing Script', cursive;
}

/* Intro With Episodes
--------------------------------------------- */
.vidiom-intro-episodes {
 margin: 0 -12px 80px -12px;
}

.video-details .entry-content {
 position: relative
}

.vidiom-intro-episodes .carousel-item, 
.vidiom-intro-episodes .carousel-item video, 
.vidiom-intro-episodes .carousel-item img {
 border-radius: 0;
}

.video-details .entry-content:before,
.vidiom-page-description .page-content:before,
.vidiom-intro-episodes .carousel-item:before {
 box-shadow: 0px -70px 60px -30px rgba(255,245,245,1) inset;
 -webkit-box-shadow: 0px -100px 60px -30px rgba(255,245,245, 1) inset;
 -moz-box-shadow: 0px -71px 60px -30px rgba(255,245,245, 1) inset; 
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 content: "";
}

.video-details .entry-content.entry-content-height:before,
.vidiom-page-description .page-content.entry-content-height:before {
 position: unset
}

.vidiom-intro-episodes .carousel-indicators,
.vidiom-intro-episodes .carousel-indicators [data-bs-target] {
 display: block;
}

.vidiom-intro-episodes .carousel-indicators [data-bs-target] {
 text-indent: unset;
 width: auto;
 margin-bottom: 20px;
}

.vidiom-intro-episodes .carousel-indicators {
 right: 0;
 left: unset;
 top: 50%;
 bottom: unset;
 transform: translateY(-50%);
 margin-right: 30px;
 margin-left: 30px;
}

.vidiom-intro-episodes .carousel-caption {
 max-width: unset;
 margin: unset;
 text-align: left;
}

.hero-slide-inner-image {
 text-align: left;
 max-width: 400px;
 max-height: 300px;
 border: 0 solid #ffffff;
 border-radius: 20px;
 cursor: pointer;
}

.hero-slide-inner-image h4 {
 margin-top: 20px;
 font-size: 20px;
 font-weight: 500;
 color: #ffffff
}

.vidiom-intro-episodes .hero-slide-inner-image img {
 max-height: 350px;
 max-width: 400px;
 margin: auto;
}

.hero-video-popup .modal-body {
 padding: 0
}

/* Live persons
--------------------------------------------- */

.vidiom-live-chat {
 background: #ffffff;
 display: flex;
 align-items: center;
 justify-content: center;
 margin: 0 15px 80px 15px;
 padding: 30px;
 border-radius: 4px;
 border: 1px solid #eaeaea
}

.single-live {
 display: inline-block;
 margin: 25px 15px 15px 15px;
}

.single-live a {
 display: inline-block;
 position: relative;
 text-align: center;
}

.single-live img {
 width: 80px;
 height: 80px;
 object-fit: cover;
 border-radius: 50%;
 border: 1px solid #eaeaea;
 padding: 5px;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.single-live:hover img {
 border: 1px solid #eaeaea;
 padding: 2px
}

.live-sign {
 position: absolute;
 top: -20px;
 right: -10px;
 font-size: 12px;
 font-weight: 600;
 text-transform: capitalize;
 display: none;
}

.single-live i {
 position: absolute;
 top: 10px;
 right: 0;
 color: #7aab3c;
 background: #7aab3c;
 border: 3px solid #ffffff;
 width: 20px;
 height: 20px;
 border-radius: 50%;
}

/* Deal alert
--------------------------------------------- */
.vidiom-alert {
 margin: 30px 15px 0 15px;
 background-color: #ffffff;
 border: 1px solid #eaeaea;
 overflow: hidden;
 position: relative
}

.vidiom-alert .btn-close {
 opacity: 1;
 background: #FFF5F5 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
 border-radius: 50%;
 width: 40px;
 height: 40px;
 padding: 0;
 margin: 15px;
}

.vidiom-alert .btn-close:hover {
 animation: shake 0.5s;
 animation-iteration-count: infinite;
}

.alert-content {
 padding: 50px;
 position: inherit;
 z-index: 1;
}

.vidiom-alert .sale-image {
 position: absolute;
 right: 10%;
 align-items: center;
 top: 0;
 z-index: 0
}

.alert-content h2 {
 font-size: 45px;
 font-weight: 800;
 position: relative;
 margin-bottom: 40px;
}

.alert-content h2:after {
 content: url('data:image/svg+xml; utf8,.cls-1{fill:yellow;} ');
 border: 0;
 bottom: -32px;
 left: 0;
 color: #6c757d;
 width: 170px;
 position: absolute;
}

.discount-percentage {
 font-size: 70px;
 font-weight: 200;
 display: flex;
 align-items: center;
}

.discount-percentage span {
 font-size: 21px;
 line-height: 30px;
 font-weight: 300;
}

.discount-percentage .price {
 border-right: 1px solid #252525;
 margin-right: 20px;
 padding-right: 20px;
}

.vidiom-alert .vidiom-primary {
 background: #252525;
}

#vidiom-countdown {
 display: block;
 margin: 25px 15px 50px 0;
 font-weight: 400;
 font-size: 15px;
}

#vidiom-countdown span {
 background: #FFF5F5;
 color: #252525;
 padding: 5px 10px;
 border-radius: 4px;
}

#vidiom-countdown span b {
 margin-left: 3px;
}

/*--------------------------------------------------------------
# Blog Post Style 
--------------------------------------------------------------*/

h1.page-title,
h1.entry-title {
 font-size: 46px;
 line-height: 55px;
 font-weight: 800;
 margin-top: 0;
}

h2.entry-title {
 font-size: 36px;
 line-height: 50px;
 font-weight: 800;
}

/* Blog Home
--------------------------------------------- */
.recent-articles .title-left {
 padding: 0 15px;
}

.title-left .movie-grid-selector,
.title-left .grid-selector {
 display: inline;
 float: right;
 display: none;
}

.item-container,
.author-assets .item-container {
 width: 100%;
 margin: 0 2px 80px 2px;
 display: none;
}

.single-item {
 margin-bottom: 30px;
}

.recent-articles,
.single-thumbnail-banner,
.thumbnail-container {
 position: relative
}

.thumbnail-container:has( audio ) {
 display: inline-block;
}

.single-thumbnail-banner i,
.thumbnail-container .video-price,
.thumbnail-container i{
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 1;
 background: #ffffff;
 color: #404040;
 padding: 0 5px;
 border-radius: 4px;
}

.thumbnail-container .video-price {
 right: unset;
 left: 10px;
 font-size: 14px;
 color: #ff0000;
 font-weight: 600;
}

.thumbnail-container .video-price del {
 color: #404040;
 font-size: 13px;
 font-weight: 400;
}

.thumbnail-container iframe,
.thumbnail-container video {
 max-width: 100%;
 min-height: 220px; /* Increased from 180px to 220px for taller videos */
}

.plyr--youtube {
 margin-top: -10px;
}

.thumbnail-container .item-cat {
 position: absolute;
 bottom: -20px;
 left: 30px;
 background: #ff0000;
 color: #ffffff;
 font-size: 15px;
 font-weight: 500;
 text-transform: capitalize;
 border: 2px solid #ffffff;
 padding: 2px 15px;
 border-radius: 25px;
}

.thumbnail-container .min-read {
 position: absolute;
 top: 30px;
 left: 30px;
 background: #fff5f5;
 color: #252525;
 font-size: 15px;
 font-weight: 500;
 text-transform: capitalize;
 border: 2px solid #ffffff;
 padding: 2px 15px;
 border-radius: 25px;
}

.item-title a {
 display: block;
 font-weight: 800;
 line-height: 35px;
 margin: 0 0 20px 0;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.single-item:hover .item-title a {
 text-decoration: underline;
 color: #ff0000;
}

.item-description {
 background: #ffffff;
 border: 1px solid #eaeaea;
 padding: 30px;
}

.item-author {
 display: flex;
 align-items: center;
 margin: 0;
}

.item-author img {
 max-width: 45px;
 border-radius: 4px;
 margin-right: 10px;
}

.item-author b {
 font-size: 15px;
 font-weight: 600;
 line-height: 22px;
}

.item-author i {
 margin-right: 10px;
}

.item-author b span {
 display: block;
 font-size: 13px;
 font-weight: 500;
}

.plyr {
 border-radius: 4px;
}

.plyr--audio .plyr__control.plyr__tab-focus, 
.plyr--audio .plyr__control:hover, 
.plyr--audio .plyr__control[aria-expanded=true],
.plyr--video .plyr__control.plyr__tab-focus, 
.plyr--video .plyr__control:hover, 
.plyr--video .plyr__control[aria-expanded=true],
.plyr__control--overlaid,
.plyr--full-ui input[type=range],
.player {
 --plyr-color-main: rgba( 255, 255, 255, 0.5 );
}

.plyr--video .plyr__control:hover {
 color: #404040;
}

.recent-articles .plyr--audio .plyr__controls {
 background: #eeeeee;
}

.sidebar-video .plyr__controls {
 display: none;
}

.sidebar-video .video-container {
 display: flex;
 align-items: center;
}

.sidebar-video .thumbnail-container {
 flex-basis: 150px;
 margin-right: 15px;
}

.sidebar-video .video-content h3 {
 margin: 0
}

/* Blog details
--------------------------------------------- */

.video-details,
.blog-details {
 margin-top: 80px;
 clear: both;
}

.entry-meta a,
.tags-links a {
 display: inline-block;
}

/* Video details
--------------------------------------------- */

.video-details .video-content h1 {
 font-size: 25px;
 font-weight: 800;
 line-height: 32px;
 margin: 20px 0 10px 0
}

/* Video logline (used in explore lists and video details) */
.video-logline p {
 font-size: 14px;
 line-height: 20px;
}

/* Video description (details page) */
.video-description p {
 font-size: 14px;
 line-height: 20px;
}

.video-information-right .share-icons {
 display: inline-block;
}

.video-information-right .share-icons .dropdown-menu {
 min-width: 20px;
}

.video-information-right .share-icons button {
 background: transparent;
 color: inherit;
 font-size: 14px;
 padding: 0;
 margin: 0;
}

.video-details .video-meta {
 justify-content: space-between;
 border-bottom: 1px solid #eaeaea;
 padding-bottom: 15px;
}

.video-details .video-author {
 justify-content: space-between;
 padding: 15px 0;
 border-bottom: 1px solid #eaeaea;
}

.video-author-left {
 display: flex;
 align-items: center;
}

.vidiom-page-description .page-content,
.video-details .entry-content {
 height: 200px;
 overflow: hidden
}

.vidiom-page-description .page-content.entry-content-height,
.video-details .entry-content.entry-content-height {
 height: auto;
}

.load-more-content {
 background: #ffffff;
 padding: 10px;
 border: 1px solid #eaeaea;
 text-align: center;
 margin-bottom: 30px;
 font-size: 15px;
 font-weight: 600;
 cursor: pointer;
 border-radius: 4px;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.vidiom-dark .load-more-content:hover,
.load-more-content:hover {
 background: #ff0000;
 color: #ffffff;
 border: 1px solid #ff0000;
}

.related-items .vidiom-single-video {
 margin: 0 0 30px 0;
}

/* Sidebar */
.vidiom-video-sidebar {
 margin: 80px 0 80px 15px;
 border-radius: 4px;
}

.sidebar-video {
 margin: 0;
 padding: 0;
 list-style: none;
}

.sidebar-query-link .slick-arrow {
 left: -15px
}

.sidebar-query-link .bi-chevron-right.slick-arrow {
 right: 0
}

/* Movie details
--------------------------------------------- */

.vidiom-video-sidebar,
.video-details,
.movie-details {
 margin-top: 30px;
}

.vidiom-movie-header-sidebar {
 margin: 25px 0 0 30px;
}

.vidiom-movie-header-sidebar h1 {
 font-size: 30px;
 font-weight: 800;
 line-height: 40px;
 margin-bottom: 15px;
}

.vidiom-movie-header-sidebar .vidiom-primary {
 border-radius: 50px;
 padding: 10px 15px;
 border-radius: 4px;
}

.vidiom-movie-header-sidebar .video-meta,
.vidiom-movie-header-sidebar .video-author {
 justify-content: space-between;
}

.movie-information {
 margin: 30px 0;
 padding: 0;
 list-style: none;
 font-size: 17px;
}

.movie-information li {
 margin: 5px 0;
 display: flex;
}

.movie-information span:first-child {
 font-weight: 600;
 min-width: 130px;
 display: inline-block;
 color: #181818;
 flex-basis: 0;
}

.vidiom-movie-header-sidebar .video-author {
 margin: 25px 0;
}

.vidiom-movie-header-sidebar .video-author img {
 border-radius: 4px;
}

.author-assets.movie-details-nav ul.nav-tabs {
 margin: 0;
}

.vidiom-download-source th,
.vidiom-download-source td {
 padding: 20px
}

/* Movie details full width
--------------------------------------------- */

.vidiom-movie-header-sidebar.full-width {
 margin: 0;
 background: #ffffff;
 padding: 30px;
 margin-bottom: 30px;
 border-radius: 4px;
 border: 1px solid #eaeaea;
}

.vidiom-movie-header-sidebar.full-width h1 {
 font-size: 30px;
 font-weight: 800;
 line-height: 40px;
 margin-bottom: 15px;
 margin-top: 0;
}

.premium-button .vidiom-primary {
 padding: 15px 35px;
 border-radius: 50px;
 display: inline-block;
}

.video-single-rm-extra-mr {
 margin: 0 -20px;
}

/* Movie Review
--------------------------------------------- */

.vidiom-dark .vidiom-reviews .vidiom-comment-body .meta-date,
.vidiom-reviews .vidiom-comment-body .meta-date {
 padding: 0;
 border: 0;
 margin: 5px 0 20px 0;
}

.vidiom-reviews .children .vidiom-comment-body .avatar {
 width: 50px;
 height: 50px;
}

.movie-ratings i,
.vidiom-reviews .author-meta i {
 color: #ffa500;
}

.movie-ratings span {
 margin-right: 15px;
}

/* Editor pick post
--------------------------------------------- */

.editor-pick {
 display: grid;
 row-gap: 30px;
 column-gap: 30px;
 grid-template-columns: 2fr 2fr;
 margin: 30px 15px 50px 15px;
 overflow: hidden;
}

.editor-pick .post-item {
 overflow: hidden;
}

.editor-pick .post-item video,
.editor-pick .post-item audio,
.editor-pick .post-item iframe,
.editor-pick .post-item img {
 height: 100%;
 width: 100%;
 object-fit: cover;
}

.editor-pick .post-item:nth-child(1) {
 grid-row: 1/3;
}

.editor-pick .post-item:nth-child(4) {
 grid-column: 2/4;
}

.editor-pick .post-content {
 position: relative;
}
 
.editor-pick .post-details {
 position: absolute;
 bottom: 20px;
 left: 20px;
 color: #ffffff;
 padding-left: 20px;
 padding-right: 20px;
}

.editor-pick .item-author img {
 height: auto !important;
}

.editor-pick .post-details a {
 color: #ffffff;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.editor-pick .post-details a:focus,
.editor-pick .post-item:focus .post-details a,
.editor-pick .post-item:hover .post-details h3 a {
 text-decoration: underline;
}

/* Related/Popular Blog
--------------------------------------------- */
.popular-articles {
 padding: 0 15px;
 margin: 80px 0 50px 0
}

.related-items,
.related-articles {
 margin: 50px 15px;
 clear: both;
}

.single-playlist,
.single-blog {
 margin-bottom: 30px;
 word-break: break-word;
 align-items: center;
}

.playlist-thumbnail img,
.blog-thumbnail img {
 border-radius: 4px;
}

.playlist-content a,
.blog-content a {
 font-size: 17px;
 line-height: 27px;
 font-weight: 700;
 margin-bottom: 10px;
 display: block;
}

.single-playlist:hover .blog-content a,
.single-blog:hover .blog-content a {
 color: #ff0000
}

.post-item .pub-meta,
.playlist-content .pub-meta,
.blog-content .pub-meta {
 font-size: 15px;
}

.playlist-content .pub-meta i,
.blog-content .pub-meta i {
 color: #ff0000;
}

.pub-author,
.playlist-content .pub-author,
.blog-content .pub-author {
 display: inline-block;
 margin-right: 5px;
}

/* Playlists
--------------------------------------------- */

.vidiom-playlists {
 margin: 30px 15px 50px 15px;
}

.playlist-thumbnail {
 position: relative;
}

.playlist-item-number{
 position: absolute;
 right: 0;
 top: 0;
 padding-top: 5px; 
 background:rgba(0, 0, 0, 0.6);
 color: #ffffff;
 height: 100%;
 width: 40px;
 text-align: center;
}

.playlist-item-number span{
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

.playlist-item-number svg {
 width: 25px
}

/* Author header section
--------------------------------------------- */
.author-header {
 padding: 0 15px;
 margin: 30px 0 50px 0;
 position: relative
}

.author-banner img {
 max-height: 350px;
 width: 100%;
 object-fit: cover;
}

.author-content-container {
 display: flex;
 justify-content: space-between;
 align-items: center;
 background: #ffffff;
 padding: 30px;
 border: 1px solid #eaeaea
}

.author-image {
 display: flex;
 align-items: center;
}

.author-image img {
 max-width: 130px;
 border-radius: 4px;
 margin-right: 30px;
}

.author-content p {
 margin-bottom: 5px;
}

.author-content b {
 font-weight: 800;
 color: #181818;
}

.video-information .video_author_name i,
.author-content b i {
 color: #00adef;
 margin-left: 3px;
}

.author-content p {
 font-size: 15px;
}

.author-header .social-links li i {
 font-size: 17px;
}

/* Author assets
--------------------------------------------- */

section.author-assets {
 margin-right: 5px;
}

.author-assets .tab-pane {
 position: relative;
}

.author-assets ul.nav-tabs {
 margin-right: 10px;
 border-bottom: 1px solid #eaeaea;
}

.author-assets .nav-tabs button.nav-link,
.author-assets .nav-tabs a.nav-link {
 border: 0;
 color: #181818;
 font-weight: 700;
 font-size: 15px;
 padding-bottom: 15px;
}

.author-assets .nav-tabs .nav-link:focus, 
.author-assets .nav-tabs .nav-link:hover,
.author-assets .nav-tabs .nav-item.show .nav-link, 
.author-assets .nav-tabs .nav-link.active {
 border: 0;
 background: transparent;
 border-bottom: 3px solid #ff0000;
 padding-bottom: 15px;
 border-radius: 0;
}

.author-assets .tab-content {
 margin: 30px 0;
}

.author-assets #stats,
.author-assets #about {
 margin: 0 15px;
}

.author-assets #about h5 {
 font-weight: 800;
 margin-bottom: 30px;
}

.author-assets #about h5 span {
 color: #ff0000;
}

.author-detail p {
 margin-bottom: 5px;
 font-size: 17px;
}

.author-search {
 margin-left: auto;
 display: flex;
 align-items: center;
}

.category-nav {
 position: relative;
 overflow: hidden;
 padding-right: 5px;
}

.movie-grid-selector,
.grid-selector {
 margin: 3px 15px 0 0;
 cursor: pointer;
 display: none;
}

.stick-cat-nav {
 position: fixed;
 top: 67px;
 z-index: 1;
 background: #fff5f5;
 border-bottom: 1px solid #eaeaea;
 margin: 0 -12px 0 12px;
 padding: 12px 15px 5px 15px;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 overflow: hidden;
 width: 82.6%;
}

.icon-sidebar .stick-cat-nav {
 width: 93.4%;
}

/* Desktop: don't collapse content when sidebar collapses.
 Instead, pin the fixed bar between sidebar and right edge. */
@media (min-width: 992px) {
 .vidiom-main-content .stick-cat-nav {
 width: auto;
 left: 165px;
 right: 0;
 margin-left: 0;
 margin-right: 0;
 }

 .vidiom-content-sidebar.icon-sidebar + .vidiom-content-body .stick-cat-nav,
 .vidiom-content-sidebar.icon-sidebar + .vidiom-content-body-full .stick-cat-nav {
 left: 55px;
 }

 .vidiom-main-content.logged-out .stick-cat-nav {
 left: 0;
 }
}

.stick-cat-nav .cat-nav-link .slick-arrow {
 z-index: 1;
 left: 0;
 top: 12px;
}

.stick-cat-nav .cat-nav-link .bi-chevron-right.slick-arrow {
 right: 0;
 left: unset;
}

.category-nav .movie-grid-selector,
.category-nav .grid-selector {
 position: absolute;
 top: 0;
 right: -5px;
 display: none
}

.movie-grid-selector i,
.grid-selector i {
 font-size: 25px;
 line-height: 35px;
}

.category-nav .movie-grid-selector i,
.category-nav .grid-selector i {
 background: #ff0000;
 padding: 5px 5px 4px 5px;
 color: #fff;
 border-radius: 4px;
}

.vidiom-dark input.vidiom-primary,
.author-assets input[type="search"], 
.author-assets .vidiom-primary {
 height: 40px;
 font-size: 14px;
 line-height: 0;
 padding: 15px;
 margin: 0
}

.author-assets #subscription,
.author-assets #subscriber {
 margin: 0 10px 80px 15px;
}

.video-creator .single-member,
.focus-with-team .single-member,
.author-assets .single-member {
 margin-bottom: 30px;
}

.video-creator .card,
.focus-with-team .card,
.author-assets .card {
 border: 1px solid #eaeaea
}

.video-creator .member-content,
.focus-with-team .member-content,
.author-assets .member-content {
 text-align: center;
 padding: 20px 15px;
}

.video-creator .card-title,
.author-assets .card-title {
 font-size: 17px;
 margin-bottom: 5px;
}

.video-creator .member-image img,
.focus-with-team .member-image img,
.author-assets .member-image img {
 max-height: 250px;
 min-height: 250px;
 object-fit: cover;
}

.video-creator .card-text,
.author-assets .card-text {
 font-size: 14px;
 margin-bottom: 10px;
}

.video-creator .member-content .vidiom-primary,
.author-assets .member-content .vidiom-primary {
 padding: 5px 15px;
 height: auto;
 display: inline-block;
 line-height: 25px;
}

/** Squire item section **/
.category-nav.squire-item {
 margin: 0 0 80px 0;
}

.squire-item .cat-nav-link {
 margin: 0 10px 30px 50px;
}

.audio-item-container,
.squire-item-container {
 display: flex;
 flex-flow: row wrap;
 justify-content: flex-start
}

.related-articles .audio-item-container {
 margin: 0 -15px
}

.audio-item-container .vidiom-single-video,
.squire-item-container .vidiom-single-video {
 margin: 0 0 30px 0;
 padding: 0 15px
}

/* Video Creator
--------------------------------------------- */

.video-sliders,
.video-creator {
 margin: 0 0 var(--v-space-10) 0;
}

/* Start section left title with slick slider arrow */
.popular-search .title-left,
.video-sliders .title-left,
.video-creator .title-left {
 margin: 0;
}

.video-creator .slick-slider {
 padding-right: 5px;
}

.video-sliders .slick-arrow,
.video-creator .slick-arrow {
 position: absolute;
 top: -80px;
 right: 15px;
 background: #404040;
 color: #ffffff;
 line-height: 19px;
 font-size: 15px;
 padding: 5px;
 border-radius: 4px;
 cursor: pointer;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.video-sliders .slick-arrow:hover,
.video-creator .slick-arrow:hover {
 background: #e60000
}

.video-sliders .slick-arrow.bi-chevron-left,
.video-creator .slick-arrow.bi-chevron-left {
 right: 45px
}
/* End section left title with slick slider arrow */

.video-creator .single-member {
 margin: 0 15px
}

.video-creator .member-image img {
 height: 150px;
 width: 150px;
 min-height: unset;
 margin: auto;
 object-fit: cover;
 border-radius: 50%;
 padding-top: 20px;
}

/* Video slider
--------------------------------------------- */

.vidiom-single-video {
 margin: 0 15px
}

.vidiom-single-video .plyr--youtube, 
.vidiom-single-video .plyr__video-embed, 
.vidiom-single-video .thumbnail-container iframe, 
.vidiom-single-video .thumbnail-container video {
 height: auto;
 width: 100%;
 min-height: 200px; /* Optimized for 16:9 aspect ratio */
 aspect-ratio: 16/9;
}

.vidiom-single-video .video-container {
 margin-bottom: 0;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
 background-size: cover;
}

.plyr:fullscreen video {
 width: 100% !important;
 height: 100% !important;
}

/* Vidiom chart
--------------------------------------------- */

.vidiom-chart {
 margin-top: 30px;
 padding: 0 15px;
}

.dashboard-top-info {
 margin-top: 15px;
 margin-bottom: 30px;
}

.info-first-glance {
 background: #ffffff;
 border: 1px solid #eaeaea;
 border-radius: 4px;
 padding: 30px 15px;
}

.info-first-glance span {
 display: block;
 text-align: center;
}

.info-first-glance span:first-child {
 font-weight: 700;
 margin-bottom: 15px;
}

.vidiom-chart h5 {
 margin: 0;
}

.chart-table {
 margin: 60px 0;
 font-size: 15px;
}

.chart-table th,
.chart-table tr,
.chart-table td {
 padding: 5px 15px
}

/* Sign in and Sign up
--------------------------------------------- */

.vidiom-404,
.vidiom-form-video-upload,
.vidiom-form-signup,
.vidiom-form-signin {
 width: 100%;
 max-width: 330px;
 padding: 80px 15px;
 margin: auto;
 text-align: center;
}

.vidiom-form-signup {
 max-width: 750px;
}

.vidiom-form-video-upload {
 max-width: 70%;
 text-align: left;
}

.vidiom-form-video-upload h1,
.vidiom-form-video-upload a {
 text-align: center;
}

.vidiom-404 h1,
.vidiom-form-video-upload h1,
.vidiom-form-signup h1,
.vidiom-form-signin h1 {
 font-size: 35px;
 font-weight: 800;
 margin-bottom: 35px;
 margin-top: 0;
}

.remember-container {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 15px;
 margin-bottom: 25px;
}

.remember-container a {
 text-decoration: underline;
}

.vidiom-form-signin input[type=checkbox] {
 width: 20px;
 height: 20px;
 margin-bottom: -3px;
}

.vidiom-form-signin input[type=checkbox]:after {
 left: 6px;
 top: 2px;
 width: 6px;
 height: 10px;
}

.signup-genders h6 {
 margin-bottom: 10px;
}

.signup-genders {
 text-align: left;
 margin-top: -30px;
}

.user-policy {
 font-size: 15px;
 line-height: 25px;
}

.user-policy a {
 text-decoration: underline;
}

.vidiom-form-signin .vidiom-primary,
.vidiom-form-signup .vidiom-primary {
 display: block
}

/* Checkout
--------------------------------------------- */

.vidiom-checkout {
 margin: 80px 15px
}

.vidiom-checkout input {
 margin-bottom: 0;
}

.payment-type {
 margin-bottom: 20px;
}

.vidiom-checkout .form-check {
 margin: 10px 0 10px -2px;
 line-height: 35px;
}

.vidiom-checkout .form-check input {
 margin-right: 10px;
}

.checkout-item {
 margin: 25px 0 15px 0;
}

.form-check-input:checked {
 background-color: #ff0000;
 border-color: #ff0000;
}

.form-check-input:focus {
 box-shadow: 0 0 0 0.25rem rgb( 255, 0, 0, 0.1 )
}

.vidiom-checkout input[type=checkbox]:after {
 content: "";
 display: block;
 left: 8px;
 top: 3px;
 position: absolute;
 width: 7px;
 height: 13px;
 border: 2px solid #ffffff;
 border-top: 0;
 border-left: 0;
 transform: rotate(45deg);
}

.promo-code .vidiom-primary {
 padding: 10px 25px;
}

/* Pricing Plans
--------------------------------------------- */

.vidiom-pricing {
 clear: both;
 margin: 80px 15px 80px 15px;
}

.vidiom-pricing-table {
 margin: 0 0 50px 0;
}

.pricing-plan {
 text-align: center;
}

.single-pricing {
 margin-bottom: 30px;
 padding: 15px;
 border: 1px solid #eaeaea
}

.single-pricing.active .card-header h4{
 color: #181818;
}

.single-pricing .card-header {
 background: #ffffff;
 padding: 25px 15px;
 border-bottom: 1px solid #eaeaea;
}

.single-pricing .card-header h4 {
 margin: 0;
 color: #6c757d
}

.pricing-content {
 list-style: none;
 margin: 30px 0;
 padding: 0;
}

.pricing-body {
 margin: 20px 0 0 0;
}

.pricing-body .vidiom-light,
.pricing-body .vidiom-secondary,
.pricing-body .vidiom-primary {
 display: block;
}

.pricing-plan-ad span {
 font-size: 35px;
 font-weight: 700;
}

/* Guarantee
--------------------------------------------- */

.vidiom-guarantee {
 clear: both;
 margin-bottom: 80px;
}

.guarantee-wrapper {
 background: #ffffff;
 border: 1px solid #eaeaea;
 padding: 50px;
 font-size: 17px;
 line-height: 27px;
 border-radius: 4px;
}

.guarantee-wrapper h3 {
 margin-bottom: 30px;
}

.guarantee-wrapper img.guarantee-image {
 width: 100%;
 max-width: 250px;
 padding: 15px 30px 15px 0;
}

.guarantee-wrapper p {
 margin-bottom: 15px;
}

.guarantee-wrapper p img {
 margin-left: 15px;
}

.guarantee-wrapper p:last-child {
 margin-bottom: 0;
}

/* Plan compare
--------------------------------------------- */

.vidiom-compare-plan {
 clear: both;
 margin-bottom: 80px;
}

.vidiom-compare-plan .table>:not(caption)>*>* {
 padding: 10px 20px
}

.vidiom-compare-plan th, 
.vidiom-compare-plan tr,
.vidiom-compare-plan td {
 border: 1px solid #a1a1a1
}

/* Faq
--------------------------------------------- */

.vidiom-faq {
 max-width: 1080px;
 margin: auto
}

.accordion-item {
 background: #ffffff;
 border: 1px solid #eaeaea;
}

.accordion-item button:hover {
 color: #ffffff;
}

.vidiom-dark .accordion-button:not(.collapsed),
.accordion-button:not(.collapsed) {
 color: #ffffff;
 background-color: #ff0000;
 box-shadow: none;
}

.accordion-button::after {
 background-image: unset;
 content: "\F282";
 font-size: 20px;
 font-family: 'bootstrap-icons';
 border: 0;
 margin-top: 5px;
 vertical-align: 0;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
 background-image: unset;
}

/* Testimonial
--------------------------------------------- */

.vidiom-testimonial {
 clear: both;
 background: #ffffff;
 border: 1px solid #eaeaea;
 padding: 50px;
 margin-bottom: 80px;
 border-radius: 4px;
}

.vidiom-testimonial .slick-slider {
 height: auto;
}

.vidiom-testimonial .single-slide {
 text-align: center;
 margin-top: 30px;
}

.vidiom-testimonial .slider-nav {
 padding: 0 250px;
 margin-top: 15px;
 text-align: center;
}

.vidiom-testimonial .single-slide img {
 display: block;
 border-radius: 50%;
 height: 90px;
 width: 90px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 30px;
 object-fit: cover;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.vidiom-testimonial .slick-current.slick-active.single-slide img{
 width: 120px;
 height: 120px;
 margin-top: 0
}

.vidiom-testimonial .vidiom-trustpilot svg {
 max-width: 100px;
}

.vidiom-testimonial .single-slide img .slider-content {
 visibility: hidden;
}

.client-rating i {
 color: #fdae04;
}

.vidiom-testimonial .single-slide h3 {
 font-size: 17px;
 font-weight: 800;
 margin: 20px 0 5px 0;
 color: #181818
}

.vidiom-testimonial .single-slide p {
 font-size: 16px
}

.vidiom-testimonial .single-slide h4 {
 font-size: 15px;
 font-weight: 400;
 margin-top: 5px;
}

.vidiom-testimonial .slick-list {
 overflow: visible;
}

.vidiom-testimonial .slider-for.slick-initialized.slick-slider {
 overflow: visible;
 display: flex;
}

.vidiom-testimonial .slick-list.draggable {
 overflow: hidden;
}

.vidiom-testimonial .slider-content {
 padding: 0 100px;
 text-align: center;
 position: relative;
 z-index: 1;
}

.vidiom-testimonial .slider-content:before {
 position: absolute;
 content: '';
 width: 20px;
 height: 50px;
 top: 87%;
 left: 49%;
 z-index: -1;
}

.vidiom-testimonial .slider-content p {
 background: transparent;
 padding: 0 50px;
 border-radius: 5px;
 font-size: 19px;
 line-height: 33px;
 position: relative;
 margin-bottom: 30px;
}

.vidiom-testimonial .slider-content p:before {
 position:absolute;
 content: "\F6B0";
 font-family: 'bootstrap-icons';
 font-size: 30px;
 top: 0;
 left: 20px;
 color: #ff0000;
}

.vidiom-testimonial .slick-center .slider-content {
 visibility: visible;
}

.vidiom-testimonial ul.slick-dots {
 list-style: none;
 text-align: center;
 padding: 0;
 width: 100%;
 margin: 0;
}

.vidiom-testimonial ul.slick-dots li {
 display: inline-block;
 height: 15px;
 width: 15px;
 margin: 0 5px;
 padding: 0;
 cursor: pointer;
}

.vidiom-testimonial ul.slick-dots li button {
 border: 1px solid #ff0000;
 border-radius: 50%;
 background: transparent;
 display: block;
 height: 15px;
 width: 15px;
 outline: none;
 line-height: 0;
 font-size: 0;
 color: transparent;
 padding: 5px;
 cursor: pointer;
}

.vidiom-testimonial ul.slick-dots li.slick-active button {
 background: #ff0000;
 border: 1px solid #ff0000;
}

.single-testimonial .modal-body {
 padding: 30px;
}

/* Pagination
--------------------------------------------- */
.page-links,
.vidiom-pagination {
 margin-top: 30px;
 text-align: center;
}

.vidiom-pagination ul {
 display: inline-flex;
 padding: 0;
 margin: 0;
}

.page-links a,
.page-links b,
.page-links a b,
span.post-page-numbers.current,
.vidiom-pagination ul li span.page-numbers.current,
.vidiom-pagination ul li a.page-numbers {
 color: #4a4a4a;
 display: inline-block;
 padding: 5px 15px;
 border-radius: 4px;
 background-color: #ffffff;
 border: 1px solid #eaeaea;
 margin: 5px;
}

.page-links b,
span.post-page-numbers.current,
.vidiom-pagination ul li span.page-numbers.current {
 background: transparent;
 background-color: #404040;
 color: #ffffff;
}

.vidiom-pagination ul .page-item:last-child .page-link {
 border: 0;
}

.page-links a:hover,
.page-links b:hover,
.vidiom-pagination ul li a.page-numbers:hover {
 background-color: #404040;
 color: #ffffff;
 text-decoration: none;
}

/*--------------------------------------------------------------
# About us
--------------------------------------------------------------*/

/* About header
--------------------------------------------- */

.vidiom-about {
 clear: both;
 margin: 80px 15px;
}

.vidiom-about .about-header {
 display: flex;
 flex-flow: row wrap;
 justify-content: space-between;
 max-width: 1080px;
 margin: auto;
}

.vidiom-about .about-header > .top-content {
 flex-basis: 100%;
}

.vidiom-about .about-header .bottom-content {
 width: 50%;
 flex-grow: 1;
}

/* About photography
--------------------------------------------- */

.about-photography {
 display: grid;
 row-gap: 30px;
 column-gap: 30px;
 grid-template-columns: 2fr 1fr 1fr;
 margin: 55px 0 80px 0;
 overflow: hidden;
}

.about-photography .photo {
 overflow: hidden;
}

.about-photography .photo {
 height: 100%;
 width: 100%;
 object-fit: cover;
}

.about-photography .photo:nth-child(1) {
 grid-column: 1/-1;
}

.about-photography .photo:nth-child(2) {
 grid-row: 2/4;
}

.about-photography .photo:nth-child(3) {
 grid-row: 2/3;
 grid-column: 2/-1;
}

.about-photography .photo:nth-child(4) {
 grid-row: 3/4;
 grid-column: 2/-1;
}

/* About team
--------------------------------------------- */

.focus-with-team .leadership .designation {
 margin-bottom: 15px;
}

.vidiom-about .top-content h1 {
 margin-bottom: 30px;
 font-size: 35px;
 font-weight: 800;
}

.focus-with-team .designation {
 margin-bottom: 0;
 font-size: 17px;
 font-style: italic;
}

/*--------------------------------------------------------------
# Terms
--------------------------------------------------------------*/

.vidiom-terms {
 margin: 80px 15px;
}

.vidiom-terms h1 {
 margin-bottom: 30px;
 font-size: 35px;
 font-weight: 800;
}

ol.terms-parent {
 margin: 30px 0 0 0;
 padding-left: 25px;
}

ol.terms-parent h3 {
 font-size: 25px;
 font-weight: 800;
 margin-bottom: 20px;
}

ul.terms-child {
 margin-bottom: 30px;
}

ul.terms-child li {
 margin-bottom: 15px;
}

/* Video upload form
--------------------------------------------- */

.vidiom-settings input[type=file]::-webkit-file-upload-button,
.vidiom-settings input[type=file]::file-selector-button,
.vidiom-form-video-upload input[type=file]::-webkit-file-upload-button,
.vidiom-form-video-upload input[type=file]::file-selector-button {
 background-color: #f1f1f1;
 color: #404040;
 font-weight: 700;
 border: 0;
 margin-left: -15px;
 height: 56px;
 border: 1px solid #f1f1f1;
 margin-bottom: -5px;
 line-height: 50px
}

.vidiom-settings input[type=file]::-webkit-file-upload-button:hover,
.vidiom-settings input[type=file]::file-selector-button:hover,
.vidiom-form-video-upload input[type=file]::-webkit-file-upload-button:hover,
.vidiom-form-video-upload input[type=file]::file-selector-button:hover {
 background-color: #e60000;
 border: 1px solid #e60000;
}

.vidiom-settings .form-check,
.vidiom-form-video-upload .form-check {
 padding-left: 20px;
 line-height: 35px;
}

.vidiom-settings .form-label,
.vidiom-form-video-upload .form-label {
 font-size: 15px;
 font-weight: 700;
}

.vidiom-settings textarea.tag-form,
.vidiom-form-video-upload textarea.tag-form {
 margin-bottom: 0;
}

.vidiom-settings .form-text,
.vidiom-form-video-upload .form-text {
 margin-bottom: 30px
}

.vidiom-form-video-upload .form-control[type=file] {
 position: relative;
}

.vidiom-form-video-upload input[type=file]:before {
 content: "Upload File";
 background: #ff0000;
 color: #ffffff;
 display: inline-block;
 border-radius: 0;
 padding: 15px 15px 15px 40px;
 margin-right: 30px;
 margin-left: -15px;
 outline: none;
 white-space: nowrap;
 cursor: pointer;
 font-size: 14px;
 font-weight: 700;
 position: relative;
}
.vidiom-form-video-upload input[type=file]:after {
 position: absolute;
 left: 15px;
 top: 18px;
 font-size: 15px;
 font-family: 'bootstrap-icons';
 content: "\F603";
 color: #ffffff;
 font-style: normal;
 font-weight: 900;
 display: inline-block;
 line-height: 1;
}
.vidiom-form-video-upload ::-webkit-file-upload-button,
.vidiom-form-video-upload ::file-selector-button {
 display: none;
}

/* Settings
--------------------------------------------- */

.author-assets.vidiom-settings {
 margin: 30px 15px 80px 15px;
}

.author-assets.vidiom-settings ul.nav-tabs {
 margin: 0;
}

.author-assets.vidiom-settings .vidiom-primary {
 height: auto;
 line-height: inherit;
 text-align: center
}

.author-assets.vidiom-settings form {
 max-width: 767px;
 margin: 0 auto
}

.account-item-title {
 margin-bottom: 5px;
}

.account-item-desc {
 font-size: 17px;
}

.vidiom-settings .form-check {
 padding-left: 45px;
}

.vidiom-settings .form-switch .form-check-input {
 margin-top: 10px;
}

.notifications-desc {
 font-size: 17px;
 margin-left: 15px;
}

#notifications label {
 font-weight: 600;
 margin-left: 15px;
}

/* Page description
--------------------------------------------- */

.vidiom-page-description {
 margin: 0 15px 50px 15px;
}

.vidiom-page-description .page-content {
 position: relative
}

.vidiom-page-description .page-content h3 {
 font-weight: 800;
}

/* Audio sections
--------------------------------------------- */

/** Multi align slider **/
.carousel-caption.text-left {
 text-align: left;
 margin-left: 150px;
}

.carousel-caption.text-right {
 text-align: right;
 margin-right: 150px;
}

.carousel-caption.text-left .button-wrapper svg {
 right: -50px;
 transform: scaleX(-1);
 animation-name: run-right;
}

@keyframes run-right {
 0% {
 left: 120%;
 }

 50% {
 left: 130%;
 }

 100% {
 left: 120%;
 }
}

.vidiom-primary .song-play-icon {
 display: inline-block;
}

.vidiom-primary .song-play-icon i {
 margin-right: 0;
 margin-left: 10px;
}

/** Audio list **/

.audioPodcast-container {
 font-size: 15px;
 padding: 0 15px;
 margin-bottom: 80px;
}

.audioPodcast-container th {
 background: #ffffff;
}

.audioPodcast-container th,
.audioPodcast-container td,
.audioPodcast-container table {
 border: 0 solid #eaeaea;
 padding: 10px 20px;
 margin-bottom: 0;
}

.audioPodcast {
 background: #ffffff;
 cursor: pointer
}

.thumbnail-container.audioPodcast img {
 object-fit: cover;
}

.song-play-icon {
 display: flex;
 align-items: center;
}

.song-play-icon b {
 line-height: 25px;
}

.song-play-icon .song-artist {
 font-size: 13px;
 font-weight: 400;
}

.song-download,
.song-play-icon .song-artist,
.audioPodcast .bi-pause-circle,
.audioPodcast:hover .song-release,
.player-icon-show .song-release,
.audioPodcast.player-icon-show .bi-play-circle {
 display: none;
}

.player-icon-show .song-download,
.audioPodcast:hover .song-download,
.audioPodcast.player-icon-show .bi-pause-circle {
 display: block;
}

.song-artist a {
 font-weight: normal;
}

.song-play-icon i {
 margin-right: 15px;
 font-size: 20px;
}

.single-thumbnail-banner .song-play-icon i {
 margin: 0
}

/** Audio player **/

.audio-podcast {
 display: flex;
 padding: 0 15px;
 position: sticky;
 bottom: 0;
 right: -4px;
 z-index: 1;
}

.song-poster-box {
 height: 70px;
 width: 100px;
 overflow: hidden;
 background: #FFF5F5;
 border-top-left-radius: 4px;
}

.audio-podcast .plyr--audio {
 flex-basis: 100%;
}

.audio-podcast .plyr--audio input[type="range"] {
 border: 0
}

.audio-podcast .plyr--audio .plyr__control.plyr__tab-focus, 
.audio-podcast .plyr--audio .plyr__control:hover, 
.audio-podcast .plyr--audio .plyr__control[aria-expanded=true], 
.audio-podcast .plyr--video .plyr__control.plyr__tab-focus, 
.audio-podcast .plyr--video .plyr__control:hover, 
.audio-podcast .plyr--video .plyr__control[aria-expanded=true], 
.audio-podcast .plyr__control--overlaid, .plyr--full-ui input[type=range] {
 --plyr-color-main: red
}

.audio-podcast .plyr__controls {
 padding: 19px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
 border-top-left-radius: 0;
 border: 1px solid #eaeaea;
 border-left: 0;
}

.audio-podcast .song-poster {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-top-left-radius: 4px;
}

/* Advertisement banner
--------------------------------------------- */

.vidiom-advertisement {
 position: relative;
}

.vidiom-advertisement img {
 border-radius: 4px;
}

.vidiom-advertisement span {
 position: absolute;
 z-index: 1;
 color: #ffffff;
 opacity: 0.3;
 font-size: 14px;
 left: 10px;
}

/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/

.vidiom-404 {
 max-width: 480px;
}

.vidiom-404 p {
 margin-bottom: 45px;
}

.img-404 {
 margin-bottom: 30px;
}

.vidiom-404 p a {
 text-decoration: underline;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer.vidiom-footer {
 background: #ffffff;
 clear: both;
 padding: 50px 15px;
 border-top: 1px solid #eaeaea;
}

.footer-description p {
 margin: 30px 0;
 font-size: 16px;
 line-height: 28px;
 margin-right: 35px
}

.footer-description .social-links {
 list-style: none;
 margin: 0;
 padding: 0;
}

.footer-description .social-links li {
 display: inline-block;
 margin-right: 10px;
}

.footer-description .social-links li i {
 color: #6c757d;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.footer-description .social-links li:hover i {
 color: #ff0000
}

.vidiom-footer h3 {
 font-size: 21px;
 font-weight: 700;
 margin-bottom: 40px;
 position: relative;
}

.vidiom-footer .useful-links {
 list-style: none;
 margin: 0;
 padding: 0;
}

.vidiom-footer .useful-links li {
 line-height: 25px;
 font-size: 16px;
 display: flex;
 margin: 10px 0;
}

.vidiom-footer .useful-links li::before {
 content: "\F2EF";
 font-size: 13px;
 font-family: 'bootstrap-icons';
 border: 0;
 margin-top: 0;
 margin-right: 10px;
 color: #6c757d;
 display: none;
}

.vidiom-footer .useful-links li:hover::before {
 color: #ff0000
}

.vidiom-footer h3:after {
 content: " ";
 border: 2px dotted #ff0000;
 bottom: -20px;
 left: 0;
 color: #ff0000;
 width: 120px;
 position: absolute;
}

.subscribe-box {
 margin-bottom: 50px;
 padding-bottom: 20px;
 border-bottom: 1px solid #eaeaea;
 position: relative;
 z-index: 1;
}

.subscribe-box .subscribe-image {
 position: absolute;
 bottom: 0;
 right: 0;
 max-height: 350px;
 z-index: -1;
}

.subscribe-box h2 {
 font-weight: 800;
 margin-bottom: 15px;
}

.subscribe-box h2 span {
 font-size: 17px;
 font-weight: 600;
 display: block;
 margin-bottom: 15px;
 color: #6c757d;
}

.subscribe-btn i {
 font-size: 20px;
 line-height: 31px;
}

#topcontrol {
 margin-right: 50px;
 font-size: 35px;
 z-index: 1
}

/*--------------------------------------------------------------
# Animation keyframes
--------------------------------------------------------------*/

@keyframes shake {
 0% { transform: translate(1px, 1px) rotate(0deg); }
 10% { transform: translate(-1px, -2px) rotate(-1deg); }
 20% { transform: translate(-3px, 0px) rotate(1deg); }
 30% { transform: translate(3px, 2px) rotate(0deg); }
 40% { transform: translate(1px, -1px) rotate(1deg); }
 50% { transform: translate(-1px, 2px) rotate(-1deg); }
 60% { transform: translate(-3px, 1px) rotate(0deg); }
 70% { transform: translate(3px, 1px) rotate(-1deg); }
 80% { transform: translate(-1px, -1px) rotate(1deg); }
 90% { transform: translate(1px, 2px) rotate(0deg); }
 100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* Margin & padding class
--------------------------------------------- */
.mt-lg {
 margin-top: 80px
}

.mt-md {
 margin-top: 50px
}

.mt-sm {
 margin-top: 30px
}

.mb-lg {
 margin-bottom: 80px
}

.mb-md {
 margin-bottom: 50px
}

.mb-sm {
 margin-bottom: 30px
}

.pt-lg {
 padding-top: 80px
}

.pt-md {
 padding-top: 50px
}

.pt-sm {
 padding-top: 30px
}

.pb-lg {
 padding-bottom: 80px
}

.pb-md {
 padding-bottom: 50px
}

.pb-sm {
 padding-bottom: 30px
}