/*
Theme Name: Ikan Asin Theme
Theme URI: https://www.natalasa.com/
Description: IkanAsin is WordPress theme that design and develop with one porpose, it is to boost your ad revenue!
Author: Nath Ryuzaki
Author URI: https://destra.natalasa.com/
Version: 1.2.1
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, theme-options, microformats, adsense, ai generate
Text Domain: ikanasin
License: GNU General Public License, Version 3 or later
License URI: https://www.gnu.org/licenses/gpl.html

--------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, fieldset {
    border: none;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: baseline;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background-color: #c1e0ff;
    color: #575757;
    line-height: 1.8;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}

embed, iframe, object, video {
    max-width: 100%;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

a {
    color: #318aee;
    cursor: pointer;
    text-decoration: none;
    transition-duration: 0.3s;
}

a:hover {
    color: #0066ff text-decoration: underline;
}

a:link {
    text-decoration: none;
}

a:visited {
    color: #0078ff;
}

a:focus {
    outline: none;
    color: #1b72f5
}

pre {
    background-color: #F0F0F0;
    border: 1px solid #AAA;
    margin: 8px 0;
    padding: 8px;
    overflow: auto;
    -ms-word-wrap: normal;
    word-wrap: normal;
}

pre, code {
    font-size: 13px;
    font-size: 0.813rem;
    line-height: 1.55;
}

blockquote {
    background-color: #eef2f9;
    border-left: 5px solid #bfdfff;
    margin: 15px;
    padding: 10px 14px 2px;
    font-style: italic;
}

blockquote cite {
    display: block;
    margin-top: 8px;
    text-align: right;
    font-style: normal;
    font-size: small;
}

dl {
    padding-left: 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 10px;
}

table {
    width: 98%;
    border-collapse: collapse;
    margin: 10px auto;
}

th {
    background-color: #DDD;
    font-weight: normal;
}

th, td {
    border: 1px solid #AAA;
    font-size: 14px;
    font-size: 0.875rem;
}

ul, ol {
    margin-top: 4px;
    margin-bottom: 8px;
    padding-left: 20px;
}

ul ul, ol ol {
    padding-left: 15px;
}

.sidebar li {
    background: url(assets/images/list.png) no-repeat scroll 5px 10px transparent;
    padding: 4px 4px 4px 14px;
    border-bottom: 2px dotted #e7e5e5;
    clear: both;
    overflow-wrap: break-word;
}

.sidebar li a {
    color: #3177e8;
    transition-duration: 0.3s;
    font-weight: 400;
}

.sidebar li a:hover {
    color: #002bff;
}

address {
    margin-bottom: 10px;
}

.screen-reader-text {
    display: none;
}

.cf:before, .cf:after {
    clear: both;
    content: "";
    display: table;
}

/*----------------------------------------------
	Main Structure
-----------------------------------------------*/
#container {
    margin: 0 auto;
}

#top-bar {
    background-color: #edf2fa;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e1e8f3;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    padding: 5px 5px;
    line-height: 1.5rem;
}

#top-bar-info {
    float: left;
}

#site-title, #site-description {
    display: inline-block;
    margin-right: 4px;
    line-height: 1rem;
    vertical-align: middle;
}

h2#site-title a {
    font-size: 20px;
    color: #ffffff;
}

#site-description {
    color: #ffffff;
    font-size: 14px;
}

#header {
    background-color: #FFF;
    background-position: center;
    width: 100%;
    padding: 15px 10px;
}

#header-logo {
    display: inline-block;
}

#header-logo, #header-logo img {
    max-width: 100%;
    float: left;
}

#below-menu {
    width: 100%;
}

#main {
    background-color: #fff;
    padding: 5px;
    width: 100%;
}

#content {
    display: inline-block;
    padding: 5px;
}

.sidebar {
    display: inline-block;
    float: left;
    padding: 5px;
}

.footer-container {
    background-color: #5596ff;
    border-top: 1px solid #457bd1;
    color: #fff;
    padding: 5px 15px;
    text-align: center;
    font-size: 14px;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

ul.footer-menu > li > a, .footer-credit a {
    color: #ffffff;
    transition: color 0.3s ease;
}

ul.footer-menu > li > a:hover, .footer-credit a:hover {
    text-decoration: underline;
}

.footer-credit {
    font-size: 13px;
}

/* No Sidebar */
.col-c #content, #content.no-sidebars {
    width: 100%;
    max-width: 100%;
}

/* 1 Sidebar - Left */
.col-sc #content {
    float: right;
}

/* 1 Sidebar - Right */
.col-cs #content {
    float: left;
}

/* 2 Sidebars - Left */
.col-ssc #content {
    float: right;
}

/* 2 Sidebars - Right */
.col-css #content {
    float: left;
}

/* 2 Sidebars - Left & Right */
.col-scs #sidebar-left {
    float: left;
    margin-right: 0;
}

.col-scs #sidebar-right {
    float: right;
    margin-left: -4px;
}

.page-template-page-sc-php #main #content {
    float: right;
}

.page-template-page-cs-php #main #content {
    float: left;
}

.page-template-page-scs-php #main #content {
    float: none;
}

.page-template-page-scs-php #main #sidebar-left {
    float: left;
    margin-right: 0;
}

.page-template-page-scs-php #main #sidebar-right {
    float: right;
    margin-left: -4px;
}

/*----------------------------------------------
	Navigation Menus
-----------------------------------------------*/
#nav-main {
    background-color: #4a8af1;
    width: 100%;
    line-height: 1.2;
    border-top: 1px solid #457bd1;
    border-bottom: 1px solid #457bd1;
    transition-duration: 0.3s;
}

#nav-main * {
    -webkit-transition: all 0.14s ease-out;
    -moz-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
}

#nav-main ul, #nav-main li, #nav-top ul, #nav-top li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
    border: none;
}

#nav-main .nav-main {
    position: relative;
    float: left;
    border-left: 1px solid #115ce5;
    border-right: 1px solid #115ce5;
    z-index: 300;
}

#nav-main .nav-main li {
    float: left;
    position: relative;
}

#nav-main .nav-main > li, #nav-main .nav-main > ul > .page_item {
    border-right: 1px solid #65a0ff;
    border-left: 1px solid #65a0ff;
}

#nav-main .nav-main > li > a, #nav-main .nav-main > ul > .page_item > a {
    min-width: 60px;
    text-align: center;
    transition-duration: 0.3s;
}

#nav-main .nav-main a {
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 14px;
}

#nav-main .nav-main a:hover {
    background-color: #2678fa;
    color: #ffffff;
}

#nav-main .menu-item-has-children > a:after, #nav-main .page_item_has_children > a:after {
    font-family: "Genericons";
    content: "\f431";
    vertical-align: top;
    padding-left: 4px;
}

#nav-main .sub-menu, #nav-main .children {
    background-color: #2B2B2B;
    position: absolute;
    float: left;
    width: 180px;
    border: 1px solid #000;
    box-shadow: 0 1px 4px #000;
    z-index: 990;
    display: none;
}

#nav-main .sub-menu li, #nav-main .children li {
    border-top: 1px solid #3B3B3B;
    border-bottom: 1px solid #000;
}

#nav-main .sub-menu li:first-child, #nav-main .children li:first-child {
    border-top: none;
}

#nav-main .sub-menu li:last-child, #nav-main .children li:last-child {
    border-bottom: none;
}

#nav-main .sub-menu a, #nav-main .children a {
    float: left;
    width: 178px;
    padding: 10px 14px;
    font-size: 15px;
}

#nav-main .sub-menu .sub-menu, #nav-main .children .children {
    top: -1px;
}

#nav-main li:hover > ul {
    display: inline;
}

#nav-main .drop-toggle {
    display: none;
}

#nav-main .genericon-menu {
    color: #FFF;
    font-size: 20px;
    height: auto;
    padding: 5px 10px;
    width: auto;
}

#nav-top {
    float: right;
    margin: 0;
    padding: 0;
}

#nav-top .nav-top, #nav-top .nav-top li {
    float: left;
}

#nav-top .nav-top a {
    display: block;
    padding: 0 12px;
    color: #a3a3a3;
    text-transform: uppercase;
    transition-duration: 0.3s;
}

#nav-top .nav-top a:hover {
    color: #555;
}

/*----------------------------------------------
	Post Elements
-----------------------------------------------*/
.blog-view, .single-view, .author-info, .archive-info {
    margin: 0 0 1.5rem;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow: hidden;
}

.archive-description {
    border-top: 2px dotted #7aa5f2;
    margin-top: 8px;
    padding-top: 2px;
}

.form-404 {
    min-height: 100vh;
    width: 100%;
    padding: 1rem 1rem;
    text-align: center;
}

.form-404 h2, .form-404 p {
    margin-bottom: 15px;
}

.form-404 .search-form {
    margin-top: 1rem;
}

.form-404 .search-form .search-field {
    width: 50%;
    border-radius: 5px;
    appearance: none;
    border: 1px solid #e1e8f3;
    background: #eef2f9;
    min-width: 3rem;
    padding: 10px 8px;
}

.form-404 .search-form .search-submit {
    margin-left: 5px;
    word-break: normal;
    border: 1px solid #457bd1;
    background: #4a8af1;
    color: #fff;
    padding: 10px 15px;
    transition-duration: 0.3s;
    cursor: pointer;
    border-radius: 5px;
}

.form-404 .search-form .search-submit:hover {
    background: #2678fa;
}

.form-404 .image-full {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.blog-view {
    margin-bottom: 0.8rem;
    border-bottom: 1px dashed #7aa5f2;
    padding-bottom: 0.4rem;
}

.blog-view.sticky {
    background-color: #eef2f9;
    border-top: 6px solid #7aa5f2;
}

.entry-header {
    margin: 0;
}

h1.entry-title {
    font-size: 18px;
    line-height: 18px;
    margin: 10px 0;
    color: #0078ff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.entry-title a {
    color: #5892f1;
    position: relative;
}

.entry-title a:hover {
    color: #3177e8;
}

.entry-title a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    display: block;
    margin-top: -5px;
    right: 0;
    background: #0066ff;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}

.entry-title a:hover::after {
    width: 100%;
    left: 0;
    background: #0066ff;
}

.sticky .entry-title:before {
    font-family: "Genericons";
    content: "\f308";
    vertical-align: top;
    padding-right: 4px;
    display: inline-block;
}

.single-view .featured-image img {
    max-width: 100%;
}

.entry-byline * {
    line-height: 20px;
}

.entry-author, .entry-date, .entry-categories, .entry-comment-info {
    float: left;
    margin-right: 10px;
}

.blog-view .entry-byline {
    background-color: #eef2f9;
    border: 1px solid #e1e8f3;
    padding: 3px 3px;
    margin: 5px 0 10px;
}

.single-view .entry-byline {
    margin: 5px 0 10px;
}

.entry-thumbnail {
    float: left;
    padding-right: 8px;
    max-width: 150px;
}

.entry-thumbnail .post-thumbnail {
    display: table;
    background-color: #eef2f9;
    border: 1px solid #e1e8f3;
    padding: 3px;
}

.entry-thumbnail img {
    float: left;
    width: auto;
    max-width: none;
}

.continue-reading {
    background: #eef2f9;
    display: inline-block;
    float: right;
    padding: 5px 15px;
    color: #558af0;
    border: 1px solid #3d7af0;
    border-radius: 4px;
}

.continue-reading:hover {
    background: #3177e9;
    color: #fff;
}

.sticky .continue-reading {
    border-color: #AAA;
}

.blog-view .entry-content {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 18px;
}

.single-view .entry-content {
}

.entry-footer {
    clear: both;
}

.entry-updated {
    color: #555;
    font-size: 11px;
    padding: 2px 0;
}

.entry-tags {
    padding: 2px 0;
}

.blog-nav, .post-nav {
    margin: 15px 0 5px;
}

.blog-nav {
    padding: 4px 0;
}

.link-prev {
    float: left;
}

.link-next {
    float: right;
}

.link-prev a, .link-next a {
    color: #555;
    background: #edf2fa;
    border: 1px solid #e1e8f3;
    padding: 6px 10px;
}

.link-prev a:hover, .link-next a:hover {
    color: #318aee;
    text-decoration: none;
}

.attachment-nav div a {
    background-color: #DDD;
    border: none;
    box-shadow: none;
    text-decoration: none;
}

.page-nav, .comment-nav {
    display: block;
    padding: 2px 0;
    font-size: 13px;
    line-height: 20px;
}

.page-nav > *, .comment-nav > * {
    background-color: #2A5A8E;
    color: #FFF;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
}

.page-nav a, .comment-nav a {
    text-decoration: none;
}

.page-nav a:hover, .comment-nav a:hover {
    color: #FFF;
    text-decoration: underline;
}

ul.toc_post_list {
    background: #edf2fa;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e3eaf4;
    display: flex;
}

.entry-content ul.toc_post_list > li {
    list-style: none;
}

ul.toc_post_list > li > ul > li {
    margin-bottom: 0.5rem;
    list-style: inside;
}

ul.toc_post_list > li > h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

/*-------------------------------------
	Post Content
--------------------------------------*/
.entry-content ul {
    margin: 8px 0 15px 10px;
}

.entry-content ul li {
    list-style: disc;
    text-align: left;
}

.entry-content a:hover {
    text-decoration: underline;
}

.entry-content p, .comment-content p {
    margin: 4px 0 12px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.entry-excerpt p {
    margin: 0 0 4px;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
    clear: none;
    line-height: 1.5;
}

.entry-content li, .comment-content li {
    list-style-position: outside;
    list-style-type: disc;
}

.entry-content ol > li, .comment-content ol > li {
    list-style-type: decimal;
}

.entry-content ol > li > ol > li, .comment-content ol > li > ol > li {
    list-style-type: lower-alpha;
}

.entry-content ol > li > ol > li > ol > li, .comment-content ol > li > ol > li > ol > li {
    list-style-type: lower-roman;
}

.entry-content th, .entry-content td, .comment-content th, .comment-content td {
    padding: 8px 10px;
}

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], .entry-content img, .comment-content img {
    height: auto;
    max-width: 100%;
}

.wp-smiley {
    width: auto !important;
    border: none !important;
    padding: 0 !important;
}

.alignnone {
    margin-top: 4px;
    margin-bottom: 4px;
}

.alignleft {
    float: left;
    margin: 4px 8px 4px 0;
}

.alignright {
    float: right;
    margin: 4px 0 4px 8px;
}

.aligncenter {
    display: block;
    margin: 4px auto;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption img {
    width: 100%;
    background-color: #EEE;
    border: 1px solid #CCC;
    padding: 4px;
}

.wp-caption .wp-caption-text, .gallery-caption {
    margin: 0;
    padding: 0 5px;
    color: #555;
    font-size: 12px;
    font-size: 0.750rem;
    line-height: 1.6;
}

.gallery .gallery-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.gallery-item img {
    padding: 4px;
    display: inline-block;
    border: 1px solid #CCC !important;
}

.gallery-item img:hover {
    background-color: #DDD;
    border: 1px solid #AAA !important;
}

.type-attachment .entry-content div.attachment {
    margin-bottom: 10px;
    text-align: center;
}

.sitemap-template .entry-content h3 {
    margin-left: 10px;
}

.sitemap-template .entry-content ul {
    margin: 8px 0 15px 10px;
}

.sitemap-template .entry-content ul li {
    list-style: square inside;
}

/*-------------------------------------
	Author Info & Author Page
--------------------------------------*/
.author-info {
    padding: 0;
    border: 1px solid #e1e8f3;
    background: #eef2f9;
    margin: 0 0 15px;
}

.author-info .title {
    background-color: #edf2fa;
    padding: 4px 8px;
}

.author-avatar, .author-description {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}

.author-avatar img {
    display: block;
    border-radius: 5px;
}

.author-post-count {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0 0;
}

.author-latest-posts {
    padding: 10px 0px;
}

.author-latest-posts-list {
    border-bottom: 2px dotted #e1e8f3;
}

.author-latest-posts-title {
    margin-bottom: 10px;
    border-bottom: 2px dotted #e1e8f3;
}

.author-latest-posts li {
    list-style: square inside;
    margin: 4px 0 4px 4px;
}

/*-------------------------------------
	Advertisements
--------------------------------------*/
.advertisement {
    clear: both;
    text-align: center;
    margin: 10px auto;
    padding: 25px 5px 5px 5px;
    border: 1px solid #2c3033b3;
    border-radius: 5px;
    background: #1d23275c;
    box-shadow: inset 1px -1px 17px 1px #252525;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.advertisement:before{
	content:"Advertisement";
	font-size: 10px;
	letter-spacing: 0.1rem;
	color: #e9e9e9;
	position: absolute;
	top: 0;
	left: 0;
	background: #1e2225;
	padding: 0px 10px 3px 5px;
	border-radius: 0 0 10px 0;
	font-weight: 700;
	box-shadow: 4px 0px 4px 1px #222628;
}

/*-------------------------------------
	Comments
--------------------------------------*/
#comments {
    margin-top: 15px;
    background: #edf2fa;
    border: 1px solid #e1e8f3;
}

#comment-header, #respond, #no-comments, .comment-body {
    margin: 0 0 10px;
    padding: 8px;
}

#comment-header {
    border-bottom: 1px solid #e1e8f3;
    padding: 8px 8px;
}

#respond, #no-comments {
    border-top: 1px solid #e1e8f3;
}

#comment-header .title {
    font-size: 14px;
    display: inline-block;
    float: left;
}

#comment-header .respond-link {
    display: inline-block;
    float: right;
}

#comment-header .respond-link a {
    padding: 4px 8px;
    font-size: 12px;
    border: 1px solid #318aee;
}

#comment-header .respond-link a:hover {
    text-decoration: none;
    background: #318aee;
    color: #fff;
}

#comments .comment-list {
    padding-left: 0;
}

#comments .children {
    padding-left: 30px;
}

.comment-list .comment, .comment-list .pingback, .comment-list .trackback {
    list-style: none;
    margin: 0 0 10px;
}

.comment-author-admin > .comment-body, .bypostauthor > .comment-body {
    border-top: 6px solid #2A5A8E;
}

.comment-author, .comment-author .avatar, .comment-author .link {
    float: left;
}

.comment-author .avatar {
    margin-left: -8px;
    margin-top: -8px;
}

.comment-author .link {
    margin: 6px 8px;
    font-size: 15px;
    font-weight: bold;
    word-wrap: break-word;
}

.comment-metadata {
    float: right;
}

.comment-metadata a {
    color: #888;
}

.comment-edit-link {
    background-color: #E0E0E0;
    color: #222;
    padding: 2px 8px;
}

.comment-awaiting-moderation {
    clear: right;
    display: inline-block;
    float: right;
    margin: 8px;
    font-style: italic;
}

.comment-content {
    clear: both;
    padding-top: 4px;
    font-size: 13px;
    font-size: 0.813rem;
    line-height: 1.55;
}

.comment-content th, .comment-content td {
    font-size: 13px;
    font-size: 0.813rem;
    line-height: 1.55;
}

.comment-body .reply {
    margin-top: 8px;
    overflow: hidden;
}

.comment-reply-link {
    display: inline-block;
    float: right;
    font-size: 12px;
    padding: 4px 8px;
    border: 1px solid #318aee;
    background: transparent;
}

.comment-reply-link:hover {
    background-color: #318aee;
    color: #fff;
}

#no-comments .genericon {
    color: #888;
    font-size: 20px;
    line-height: 22px;
}

#no-comments h4 {
    display: inline-block;
    margin-left: 10px;
    color: #888;
}

#respond .comment-reply-title {
    margin-bottom: 8px;
}

#respond p {
    margin-top: 8px;
}

#cancel-comment-reply-link {
    background-color: #F0F0F0;
    padding: 2px 8px;
    font-size: 16px;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label {
    margin-left: 2px;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment textarea {
    display: block;
    padding: 3px;
    border: 1px solid #e1e8f3;
}

.comment-form-comment label {
    display: block;
}

.comment-form-comment textarea {
    position: relative;
    width: 100%;
    padding: 4px;
}

#respond #submit {
    padding: 5px 10px;
    border: 1px solid #318aee;
    color: #318aee;
    cursor: pointer;
    background: transparent;
    transition-duration: 0.3s;
}

#respond #submit:hover {
    background: #318aee;
    color: #fff;
}

.comment-navigation {
    margin-bottom: 10px;
}

.page-numbers.current {
    cursor: default;
}

#comment-area #disqus_thread {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #555;
    box-shadow: 0 0 2px #333;
}

/*----------------------------------------------
	Widgets
-----------------------------------------------*/
.ikanasin-widget {
    margin: 0 0 10px;
    word-wrap: break-word;
}

.ikanasin-widget:after {
    clear: both;
    content: "";
    display: table;
}

.widget-title {
    margin: -8px -8px 8px;
    padding: 4px 8px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}

.widget-title a {
    color: #fffff;
    text-decoration: none;
}

.widget-body {
    display: inline-block;
}

.widget-header {
    display: inline-block;
    float: left;
    margin: 0;
}

.widget-header, .widget-before-post, .widget-before-post-content, .widget-after-post-content, .widget-after-post {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.widget-after-post {
    margin: 10px 0 0;
}

.widget-footer {
    display: inline-block;
    float: left;
    margin: 0 0.5% 10px;
}

.widget-column-1 .widget-footer {
    display: block;
    width: auto;
    float: none;
    margin: 0 0 10px;
}

.widget-column-2 .widget-footer {
    width: 48.98%;
}

.widget-column-3 .widget-footer {
    width: 32.32%;
}

.widget-column-4 .widget-footer {
    width: 23.98%;
}

.widget-column-5 .widget-footer {
    width: 18.98%;
}

.widget-column-6 .widget-footer {
    width: 15.65%;
}

.widget-column-2 .widget-footer:nth-child(2n+1), .widget-column-3 .widget-footer:nth-child(3n+1), .widget-column-4 .widget-footer:nth-child(4n+1), .widget-column-5 .widget-footer:nth-child(5n+1), .widget-column-6 .widget-footer:nth-child(6n+1) {
    clear: left;
}

#widgets-wrap-below-menu {
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    padding: 10px 10px 0;
}

#widgets-wrap-before-post, #widgets-wrap-before-post-content, #widgets-wrap-after-post-content, #widgets-wrap-after-post {
    position: relative;
    clear: both;
}

#widgets-wrap-after-post {
    margin-top: 8px;
}

#widgets-wrap-footer {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 10px;
}

.ikanasin-widget * {
    max-width: 100%;
}

.ikanasin-widget .widget-title {
    max-width: none;
}

.ikanasin-widget h2, .ikanasin-widget h3 {
    border-bottom-style: double;
    border-color: #1d2327;
    padding: 0 5px;
}

.ikanasin-widget img {
    height: auto;
}

.ikanasin-widget p {
    margin: 4px 0 12px;
}

.ikanasin-widget ul, .ikanasin-widget ol {
    padding: 0 4px;
}

.ikanasin-widget ul ul, .ikanasin-widget ol ol {
    margin: 4px 0;
    padding-left: 15px;
}

.ikanasin-widget li {
    list-style: none;
    margin: 0;
}

.ikanasin-widget li:last-child {
    border-bottom: none;
}

.widget_search label .screen-reader-text {
    display: none;
}

.widget_search label .search-field {
    appearance: none;
    border: 1px solid #e1e8f3;
    background: #eef2f9;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 14rem;
    padding: 8px 10px;
    text-decoration: unset !important;
}

.widget_search .search-submit {
    cursor: pointer;
    margin-left: 5px;
    word-break: normal;
    border: 1px solid #457bd1;
    background: #4a8af1;
    color: #fff;
    padding: 8px 10px;
    transition-duration: 0.3s;
}

.widget_search .search-submit:hover {
    background: #2678fa;
}

.widget_tag_cloud {
    line-height: 24px;
}

.widget_calendar table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2;
}

.widget_calendar caption {
    padding: 8px 0;
    color: #FFF;
}

.widget_calendar th {
    padding: 8px;
}

.widget_calendar td {
    padding: 8px;
}

.wp-block-search__button {
    margin-left: 5px;
    word-break: normal;
    border: 1px solid #457bd1;
    background: #4a8af1;
    color: #fff;
    padding: 5px 10px;
    transition-duration: 0.3s;
}

.wp-block-search__button:hover {
    background: #2678fa;
}

.wp-block-search__input {
    appearance: none;
    border: 1px solid #e1e8f3;
    background: #eef2f9;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 5px 5px;
    text-decoration: unset !important;
}

.wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
    border: none;
    padding: 0;
}

/*-------------------------------------
	Extra
--------------------------------------*/
/* bbPress */
#content #bbpress-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.super-sticky, #bbpress-forums ul.sticky {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 13px;
    font-size: 0.813rem;
}

#content #bbpress-forums a {
    text-decoration: none;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    padding: 8px 20px;
}

#bbpress-forums .bbp-topic-permalink {
    font-size: 14px;
    font-size: 0.875rem;
}

#bbpress-forums .avatar {
    min-width: 20px;
    min-height: 20px;
}

#bbpress-forums .bbp-reply-content {
    padding: 10px 0 0;
}

.bbp-pagination-links > * {
    background-color: #222;
    padding: 2px 10px !important;
    border: 1px solid #000 !important;
    color: #FFF;
}

.bbp-pagination-links .page-numbers.current {
    background-color: #555;
}

.bbp-pagination-links > a:hover {
    background-color: #E0E0E0;
    color: #000;
    font-weight: bold;
}

/*-------------------------------------
	Breadcrumbs
--------------------------------------*/
.breadcrumbs {
    width: 100%;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: normal;
    margin-bottom: 15px;
    border-bottom: 2px dotted #e1e8f3;
    padding: 8px 0;
}

/*-------------------------------------
	Social Share Buttons
--------------------------------------*/
.social-share-buttons {
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-share-buttons a {
	font-size: 12px;
	color: #ffffff;
}

.social-share-buttons a:hover{
	text-decoration: none;
    color: #ffffff;
}

.social-share-links {
    display: flex;
    gap: 8px;
}

.social-share-link {
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.2s;
}

.social-share-link:hover {
    transform: translateY(-2px);
}

.social-share-facebook { background: #3b5998; }
.social-share-twitter { background: #000000; border: 1px solid #353535; }
.social-share-linkedin { background: #0077b5; }
.social-share-pinterest { background: #bd081c; }
.social-share-whatsapp { background: #25d366; }
.social-share-telegram { background: #0088cc; }
.social-share-reddit { background: #ff4500; }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/*-------------------------------------
	Related Posts
--------------------------------------*/
.related_posts {
    width: 100%;
    margin: 15px 0;
}

.related_posts h4 {
    background: #edf2fa;
    padding: 4px 10px;
    border-left: 1px solid #e1e8f3;
    border-right: 1px solid #e1e8f3;
    border-top: 1px solid #e1e8f3;
}

.related_posts ul {
    list-style: none;
    margin: 0;
    padding: 0 5px;
    border: 1px solid #e1e8f3;
}

.related_posts ul li {
    padding: 5px 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    border-bottom: 2px dotted #e1e8f3;
    font-weight: 400;
}

.related_posts ul li:last-child {
    border-bottom: none;
}

.related_posts ul li:first-child a {
    padding-top: 5px;
}

.related_posts ul li a {
    color: #5892f1;
    position: relative;
    line-height: 18px;
    display: inline-block;
}

.related_posts ul li a:hover {
    color: #3177e8;
    text-decoration: none;
}

.related_posts ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    display: block;
    right: 0;
    background: #0066ff;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}

.related_posts ul li a:hover::after {
    width: 100%;
    left: 0;
    background: #0066ff;
}

/*-------------------------------------
	Pagination
--------------------------------------*/
.pagenavi {
    margin: 10px 0;
    padding: 5px 0px;
    float: left;
    width: 100%;
    font-size: 15px;
}

.pagenavi a {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #e1e8f3;
    color: #5d5d5d;
    transition-duration: 0.3s;
}

.pagenavi a:hover {
    background-color: #edf2fa;
}

.pagenavi span.pages {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    color: #5d5d5d;
    font-weight: bold;
    border: 1px solid #e1e8f3;
    background-color: inherit;
}

.pagenavi span.current {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    font-weight: bold;
    border: 1px solid #e1e8f3;
    color: #333;
    background-color: #edf2fa;
}

.pagenavi span.expand {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    border: 1px solid #e1e8f3;
    color: #333;
    background-color: inherit;
}

.pagenavi .first, .pagenavi .last {
    border: 1px solid #e1e8f3;
}

.pagenavi .single_page {
    border: 1px dashed #ddd;
}

/*-------------------------------------
	Jacking
--------------------------------------*/
#hijack {
    text-align: center;
    margin: 0 auto;
    background-color: #000000;
    position: relative;
    color: #ffffff;
}

#hijack .hijack-title {
    margin: 0;
    padding: 1rem 0;
    background: #333;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    font-weight: 800;
}

#hijack .hijack-wrapper .hijack-container {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}

#hijack .hijack-content, #hijack .hijack-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#hijack .adsWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#hijack .adsWrapper .adsContainer {
	position: relative;
	width: 100%;
	height: 100%;
}

#hijack .adsWrapper .adsContainer .adsInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videoWrapper, videoStatic {
    width: 100%;
    height: auto;
}

.videoWrap {
    width: 100%;
    height: auto;
}

.hjAds {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#video-list {
    display: block;
    overflow: hidden;
}

#video-list, .video-box, .video-content, .video-item {
    display: block;
}

.video-item, .video-name {
    overflow: hidden;
}

.video-item {
    position: relative;
    background: #333;
    margin: 0 0 1rem;
    padding: 0 0 7px;
}

.video-image {
    width: calc(100% - 10px);
    height: auto;
}

.video-image, .video-name {
    text-align: center;
}

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

.video-name {
    line-height: 1.5;
    font-size: 15px;
    font-weight: 400;
    height: 45px !important;
    max-height: 60px !important;
    margin-bottom: 15px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-box-orient: vertical;
}

.video-related-title {
    margin-bottom: 5px;
    background: #333;
    padding: 5px 5px;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
}

.videoLink {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 100%;
}

.videoLink img {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.videoDownload {
    display: block;
    margin: 10px auto;
}

#video-actions {
    margin: 0 auto;
    padding: 5px 0;
    font-weight: 400;
    overflow: hidden;
    text-align: center;
    background: #322a26;
}

#video-actions .video-stats {
    text-align: center;
    align-items: center;
    font-size: 13px;
}

#video-actions .likes {
    cursor: pointer;
    background: #1c1c1c;
    padding: 5px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#video-actions .rating {
    cursor: pointer;
    background: #1c1c1c;
    padding: 5px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#video-actions .duration {
    cursor: pointer;
    background: #1c1c1c;
    padding: 5px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

span.views {
    cursor: pointer;
    background: #1c1c1c;
    padding: 5px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

span.duration:before {
    content: '';
    background-image: url(assets/images/assets/icon-duration.svg);
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

span.likes:before {
    content: '';
    background-image: url(assets/images/assets/icon-like.svg);
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

span.rating:before {
    content: '';
    background-image: url(assets/images/assets/icon-heart.svg);
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

span.views:before {
    content: '';
    background: url(assets/images/assets/icon-views.svg) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-right: 5px;
}

.loader {
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 20px;
    background: linear-gradient(90deg, #f9900d 50%, #0000 0) right / 200% 100%;
    animation: l21 5s infinite linear;
    position: absolute;
    top: 35%;
    left: 25%;
}

.loader::before {
    content: "LOADING...";
    color: #000000;
    padding: 0 20px;
    background: inherit;
    background-image: linear-gradient(90deg, #ffffff 50%, #ffffff 0);
    -webkit-background-clip: text;
    background-clip: text;
}

@keyframes l21 {
    100% {
        background-position: left
    }
}

.lds-spinner, .lds-spinner div, .lds-spinner div:after {
    box-sizing: border-box;
}

.lds-spinner {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 25%;
    left: 35%;
    width: 80px;
    height: 80px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3.2px;
    left: 36.8px;
    width: 6.4px;
    height: 17.6px;
    border-radius: 20%;
    background: currentColor;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    z-index: 10;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    padding: 0 10px;
}

.overlay img {
    border-radius: 2em;
}

.boxOverlay {
    width: 100vmin;
    height: 75vmin;
    display: grid;
    place-content: center;
    color: white;
    text-shadow: 0 1px 0 #000000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle), #213, #112 5%, #112 60%, #213 95%);
    border: solid 5px transparent;
    border-radius: 2em;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    animation: bg-spin 3s linear infinite;
    text-align: center;
    padding: 0px;
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.box:hover {
    animation-play-state: paused;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

.hidden {
    display: none;
}

.flex {
    display: flex;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    z-index: 10;
}

.play-button:hover {
    background-color: rgba(255, 255, 255, 1);
    transform: translate(-50%, -50%) scale(1.1);
}

.play-button::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #333333;
    margin-left: 5px;
}

.play-button.hidden {
    display: none;
}

#freeze-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
}

body.freeze-scroll {
    overflow: hidden;
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}