:root {
--primary_color: #333;
--secondary_color: #555;
--link_text_color: #c20000;
--title_widget_color_1: #333;
--title_widget_color_2: #fff;
--background_widget_color_1: #fff;
--background_widget_color_2: #333;
--menu_background_gradient_1: #bf0c49;
--menu_background_gradient_2: #ea7113;
--menu_text_color: #fff;
--menu_hover_text_color: #e4b622;
--menu_active_text_color: #fff;
--footer_background_gradient_1: #222;
--footer_background_gradient_2: #000;
--footer_text_color: #fff;
--dark_mode_background_1: #222;
--dark_mode_background_2: #333;
--dark_mode_text_color_1: #fff;
--dark_mode_text_color_2: #ccc;
--font: Poppins, sans-serif;
--font_size_title_post_mobile: 24px;
--font_size_body_post_mobile: 14px
}
a,
body {
color: var(--primary_color)
}
.media-image,
.parallax-box,
.slick-dots,
.slick-dots li,
.tag-box,
.terkini-item,
.widget .slider-item,
.widget-header {
position: relative
}
.parallaxads span,
.scroll-notice {
font-size: 10px;
text-align: center
}
.image-box,
.media-image,
.post-article figure img,
body.offscroll,
nav.app-nav {
overflow: hidden
}
.bars,
.slick-dots button,
.slick-list.dragging {
cursor: pointer
}
.menu-sidebar ul>li.menu-item-has-children>a:after,
[class*=" icon-"],
[class*=" icons-"],
[class^=icon-],
[class^=icons-] {
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
*,
.banner.ads72890,
.scroll-notice,
.slick-slider {
box-sizing: border-box
}
.line2,
svg .line,
svg.line1 {
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round
}
body {
font-family: var(--font);
-webkit-font-smoothing: antialiased;
background-color: #eee;
font-size: 14px;
line-height: 1.3;
padding: 0;
margin: 0;
margin-right: 0px !important;
}
a {
background-color: transparent;
text-decoration: none
}
div a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
li a {
color: var(--primary_color);
text-decoration: none
}
p a {
color: #ff5733;
text-decoration: none
}
span a {
color: #33c4ff;
text-decoration: none
}
.dark-link {
color: var(--primary_color) !important;
text-decoration: none
}
.dark-link:hover,
.light-link,
.light-link:hover {
color: var(--menu_hover_text_color) !important;
text-decoration: none
}
.light-link {
color: #fff !important;
text-decoration: none
}
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: var(--menu_hover_text_color);
text-decoration: none
}
.darkmode .breadcrumb .breadcrumb-item:last-child a:hover,
.darkmode .footer-menu ul li a:hover,
.darkmode .info-post .author-name a:hover,
.darkmode .list .media-title a:hover,
.darkmode .list-title a:hover,
.darkmode .menu-sidebar ul li a:hover,
.darkmode .nav-home a:hover,
.darkmode .popular-link:hover,
.darkmode .related-title h2 a:hover,
.darkmode .tag-title a:hover,
.darkmode .terkini-title h2 a:hover,
.darkmode .widget.tag-list .widget-content a:hover,
.darkmode a:hover,
.darkmode aside .list-title2 a:hover,
.footer-right ul.menu li a:hover,
.widget.video .widget-content .media-item:first-child .media-title a:hover,
div a:hover,
li a:hover,
p a:hover,
span a:hover {
color: var(--menu_hover_text_color)
}
.app-nav ul>li.current-menu-item>a,
.app-nav ul>li>a:hover {
color: var(--menu_active_text_color)
}
[class*=" icon-"],
[class*=" icons-"],
[class^=icon-],
[class^=icons-] {
font-family: icomoon, icons !important
}
.app-nav ul,
.parallaxads span,
.scroll-notice,
.widget-header .title,
.widget.video .media-category {
text-transform: uppercase
}
.icon-line:before {
content: "\e901"
}
.icon-photo:before {
content: "\e902"
}
.icon-play:before,
.icons-attach:before {
content: "\e903"
}
.icon-twitter:before {
content: "\f099"
}
.icon-facebook:before {
content: "\f09a"
}
.icon-feed:before,
.icon-rss:before {
content: "\f09e"
}
.icon-globe:before {
content: "\f0ac"
}
.icon-google-plus:before {
content: "\f0d5"
}
.icon-caret-down:before {
content: "\f0d7"
}
.icon-angle-left:before {
content: "\f104"
}
.icon-angle-right:before {
content: "\f105"
}
.icon-angle-up:before {
content: "\f106"
}
.icon-angle-down:before {
content: "\f107"
}
.icon-youtube:before {
content: "\f16a"
}
.icon-instagram:before {
content: "\f16d"
}
.icon-google:before {
content: "\f1a0"
}
.icon-whatsapp:before {
content: "\f232"
}
.icons-category:before {
content: "\e900"
}
.icons-back-arrow:before {
content: "\e904"
}
.icons-back:before {
content: "\e905"
}
.icons-backspace:before {
content: "\e906"
}
.icons-backward:before {
content: "\e907"
}
.icons-bookmark:before {
content: "\e909"
}
.icons-calandar:before {
content: "\e90a"
}
.icons-call:before {
content: "\e90b"
}
.icons-camera:before {
content: "\e90c"
}
.icons-check:before {
content: "\e912"
}
.icons-close:before {
content: "\e914"
}
.icons-comment:before {
content: "\e915"
}
.icons-configure:before {
content: "\e916"
}
.icons-copy:before {
content: "\e917"
}
.icons-cut:before {
content: "\e918"
}
.icons-delete:before {
content: "\e919"
}
.icons-disabled:before {
content: "\e91a"
}
.icons-edit:before {
content: "\e91b"
}
.icons-emoji-smile:before {
content: "\e91c"
}
.icons-export:before {
content: "\e91d"
}
.icons-file:before {
content: "\e91e"
}
.icons-folder:before {
content: "\e91f"
}
.icons-forward-arrow:before {
content: "\e920"
}
.icons-forward-1:before {
content: "\e921"
}
.icons-forward:before {
content: "\e922"
}
.icons-heart:before {
content: "\e923"
}
.icons-hide:before {
content: "\e924"
}
.icons-home:before {
content: "\e925"
}
.icons-image:before {
content: "\e926"
}
.icons-layout:before {
content: "\e927"
}
.icons-link:before {
content: "\e928"
}
.icons-loading:before {
content: "\e929"
}
.icons-location:before {
content: "\e92a"
}
.icons-lock:before {
content: "\e92b"
}
.icons-mail:before {
content: "\e92c"
}
.icons-map:before {
content: "\e92d"
}
.icons-menu-left:before {
content: "\e92e"
}
.icons-menu-right:before {
content: "\e92f"
}
.icons-more-vert:before {
content: "\e931"
}
.icons-more:before {
content: "\e932"
}
.icons-notification:before {
content: "\e933"
}
.icons-paste:before {
content: "\e934"
}
.icons-pause:before {
content: "\e935"
}
.icons-play:before {
content: "\e936"
}
.icons-plus:before {
content: "\e937"
}
.icons-profile:before {
content: "\e939"
}
.icons-refresh:before {
content: "\e93a"
}
.icons-resize:before {
content: "\e93b"
}
.icons-search:before {
content: "\e93d"
}
.icons-send:before {
content: "\e93e"
}
.icons-settings:before {
content: "\e93f"
}
.icons-sound-muted:before {
content: "\e940"
}
.icons-sound-playing:before {
content: "\e941"
}
.icons-star:before {
content: "\e942"
}
.icons-tag:before {
content: "\e943"
}
.icons-thumbs-up-1:before {
content: "\e944"
}
.icons-thumbs-up:before {
content: "\e945"
}
.icons-time:before {
content: "\e946"
}
.icons-view:before {
content: "\e947"
}
.icons-wifi:before {
content: "\e948"
}
.content,
.content.boxed {
background-color: #fff;
display: block;
max-width: 640px;
margin: 0 auto
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -14px
}
.container,
.container-ads {
margin: 0 auto;
max-width: 640px;
width: 100%
}
.container {
padding: 0 14px
}
.container-ads {
padding: 0 15px
}
.col,
[class*=col-] {
position: relative;
width: 100%;
padding: 0 14px
}
.app-nav ul,
.app-nav ul a .menu-image-title {
padding: 0;
margin: 0
}
.col {
flex: 1 0 0;
max-width: 100%
}
.col-1 {
flex: 0 0 8.333%;
max-width: 8.333%
}
.col-2 {
flex: 0 0 16.667%;
max-width: 16.667%
}
.col-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
flex: 0 0 33.333%;
max-width: 33.333%
}
.col-5 {
flex: 0 0 41.667%;
max-width: 41.667%
}
.col-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
flex: 0 0 58.333%;
max-width: 58.333%
}
.col-8 {
flex: 0 0 66.667%;
max-width: 66.667%
}
.col-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
flex: 0 0 83.333%;
max-width: 83.333%
}
.col-11 {
flex: 0 0 91.667%;
max-width: 91.667%
}
.col-12,
.post-content img,
figure {
max-width: 100%
}
.col-12 {
flex: 0 0 100%
}
@keyframes shimmer {
100% {
transform: translateX(100%)
}
}
.copyrightbox .menu-image-title,
.footer-copyright .menu-image-title,
.main,
.menu-network ul li a .menu-image-title,
.menu-sidebar ul li a .menu-image-title {
padding: 0
}
.media-image {
background: #ddd
}
.media-image:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #ddd;
animation: 1s infinite shine
}
.media-image:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
background-image: linear-gradient(90deg, #fff0 0, rgb(255 255 255 / .2) 20%, rgb(255 255 255 / .5) 60%, #fff0);
content: ""
}
.media-image img {
display: block;
object-fit: cover;
width: 100%;
position: absolute;
height: 100%
}
.widget-header .title {
padding: 10px 10px 0 15px;
font-size: 14px;
color: var(--title_widget_color_1);
letter-spacing: 2px;
font-weight: 700
}
.widget.outline-slider .widget-header h3,
.widget.topic .widget-header .title,
.widget.video,
.widget.video .widget-content .media-item:first-child .media-title a,
.widget.video .widget-header .title {
color: var(--title_widget_color_2)
}
.comment-reply-title:after,
.widget-header .title:after {
content: "";
background: var(--menu_background_gradient_1);
width: 20%;
height: 4px;
border-radius: 5px;
vertical-align: middle;
display: inline-block;
margin-left: 10px;
background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%)
}
.widget.outline-slider,
.widget.topic,
.widget.video {
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/bg_box.svg);
background-position: top right
}
.app-nav ul.sub-menu,
.bars.close .line:nth-child(2),
.daterangepicker.auto-apply .drp-buttons,
.daterangepicker.single .drp-selected,
.footer-right ul.menu li:last-child::after,
.footer-social ul li span,
.hide-mobile,
.icons,
.mode>.hide,
.parallax-area.hide,
.parhide .adx-parallax,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img,
.sticky-ads-bottom .widget.hide,
.widget.video .media-item:nth-child(n+4) {
display: none
}
.mode>* {
color: #444;
padding: 2px;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center
}
.mode>* svg {
height: 20px
} .icons.dark,
.icons.light {
display: none;
} body.darkmode .icons.dark {
display: inline-block;
}
body.darkmode .icons.light {
display: none;
}
body:not(.darkmode) .icons.dark {
display: none;
}
body:not(.darkmode) .icons.light {
display: inline-block;
}
.dark-mode .header-mode[data-theme=dark] .icons.dark,
.dark-mode .header-mode[data-theme=light] .icons.light,
.light-mode .header-mode[data-theme=dark] .icons.dark,
.light-mode .header-mode[data-theme=light] .icons.light,
.p404__link,
.tag-lists a,
.tag-lists span {
display: inline-block
}
.widget {
display: block;
margin-bottom: 25px;
margin-top: 14px
}
.widget_text.widget {
margin-top: 0;
margin-bottom: -10px
}
.adx-parallax {
background: #1d2327
}
.scroll-notice {
color: var(--menu_text_color);
width: 100%;
padding: 6px 0;
background: #111;
font-weight: 700
}
.parallax-box {
margin-right: auto;
margin-left: auto;
width: 300px;
height: 600px;
max-width: 640px;
left: 0;
right: 0;
margin-bottom: 0
}
.parallax-wrap,
.parallaxads-box {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
clip: rect(auto, auto, auto, auto)
}
.parallax-wrap .widget {
width: 100%;
height: auto;
position: fixed;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
margin: 0 auto;
max-width: 640px;
left: 0;
right: 0
}
.parallax-wrap .widget img {
display: block;
margin: 0 auto;
width: 300px;
height: auto
}
.content.m-auto .post-title,
.parallaxads,
.parallaxads .widget,
.sticky-ads-bottom .widget,
.widget .slider-snippet p {
margin-bottom: 0
}
.mode i.dark,
.mode i.light {
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat
}
.parallaxads {
margin-right: -14px;
margin-left: -14px;
width: auto;
height: 300px;
position: relative;
left: 0;
right: 0;
background: #1d2327
}
.parallaxads-wrap {
height: auto;
position: fixed;
top: 90px;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
margin: 0 auto;
max-width: 640px;
width: 100%
}
.parallaxads-wrap img {
margin: 0 auto;
display: block
}
.parallaxads span {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
background: var(--menu_background_gradient_1);
background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%);
color: #fff;
font-weight: 700;
z-index: 2
}
.billboard {
margin-top: 14px;
display: block;
margin-bottom: 14px
}
.billboard .widget {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
justify-content: center;
width: 100%;
height: auto;
display: block;
text-align: center
}
.banner,
.billboard img,
.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar,
.header-app-item.netbox:hover .network-box,
.search-transparent.show,
.show-mobile,
.slick-initialized .slick-slide,
.slick-slide img,
.sticky-ads-bottom .widget img {
display: block
}
.box-header {
position: sticky;
top: 0;
z-index: 99
}
.bars,
header.header-app {
position: relative;
height: 60px
}
.form-search,
.network-box {
box-shadow: 0 0 8px rgb(0 0 0 / .1);
z-index: 100
}
header.header-app {
z-index: 99;
background: #fff
}
.header-app-box.box-left {
display: flex;
justify-content: flex-start;
padding-top: 5px;
}
.header-app-box.box-right {
display: flex;
justify-content: flex-end;
padding-top: 5px;
}
.app-logo {
display: flex;
justify-content: center;
padding: 12px 0
}
.app-logo img {
display: block;
max-height: 35px;
width: auto;
}
.bars {
padding: 13px 0;
background: #fff0;
border: 0;
outline: 0;
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
width: 34px
}
.line {
width: 20px;
height: 2px;
transition: .2s ease-out;
background-color: #444;
display: block;
position: absolute;
right: 0
}
.line2 {
stroke-width: 3
}
.line:first-child {
top: 18px
}
.line:nth-child(2) {
top: 24px;
width: 14px
}
.line:nth-child(3) {
top: 30px
}
.bars.close .line:first-child {
top: 24px;
transform: rotate(-45deg)
}
.bars.close .line:nth-child(3) {
top: 24px;
transform: rotate(45deg)
}
.list-network,
.related-meta,
.sidebar-menu .sidebar-menu-box ul li.menu-item-has-children:hover .sub-menu,
.social-app-box,
.terkini-meta {
display: flex
}
.social-app-item {
margin: 9px 2px
}
.social-app-link {
font-size: 14px;
width: 32px;
height: 32px;
padding: 8px;
color: #fff;
background: #eff0f6;
display: flex;
border-radius: 50em;
text-align: center;
justify-content: center
}
.header-date {
padding: 14px 0;
font-size: 13px;
color: var(--dark_mode_text_color_1)
}
.header-app-item {
padding: 0 5px;
position: relative
}
.header-app-box.box-left .header-app-item:first-child {
padding-left: 0
}
.header-app-box.box-right .header-app-item:last-child {
padding-right: 0;
border: 0
}
.btn-network,
.btn-search,
.mode {
padding: 13px 0;
background: #fff0;
border: 0;
outline: 0;
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: center;
cursor: pointer
}
.mode i.dark {
background-image: url("data:image/svg+xml,%3Csvgwidth='24px'height='24px'viewBox='002424'version='1.1'xmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Emoon@1x%3C/title%3E%3Cgid='moon'stroke='none'stroke-width='1'fill='none'fill-rule='evenodd'stroke-linecap='round'stroke-linejoin='round'%3E%3Cgid='Group'transform='translate(-0.000000,-0.000000)'stroke='%2354565d'stroke-width='1.6'%3E%3Cpathd='M21.0000001,12.7900001C20.5623509,17.525808516.5155206,21.103635211.7617765,20.9575684C7.00803243,20.81150163.1884985,16.99196773.04243172,12.2382236C2.89636495,7.484479516.47419162,3.4376492411.21,3.00000001C9.15036197,5.786451749.43925663,9.6604532311.8894017,12.1105984C14.3395469,14.560743518.2135484,14.849638121.0000001,12.7900001L21.0000001,12.7900001Z'id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.mode i.light {
background-image: url("data:image/svg+xml,%0A%3Csvgwidth='24'height='24'viewBox='002424'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1217C14.7614171714.76141712C179.2385814.76147127C9.23858779.23858712C714.76149.23858171217Z'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M121V3'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M1221V23'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M4.224.22L5.645.64'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M18.3618.36L19.7819.78'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M112H3'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M2112H23'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M4.2219.78L5.6418.36'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M18.365.64L19.784.22'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3C/svg%3E%0A");
filter: invert(57%) sepia(0) saturate(61%) hue-rotate(240deg) brightness(105%) contrast(97%)
}
.btn-network i,
.btn-search i {
font-size: 20px;
color: #54565d;
margin-top: 2px
}
.btn-network span,
.btn-search span,
.mode span {
font-size: 10px;
text-transform: uppercase;
color: var(--dark_mode_text_color_1);
flex: 1;
display: flex;
align-content: center;
height: 100%;
margin: auto 0 auto 10px;
font-weight: 700
}
.app-nav ul>li>a,
.nav-home a {
color: var(--menu_text_color)
}
nav.app-nav {
background: var(--menu_background_gradient_1);
background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%);
position: relative;
margin-left: 0;
margin-right: 0;
height: 35px
}
.app-nav ul {
list-style: none;
display: flex;
white-space: nowrap
}
.app-nav ul>li>a {
padding: 10px;
display: block;
font-weight: 600;
font-size: 13px
}
.nav-wrap {
display: flex;
justify-content: flex-start;
margin: 0 -14px;
overflow-y: auto;
padding-bottom: 10px;
line-height: 1.2
}
.nav-home a {
padding: 10px 14px;
display: block;
background: rgb(0 0 0 / .2)
}
.network-box {
position: absolute;
right: 0;
width: 350px;
background: #fff;
top: 50px;
border-radius: 5px;
overflow: hidden;
transform: translateX(110px);
display: none
}
.form-search,
.search-transparent {
position: fixed;
display: none;
right: 0;
margin: 0 auto;
left: 0;
max-width: 640px
}
.network-box ul {
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
padding: 0 5px 10px
}
.network-box ul li,
.widget.video .widget-content .media-item {
width: 50%
}
.network-box ul li a {
font-size: 13px;
display: block;
padding: 10px 3px 5px;
font-weight: 600;
text-align: center
}
.form-search {
background: #fff;
top: 91px;
overflow: hidden;
padding: 10px;
width: 100%
}
.search-transparent {
top: 0;
width: 100%;
height: 100vh;
background: rgb(0 0 0 / .8);
transition: .2s;
z-index: 50
}
.input-search {
display: block;
width: 100%;
border: 1px solid #eee;
padding: 5px;
outline: 0;
font-size: 13px;
font-weight: 500
}
.header-app-box.box-right .icon,
.header-app-box.box-right .icons {
color: #54565d
}
.slick-slider {
position: relative;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: #fff0
}
.btn,
.comment-form-cookies-consent {
user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid #fff0
}
.widget.video {
background-color: #2a2a2a;
border-radius: 0;
background-repeat: no-repeat;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
margin: 0 -14px 14px
}
.widget.video .widget-content {
padding: 0 5px 10px;
margin: -12px 4px;
display: flex;
flex-wrap: wrap
}
.widget.video .media-box {
padding: 12px 6px 0
}
.widget.video .media-image {
height: 0;
overflow: hidden;
padding-bottom: 59%;
position: relative;
border-radius: 7px 7px 0 0
}
.widget.video .media-title {
color: var(--primary_color);
font-size: 13px;
margin: 0 0 5px;
font-weight: 600;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden
}
.smallvideo-title,
.unique-related-title,
.widget.video .media-snip {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.widget.video .media-title .media-link {
color: #444;
transition: .2s
}
.widget.video .media-date {
font-size: 11px;
color: var(--secondary_color);
margin-top: 5px;
letter-spacing: .2px
}
.widget.video .media-item:first-of-type .media-date {
color: var(--background_widget_color_1)
}
.widget.video .media-snip {
display: none;
font-size: 13px;
color: #555;
margin-top: 10px;
overflow: hidden;
display: -webkit-box
}
.widget.video .media-text {
padding: 7px;
background: #fff;
border-radius: 0 0 7px 7px;
flex-shrink: 0;
min-height: 100px
} .widget.video .media-title a {
color: #111 !important;
} .widget.video .widget-content > .media.media-item:first-child .media-title a {
color: #fff !important;
} .darkmode .widget.video .media-title a {
color: #eee !important;
}
.darkmode .widget.video .widget-content > .media.media-item:first-child .media-title a {
color: #ff0 !important;
}
.widget.video .media-category {
display: none;
letter-spacing: 2.4px;
font-size: 10px;
color: var(--primary);
margin-bottom: 1px;
font-weight: 600
}
.list-title a,
.list-title2 a,
.popular-title a,
.related-title h2 a,
.terkini-title h2 a,
.widget .slider-title h2 a,
.widget.inline-slider .inline-slider-title h2 a,
.widget.outline-slider .outline-slider-title h2 a,
.widget.topic .media-title {
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
-webkit-box-orient: vertical
}
.widget.video .widget-content .media-item:first-child {
width: 100%
}
.widget.video .widget-content .media-item:first-child .media-image {
width: 100%;
padding-bottom: 56%;
border-radius: 7px
}
.widget.video .widget-content .media-item:first-child .media-box {
display: flex;
flex-wrap: nowrap;
align-items: center;
flex-direction: column
}
.widget.video .widget-content .media-item:first-child .media-text {
flex: 1;
background: 0 0;
border: 0;
padding: 10px 0;
min-height: 0;
border-radius: 0 0 7px
}
.widget.video .widget-content .media-item:first-child .media-title {
font-size: 14px;
line-height: 1.3;
-webkit-line-clamp: 4
}
.widget.video .widget-content .media:first-child .media-link:hover {
color: var(--active) !important
}
.widget.outline-slider,
.widget.topic {
background-color: var(--background_widget_color_2);
background-repeat: no-repeat;
position: relative;
margin: 0;
width: 100vw;
max-width: 640px;
left: 50%;
right: 50%;
transform: translateX(-50%)
}
.widget.list .widget-content,
.widget.list.list-custom .widget-content,
.widget.popularpos .widget-content,
.widget.related .widget-content,
.widget.slider .widget-content,
.widget.terkini .widget-content,
.widget.topic .widget-content {
margin: 0;
padding: 0 15px
}
.widget.topic .media-box {
padding: 0 2px
}
.widget.topic .media-image {
height: 0;
overflow: hidden;
padding-bottom: 57%;
position: relative;
border-radius: 7px
}
.widget.topic .media-title {
font-size: 13px;
margin: 0 0 5px;
font-weight: 600
}
.widget .slider-category a,
.widget.topic .media-category {
font-weight: 600;
display: inline-flex;
letter-spacing: 2.4px;
text-transform: uppercase
}
.widget.topic .media-title .media-link {
color: #fff;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.widget.topic .media-date {
font-size: 11px;
color: #999;
margin-top: 5px
}
.widget.topic .media-text {
padding: 12px 0
}
.widget.topic .media-category {
font-size: 10px;
margin-bottom: 1px
}
.widget.topic .slick-arrow {
position: absolute;
top: 30%;
z-index: 2;
width: 30px;
height: 30px;
background: rgb(0 0 0 / .7);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: -15px;
border-radius: 50em;
box-shadow: 0 0 0 5px rgb(0 0 0 / .4)
}
.widget.topic .arrow-left {
left: 15px
}
.widget.topic .arrow-right {
right: 15px
}
.ads-sticky .widget,
.post-content blockquote p,
.post-featured figure,
.slidervideo-big figure,
.tag-title,
.widget.topic .slick-list.draggable {
margin: 0
}
.widget.inline-slider {
background-repeat: no-repeat;
background-position: top right;
margin: 0 -14px
}
.widget.inline-slider .widget-content,
.widget.outline-slider .widget-content {
margin: 0;
padding: 0 15px 10px
}
.widget.inline-slider .inline-slider-item,
.widget.outline-slider .outline-slider-item {
position: relative;
padding: 0 5px;
border-radius: 5px;
overflow: hidden
}
.widget.inline-slider .inline-slider-image,
.widget.outline-slider .outline-slider-image {
width: 100%;
height: 0;
border-radius: 5px;
overflow: hidden;
padding-bottom: 150%;
margin-right: 14px
}
.widget.inline-slider .inline-slider-content,
.widget.outline-slider .outline-slider-content {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
background: linear-gradient(90deg, #000, transparent);
background: -webkit-linear-gradient(90deg, #000, transparent);
z-index: 9;
right: 0;
margin: 0 5px;
border-radius: 5px;
overflow: hidden;
top: 0;
display: flex;
align-items: flex-end
}
.widget.inline-slider .inline-slider-title h2,
.widget.outline-slider .outline-slider-title h2 {
margin: 0 0 10px;
font-size: 14px;
font-weight: 600
}
.widget.inline-slider .inline-slider-more,
.widget.outline-slider .outline-slider-more {
background: var(--primary_color);
font-weight: 600;
padding: 3px 10px;
color: #fff;
font-size: 10px;
text-transform: uppercase;
position: absolute;
top: 5px;
z-index: 9;
right: 10px;
border-radius: 5px
}
.widget.inline-slider .slick-arrow,
.widget.outline-slider .slick-arrow,
.widget.slider .slick-arrow {
z-index: 2;
height: 30px;
background: rgb(0 0 0 / .7);
border-radius: 50em;
box-shadow: 0 0 0 5px rgb(0 0 0 / .4);
display: flex
}
.widget.inline-slider .inline-slider-title,
.widget.outline-slider .outline-slider-title {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.widget.inline-slider .slick-arrow,
.widget.outline-slider .slick-arrow {
position: absolute;
top: 50%;
width: 30px;
color: #fff;
align-items: center;
justify-content: center;
margin-top: -15px
}
.widget.inline-slider .arrow-left,
.widget.outline-slider .arrow-left,
.widget.slider .arrow-left {
left: 5px
}
.widget.inline-slider .arrow-right,
.widget.outline-slider .arrow-right,
.widget.slider .arrow-right {
right: 5px
}
.slider-bg .slick-list.draggable {
margin: 0 -5px
}
.widget.list,
.widget.list.list-custom,
.widget.popularpos,
.widget.related,
.widget.slider,
.widget.terkini {
position: relative;
margin: 0;
width: 100vw;
max-width: 640px;
left: 50%;
right: 50%;
transform: translateX(-50%)
}
.widget .slider-item {
overflow: hidden;
border-radius: 5px
}
.widget .slider-image {
width: 100%;
height: 0;
padding-bottom: 80%;
border-radius: 5px;
overflow: hidden
}
.media-image img,
.widget .slider-image img {
transition: transform .3s, box-shadow .3s
}
.widget .slider-image img:hover {
transform: scale(1.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, .3)
}
.widget .slider-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 160px 10px 20px;
background: linear-gradient(90deg, #000, transparent);
background: -webkit-linear-gradient(90deg, #000, transparent);
z-index: 9
}
.widget .slider-title h2 {
font-size: 18px;
margin: 0 0 10px;
line-height: 1.3;
font-weight: 600
}
.widget .slider-category a {
color: #fff;
font-size: 10px;
border-bottom: 2px solid var(--menu_background_gradient_1);
margin-bottom: 14px
}
.widget .slider-snippet {
color: var(--dark_mode_text_color_1);
max-width: 400px;
font-size: 12px;
display: none
}
.widget .slider-date {
color: #fff;
font-size: 10px;
margin-bottom: 0
}
.widget.slider .slick-arrow {
position: absolute;
top: 35%;
width: 30px;
color: #fff;
align-items: center;
justify-content: center;
margin-top: -15px
}
.slick-dots {
list-style: none;
display: flex;
justify-content: center;
margin: 0;
padding-top: 14px;
padding-left: 0;
padding-right: 0
}
.slick-dots li {
display: inline-block;
margin: 0 5px;
padding: 0
}
.slick-dots button {
border: 0;
background: #b6b6b6;
display: block;
outline: 0;
line-height: 0;
font-size: 0;
color: #fff0;
padding: 5px;
height: 10px;
width: 10px;
border-radius: 10px;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.tag-title,
.terkini-title h2 {
line-height: 1.5;
font-weight: 600
}
.slick-dots li.slick-active button {
width: 50px;
background: var(--primary_color)
}
.terkini-item {
display: flex;
flex-wrap: wrap;
margin-bottom: 14px;
align-items: center;
border-bottom: 1px solid #eee;
padding-bottom: 14px
}
.terkini-item:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0
}
.terkini-image {
width: 90px;
height: 0;
border-radius: 5px;
overflow: hidden;
padding-bottom: 90px;
margin-left: 14px
}
.info-item span,
.info-post .info-box .author-box,
.list .media-text,
.list-content,
.list-content2,
.popular-content,
.related-content,
.terkini-content {
flex: 1
}
.terkini-category,
.terkini-category a {
font-weight: 600;
padding: 3px 0;
font-size: 10px;
text-transform: uppercase;
color: var(--link_text_color);
letter-spacing: 1px
}
.related-category img,
.terkini-category img {
width: auto;
height: 14px;
margin: -3px 2px 0 0;
display: inline-block;
vertical-align: middle
}
.terkini-date {
font-size: 10px;
padding: 2px 5px;
color: var(--secondary_color)
}
.terkini-title h2 {
margin: 0;
font-size: 14px
}
.related-snippet,
.terkini-snippet {
margin-top: 10px
}
.related-snippet p,
.terkini-snippet p {
margin: 0;
color: #666;
font-size: 13px
}
.arrow-left,
.daterangepicker.opensright:after {
left: 10px
}
.arrow-right,
.daterangepicker.opensleft:after {
right: 10px
}
.btn-index {
display: inline-block;
padding: 7px 14px;
background: #413f45;
color: #fff;
border-radius: 50em;
font-size: 12px;
text-transform: uppercase;
font-weight: 600
}
.breadcrumb .breadcrumb-item i,
.hastag,
.info-post .readtime,
.sumber,
.tag-box,
.tag-title,
aside .list-title2 {
font-size: 14px
}
.widget-footer {
margin-top: 14px;
padding: 14px 0;
display: block;
text-align: center;
border-top: 1px solid #eee
}
.tag-item {
padding: 5px 0
}
.tag-box {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: baseline
}
.list-item,
.popular-item {
align-items: center;
position: relative
}
.hastag {
color: var(--primary_color);
margin-right: 8px
}
.popular-item {
display: flex;
padding: 14px
}
.popular-number {
margin-right: 14px;
color: #fff;
font-weight: 700;
display: block;
font-size: 70px;
-webkit-text-stroke: 1px #b7b7b7;
-webkit-text-fill-color: #fff0;
overflow: hidden;
line-height: 67px;
transition: .4s;
width: 40px
}
.sidebar-menu,
.sticky-ads-bottom {
overflow: visible;
max-width: 640px;
left: 0
}
.media-category {
display: inline-flex;
letter-spacing: 2.4px;
font-size: 10px;
color: var(--link_text_color);
margin-bottom: 1px;
text-transform: uppercase;
font-weight: 600;
font-family: var(--font-2)
}
.popular-title {
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.4
}
.popular-item:nth-child(odd) {
background: #f3f3f3
}
.list-hastag,
.popular-item:nth-child(2n) {
background: #e8e8e8
}
.footer-social ul li a:before,
.icon-expand,
.info-post .share-btn.copylink,
.info-post .share-btn.more,
.info-post .share-btn.whatsapp,
button.ad-close,
button.ad-open {
background-repeat: no-repeat;
background-position: center
}
.list .media-box,
.related-item {
display: flex;
flex-wrap: nowrap;
padding: 8px 0;
align-items: center;
border-bottom: 1px solid #e5e5e5
}
.list .media-item:first-child .media-box {
padding-top: 0
}
.list .media-item:last-child .media-box {
border: 0;
padding-bottom: 0
}
.list .media-image {
height: 0;
overflow: hidden;
padding-bottom: 80px;
position: relative;
border-radius: 7px;
width: 80px;
margin-right: 12px
}
.list .media-title {
font-size: 14px;
margin: 0 0 5px;
font-weight: 600;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3
}
.list .media-title .media-link {
color: #444;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.list .media-date {
font-size: 10px;
color: var(--secondary_color);
margin-top: 5px;
font-family: var(--font-2);
letter-spacing: .2px
}
.list .media-category {
letter-spacing: 2.4px;
font-size: 10px;
color: var(--primary_color);
margin-bottom: 1px;
text-transform: uppercase;
font-weight: 600;
display: none
}
.list.related .media-box:before {
content: "";
width: 6px;
height: 6px;
display: block;
background: #b7b7b7;
margin-right: 14px;
margin-top: 7px
}
.list.related .media-box {
align-items: flex-start
}
.list-item {
padding-bottom: 6px;
display: flex;
border-bottom: 1px solid #eee;
margin-bottom: 6px
}
.list-item:last-child {
border: 0;
margin-bottom: 0
}
.list-hastag {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50em;
font-size: 20px;
margin-right: 14px;
color: var(--primary_color)
}
.list-date,
.list.list-custom .list-item {
padding: 3px 5px 3px 0;
color: var(--secondary_color)
}
.list-title {
margin: 0;
font-size: 14px;
font-weight: 600
}
.list.list-custom .list-item {
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 10px
}
.list.list-custom .list-content {
flex: unset
}
.list-date {
font-size: 10px
}
.list-network-name,
.related-category,
.related-category a {
font-weight: 600;
padding: 3px 0;
font-size: 10px;
text-transform: uppercase;
color: var(--primary_color)
}
.list-network-date,
.related-date {
font-size: 10px;
padding: 3px 5px;
color: var(--dark_mode_text_color_1)
}
.list-network-date:before,
.related-date:before,
.terkini-date:before {
content: "\00B7";
margin-right: 5px;
font-size: 11px;
display: inline-block;
font-weight: 700
}
.breadcrumb-page ul li a,
.btn-viewbox .btn-biew,
.copylink.copied:before {
font-size: 10px;
text-transform: uppercase
}
.sidebar-menu::after {
position: absolute;
top: 1px;
content: "";
width: 0;
height: 0;
right: 5px;
border: 8px solid #fff0;
transform-origin: 0 0;
transform: rotate(135deg);
box-shadow: -3px 3px 3px 0 rgb(0 0 0 / .05)
}
.sidebar-menu {
display: none;
padding: 0 0 91px;
transition: .2s;
position: fixed;
width: 95%;
height: 80vh;
top: 60px;
z-index: 9999;
right: 0;
margin: 0 auto;
background-color: #fff;
color: #000;
border-radius: 10px;
box-shadow: 0 0 8px 0 rgb(0 0 0 / .26)
}
.sidebar-menu h2 {
font-size: 11px;
color: #666;
display: block;
text-align: center;
width: 100%;
padding-bottom: 10px;
text-transform: uppercase;
margin: 0;
letter-spacing: 2.4px;
line-height: 1.4
}
.content.m-auto .post-title h1,
.post-featured figcaption {
text-align: left
}
.btn,
.error-page,
.kanal-header,
.post-article figcaption,
.post-content .aligncenter,
.social-link span,
.widget-pagination,
.wp-caption {
text-align: center
}
.sidebar-menu-box {
padding: 14px 8px;
font-size: 13px
}
.sidebar-menu .copyrightbox,
.sidebar-menu-box>* {
margin-bottom: 14px;
padding-bottom: 5px
}
.menu-sidebar ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap
}
.menu-network ul li,
.menu-sidebar ul li,
.sidebar-menu .copyrightbox ul li {
width: 50%;
padding: 0 6px
}
.menu-sidebar ul li a,
.sidebar-menu .copyrightbox ul li a {
color: var(--primary_color);
padding: 6px 0;
display: block;
font-weight: 700;
border-bottom: 1px solid #e5e5e5
}
.menu-network ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.menu-network ul li a {
display: block;
color: var(--primary_color);
padding: 6px 0;
font-weight: 700;
border-bottom: 1px solid #e5e5e5
}
.kanal-header {
font-size: 11px;
color: #666;
display: block;
width: 100%;
padding: 6px 0;
text-transform: uppercase;
margin: 0;
letter-spacing: 2.4px;
line-height: 1.4
}
.sharebox {
display: flex;
justify-content: center
}
.daterangepicker .drp-calendar.single .calendar-table,
.sidebar-menu-box>:last-child {
border: 0
}
.menu-sidebar ul>li.menu-item-has-children>a:after {
content: "\f107";
font-family: icomoon !important;
margin-left: 10px
}
.sidebar-menu .copyrightbox ul {
border-bottom: 1px solid;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap
}
.breadcrumb {
padding: 0 0 14px
}
.breadcrumb .breadcrumb-wrap {
padding: 0;
margin: 0;
list-style: none;
display: flex
}
.breadcrumb .breadcrumb-item:first-child {
display: flex;
align-items: center;
flex-wrap: wrap;
background: #fffefe;
font-weight: 600;
border-radius: 10px;
box-shadow: 0 2px 8px rgb(0 0 0 / .04);
z-index: 1
}
.breadcrumb .breadcrumb-item:last-child {
display: flex;
align-items: center;
flex-wrap: wrap;
background: #b7b7b72e;
margin-right: 5px;
font-weight: 600;
border-radius: 0 10px 10px 0;
margin-left: -5px
}
.breadcrumb .breadcrumb-item:first-child a {
display: flex;
align-items: center;
color: var(--primary_color)
}
.breadcrumb-link {
display: flex;
width: 100%;
height: 100%;
align-items: center;
padding: 5px 14px;
font-size: 14px
}
.breadcrumb-page {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #e5e5e5
}
.breadcrumb-page ul {
display: flex;
list-style: none;
padding: 0;
margin: 0
}
.breadcrumb-page ul svg {
height: 10px;
margin: 0 5px;
color: #666
}
.breadcrumb-page ul li:first-child a {
color: #666
}
.breadcrumb-page ul li a {
display: block;
font-weight: 600;
margin: 0;
letter-spacing: 2.4px;
font-family: var(--font-2)
}
.breadcrumb-page ul li {
display: flex;
align-items: center
}
.post-title h1 {
margin: 0;
font-size: var(--font_size_title_post_mobile);
font-weight: 700;
line-height: 1.4
}
.post-article figcaption,
.post-featured figcaption {
font-size: 11px;
padding: 10px 0;
color: #747474;
margin: 0 14px;
line-height: 1.4
}
.post-more,
.post-title {
margin-bottom: 14px
}
.post-more .post-author-box {
display: flex;
flex-wrap: wrap
}
.post-more .post-authorname-box {
flex: 1;
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: column
}
.box-redaksi .author-follow button i,
.post-more .post-author-avatar {
margin-right: 10px
}
.post-more .post-author-avatar img {
width: 48px;
height: 48px;
border-radius: 50em
}
.post-more .post-authorname a {
font-weight: 600;
color: #444;
font-size: 13px
}
.post-more .post-authorname-box time {
font-size: 13px;
color: var(--secondary_color)
}
.post-more .post-authorname-box time:before {
content: "-";
display: none
}
.post-more .post-authorname svg {
height: 12px;
color: var(--link_text_color)
}
.post-more .post-authorname,
.prop-pos {
display: flex;
flex-wrap: wrap;
align-items: center
}
.post-detail .widget {
margin-bottom: 25px
}
.post-featured {
position: relative;
margin-bottom: 5px
}
.image-box {
margin: 0 -14px
}
.post-featured img,
.wp-caption img {
width: 100%;
height: auto;
display: block
}
.post-featured amp-img img {
object-fit: cover
}
.darkmode a,
.post-content a {
color: var(--link_text_color)
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
margin: 14px 0;
font-weight: 700;
}
.post-content h1 {
font-size: 22px;
line-height: 1.2;
}
.post-content h2 {
font-size: 20px;
line-height: 1.3;
}
.post-content h3 {
font-size: 18px;
line-height: 1.4;
}
.post-content h4 {
font-size: 16px;
line-height: 1.4;
}
.post-content h5 {
font-size: 14px;
line-height: 1.5;
}
.post-content h6 {
font-size: 12px;
line-height: 1.5;
}
.post-content .list-title {
font-size: 14px;
margin: 0;
font-weight: 600
}
.post-content img {
display: block;
height: auto;
margin: 0 auto
}
.post-content .alignleft {
float: left;
margin-right: 14px;
margin-bottom: 10px
}
.post-content .alignright {
float: right;
margin-left: 14px;
margin-bottom: 10px
}
.post-content::after {
content: "";
display: table;
clear: both
}
.post-content .wp-image-843.size-full {
width: 100%;
height: auto
}
.wp-caption {
margin: 20px auto;
background-color: #f9f9f9;
width: 100%
}
.wp-caption-text {
font-size: 12px;
color: #555;
margin-top: 5px
}
.post-content blockquote {
background-color: #f9f9f9;
border-left: 5px solid var(--link_text_color);
padding: 10px 20px;
margin: 20px 0;
font-style: italic;
color: #555;
line-height: 1.6
}
.post-content code,
.post-content pre {
background-color: #2c3e50;
color: #ecf0f1;
font-family: 'Courier New', Courier, monospace;
font-size: .95em
}
.post-content blockquote:hover {
background-color: #ecf0f1;
border-left: 5px solid var(--menu_hover_text_color);
color: #2c3e50
}
.post-content blockquote footer {
color: #777;
text-align: right;
margin-top: 10px
}
.post-content code {
padding: 2px 5px;
border-radius: 3px
}
.post-content pre {
padding: 14px;
border-radius: 5px;
overflow: auto
}
.post-content ol,
.post-content ul {
padding-left: 0;
margin: 20px 0;
list-style-type: none
}
.post-content pre code {
background: 0;
padding: 0;
border-radius: 0
}
.post-content ol {
counter-reset: ol-counter
}
.post-content ol li,
.post-content ul li {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
line-height: 1.6
}
.post-content ol li::before {
content: counter(ol-counter) ".";
counter-increment: ol-counter;
position: absolute;
left: 0;
top: 0;
font-weight: 700
}
.post-content td,
.post-content th {
padding: 10px;
border: 1px solid #ddd
}
.post-content ul li::before {
content: "\2022";
position: absolute;
left: 0;
top: 0
}
.post-content table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
overflow-x: auto;
display: block; }
.post-content th {
background-color: #f4f4f4;
text-align: left;
font-weight: 700;
padding: 10px;
}
.post-content td {
line-height: 1.5;
padding: 10px;
}
.post-content tr:hover {
background-color: #f9f9f9;
}
button.ad-close,
button.ad-open {
width: 28px;
height: 28px;
top: -28px;
background-size: 13px 13px;
box-shadow: 0 -1px 1px 0 rgb(0 0 0 / .2);
position: absolute;
cursor: pointer
}
.widget-content ul {
list-style-type: none;
padding-left: 0;
margin: 0
}
.widget-content ul li {
padding-left: 0;
margin-bottom: 2px
}
.widget-content ul li::before {
content: none
}
.btn-viewbox {
position: absolute;
right: 10px;
top: 10px
}
.btn-viewbox .btn-biew {
background: rgb(0 0 0 / .6);
color: #fff;
border: 0;
outline: 0;
padding: 7px 10px;
border-radius: 4px;
margin: 0;
letter-spacing: 2.4px;
display: flex;
align-items: center;
cursor: pointer
}
.icon-expand {
background-image: url("data:image/svg+xml,%3Csvgfill='none'height='24'stroke='%23fff'stroke-linecap='round'stroke-linejoin='round'stroke-width='2.5'viewBox='-1-12626'width='24'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M83H5a22000-22v3m180V5a22000-2-2h-3m018h3a220002-2v-3M316v3a2200022h3'/%3E%3C/svg%3E");
width: 14px;
height: 14px;
display: block;
background-size: 14px;
margin-right: 5px
}
.post-share {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
margin-top: 10px
}
.caas-attr-separator {
width: 120px
}
.caas-attr-separator .separator {
border-color: #3a3a3a #fff0 #fff0;
border-style: solid;
border-width: 8px 3px 0 0;
display: inline-block;
width: 67%
}
.caas-attr-separator .separator-ext {
border-color: #fff0 #fff0 var(--menu_background_gradient_1);
border-style: solid;
border-width: 0 0 9px 3px;
display: inline-block;
margin-left: 10px;
width: 15%
}
.post-body .post-article {
font-size: var(--font_size_body_post_mobile);
color: var(--primary_color);
line-height: 1.8
}
.color .social-box a.twitter svg,
.color .social-box svg,
.commentAuthorName a,
.darkmode #daterange,
.darkmode .breadcrumb .breadcrumb-item:last-child a,
.darkmode .btn-index,
.darkmode .comment-reply-title,
.darkmode .commentAuthorName,
.darkmode .comments_title,
.darkmode .footer .widget-header h3,
.darkmode .footer-contact,
.darkmode .footer-copyright,
.darkmode .footer-menu ul li a,
.darkmode .info-post .author-name a,
.darkmode .list .media-title a,
.darkmode .list-hastag,
.darkmode .list-hastag2,
.darkmode .list-title a,
.darkmode .list-title2 a,
.darkmode .network-box ul li a,
.darkmode .popular-link,
.darkmode .popular-number,
.darkmode .post-body .post-article,
.darkmode .post-content .widget-header .title,
.darkmode .post-meta-author a,
.darkmode .post-more .post-authorname a,
.darkmode .related-title h2 a,
.darkmode .slick-arrow,
.darkmode .slider-category a,
.darkmode .tag-title a,
.darkmode .terkini-title h2 a,
.darkmode .widget-desc,
.darkmode .widget-header h3,
.darkmode .widget-header1 .widget-title,
.darkmode .widget.inline-slider .widget-header h3,
body.darkmode {
color: var(--dark_mode_text_color_1)
}
.copylink.copied:before {
content: attr(data-copied);
position: absolute;
background: #9d9d9d;
padding: 5px 10px;
color: #fff;
top: calc(100%+8px);
white-space: nowrap;
pointer-events: none;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-ms-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
z-index: 2;
border-radius: 5px;
font-weight: 600;
left: calc(-50% - 36px)
}
.copylink.copied:after {
position: absolute;
bottom: -8px;
right: 10px;
display: block;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 6px;
border-color: #fff0 #fff0 #9d9d9d
}
.widget.redaksi {
border-bottom: 2px dashed #d7d7d7;
padding-bottom: 10px;
font-size: 14px;
line-height: 1.7;
margin-bottom: 20px;
margin-top: 14px
}
.widget-header1:after {
content: '';
vertical-align: middle;
width: 20%;
height: 3px;
position: relative;
display: inline-block;
border-radius: 5px;
background: var(--primary);
background-image: -webkit-gradient(linear, left top, right top, from(var(--menu_background_gradient_1)), to(var(--menu_background_gradient_2)));
background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%)
}
.widget-header1 {
margin-bottom: 14px;
margin-top: -10px
}
.content .widget-header1 .widget-title,
.sidebar .widget-header1 .widget-title {
display: inline-flex;
line-height: 1.4;
font-weight: 700;
padding-right: 14px;
font-size: 14px;
text-transform: uppercase;
margin: 0;
letter-spacing: 2.4px
}
.widget.tag-list .widget-content ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 5px
}
.widget.tag-list .widget-content h4 {
font-size: 13px;
margin: 0
}
.widget.tag-list .widget-content a {
display: block;
border: 1px solid var(--dark_mode_text_color_2);
color: var(--primary_color);
padding: 2px 10px;
border-radius: 4px;
margin: 0 2px 2px 0;
white-space: nowrap;
text-overflow: ellipsis;
background-color: var(--background_widget_color_1);
overflow: hidden;
font-weight: 600
}
.widget.tag-list .widget-content a:hover {
background: var(--menu_background_gradient_1);
color: #fff
}
.sticky-ads-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
text-align: center;
width: 100%;
z-index: 999;
max-height: 85px;
background-image: none;
background-color: #fff;
box-shadow: 0 0 5px 0 rgb(0 0 0 / .2);
padding: 4px 4px 0;
transition: .4s ease-in-out;
bottom: 0;
right: 0;
margin: 0 auto
}
.banner,
.billboard.parallax {
position: relative;
margin: 0 auto
}
button.ad-close {
right: 0;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='fill:%234F4F4F' d='M13 1.31L11.69 0 6.5 5.19 1.31 0 0 1.31l5.19 5.19L0 11.69 1.31 13l5.19-5.19L11.69 13 13 11.69 7.81 6.5 13 1.31z'/%3E%3C/g%3E%3C/svg%3E");
background-color: #fff;
border: 0;
border-radius: 12px 12px 0 0
}
button.ad-open {
right: 0;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m12 6.586-8.707 8.707 1.414 1.414L12 9.414l7.293 7.293 1.414-1.414L12 6.586z'/%3E%3C/svg%3E");
background-color: #fff;
border: 0;
border-radius: 12px 12px 0 0
}
button.ad-close:before {
position: absolute;
content: "";
top: -20px;
right: 0;
left: -20px;
bottom: 0
}
.post-pagination-box {
background: #f3f3f3;
padding: 14px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column
}
.btn-next,
.page-numbers,
.post-page-numbers {
background: #fff;
display: flex;
font-weight: 600;
height: 30px
}
.post-pagination-label {
font-weight: 600;
font-size: 14px;
}
.post-pagination-number {
display: flex;
margin-top: 10px
}
.page-numbers,
.post-page-numbers {
width: 30px;
justify-content: center;
align-items: center;
border-radius: 50em;
margin-left: 5px;
border: 1px var(--primary_color);
font-size: 14px;
}
.pagination-nextprev .post-page-numbers,
.pagination-nextprev .post-page-numbers:hover {
width: unset;
height: unset;
border: unset
}
.btn-next {
justify-content: center;
align-items: center;
border-radius: 50em;
padding: 5px 10px;
border: 1px var(--primary_color);
font-size: 14px;
}
.btn-next:hover,
.post-page-numbers.current,
.post-page-numbers:hover {
background: var(--primary_color);
color: #fff
}
.widget-pagination {
padding: 14px;
margin: 30px -14px;
background: #f3f3f3;
border-radius: 5px
}
.p404__link,
.page-numbers.current {
justify-content: center;
background: var(--primary_color);
color: #fff
}
.widget-desc {
margin: 15px
}
.error-page {
padding: 50px 0
}
.p404__title {
font-size: 80px;
font-weight: 700
}
.p404__link {
align-items: center;
border-radius: 5px;
font-weight: 600;
padding: 10px 14px;
border: 0;
margin: 14px 0
}
.icon-caret-down {
font-size: 20px;
transition: transform 0.3s ease;
vertical-align: middle;
margin: 10px;
padding-bottom: 5px;
}
#reportrange:hover .icon-caret-down {
transform: rotate(180deg);
}
.paging-box {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.page-numbers.current {
width: 30px;
height: 30px;
display: flex;
align-items: center;
border-radius: 50em;
margin-left: 5px;
font-weight: 600;
border: 1px solid var(--primary_color)
}
.next.page-numbers,
.page-numbers.dots,
.prev.page-numbers {
width: 30px;
height: 30px;
justify-content: center;
font-weight: 600;
display: flex;
margin-left: 5px
}
.next.page-numbers,
.prev.page-numbers {
background: #fff;
align-items: center;
border-radius: 50em;
border: 1px solid var(--primary_color);
padding: 10px
}
.page-numbers.dots {
align-items: center;
border-radius: 50em
}
.next.page-numbers:hover,
.page-numbers:hover,
.prev.page-numbers:hover {
border: 1px solid var(--primary_color);
background: var(--primary_color);
color: #fff
}
.page-numbers.dots {
border: 1px solid var(--primary_color);
background: #fff;
color: #444
}
.sumber p {
margin: 0 0 10px
}
.post-subheader.bottom-share {
margin: 0 -14px;
padding-bottom: 14px;
border-bottom: 1px solid #eee
}
.widget.post-tag {
padding-top: 20px
}
.social-link {
background: #8a8a8a;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 20px;
margin-left: 5px;
border-radius: 50em
}
.social-link span {
background-size: 20px;
width: 20px;
height: 20px
}
.parallax-area {
background: #1a1a1a
}
.box-redaksi,
.tag-lists a:hover,
.tag-lists span {
background: var(--bgmenu)
}
.widget-parallax img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
transition: transform .2s ease-out
}
.billboard.parallax {
width: 100%;
height: calc(var(--heightparallaxmobile)+14px);
max-width: 728px;
left: 0;
right: 0;
background: #222
}
.banner:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6C4.44772 6 4 6.44772 4 7V8H6V7C6 6.44772 5.55228 6 5 6Z' fill='%23999'/%3E%3Cpath d='M11 8H9.5C9.22386 8 9 8.22386 9 8.5C9 8.77614 9.22386 9 9.5 9H11V8Z' fill='%23999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.5C0 3.11929 1.11929 2 2.5 2H12.5C13.8807 2 15 3.11929 15 4.5V10.5C15 11.8807 13.8807 13 12.5 13H2.5C1.11929 13 0 11.8807 0 10.5V4.5ZM4 10V9H6V10H7V7C7 5.89543 6.10457 5 5 5C3.89543 5 3 5.89543 3 7V10H4ZM11 7H9.5C8.67157 7 8 7.67157 8 8.5C8 9.32843 8.67157 10 9.5 10H12V5H11V7Z' fill='%23999'/%3E%3C/svg%3E") center/24px no-repeat #ddd
}
.banner.ads970250 {
width: 970px;
max-width: 100%;
height: 250px
}
.banner.ads160600 {
width: 160px;
max-width: 100%;
height: 600px
}
.banner.ads72890 {
width: 630px;
max-width: 100%;
height: 90px;
margin: 0 auto
}
.banner.ads300300,
.banner.ads300450,
.banner.ads300500,
.banner.ads300600 {
width: 300px;
max-width: 100%
}
.banner.ads300600 {
height: 600px
}
.banner.ads300300 {
height: 300px
}
.banner.ads300450 {
height: 450px
}
.banner.ads300500 {
height: 500px
}
.tag-lists {
padding-top: 10px
}
.tag-lists span {
padding: 2px 10px;
color: #fff;
border-radius: 10px
}
.tag-lists a:hover {
color: #fff;
border-color: #00437d
}
.tag-lists a {
border: 1px solid #aaa;
color: #aaa;
font-size: 13px;
padding: 2px 10px;
margin-left: 3px;
margin-bottom: 10px;
border-radius: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-weight: 600
}
.related-title h2,
.tags-title {
font-size: 14px;
font-weight: 600
}
.post-tags {
float: left;
margin-top: 10px;
margin-bottom: 20px;
display: flex;
flex-direction: row
}
.tags-title {
float: left;
margin: 0 14px 0 0;
line-height: 28px
}
.post-tags .tag-list {
float: left;
margin: 0;
padding: 0
}
.post-tags .tag-list li {
list-style: none;
display: inline-block;
margin-right: 7px;
margin-bottom: 7px
}
.post-tags .tag-list li a {
border: 2px solid #f0f0f0;
color: #555;
display: block;
font-size: 12px;
line-height: 11px;
padding: 8px;
border-radius: .25rem
}
.posttag-box {
margin: 0;
padding: 0;
display: flex;
list-style: none;
flex-wrap: wrap
}
.posttag-box li a {
background: #e8e8e8;
font-weight: 600;
padding: 5px 10px;
margin-right: 5px;
border-radius: 5px;
margin-bottom: 5px;
display: block;
font-size: 12px;
font-style: italic
}
.related-image {
width: 90px;
height: 0;
border-radius: 5px;
overflow: hidden;
padding-bottom: 90px;
margin-right: 14px
}
.related-title h2 {
margin: 0;
line-height: 1.3
}
.box-author-comments {
position: relative;
padding-top: 20px
}
.box-redaksi {
color: #fff;
padding: 14px;
border-radius: 14px 14px 0 0
}
.about-author .name-author,
.info-post .author-name-box,
.team-redaksi {
display: flex;
flex-direction: column
}
.box-redaksi p {
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase
}
.box-redaksi p::before {
content: "";
position: absolute;
width: 33.1%;
border-radius: 2px;
height: 3px;
background-color: #ffbc00;
top: 25px
}
.about-author {
display: flex;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 5px;
width: 100%
}
.m-r-5 {
margin-right: 5px !important
}
.box-redaksi a,
.footer-left .textwidget strong {
color: #fff
}
.about-author .img-author,
.box-author-comments img {
width: 40px;
height: 40px;
border-radius: 20px
}
.box-redaksi small {
line-height: 12px
}
.box-redaksi .author-follow {
position: absolute;
right: 20px
}
.box-redaksi .author-follow button {
background-color: #ffbc00;
padding: 5px 10px
}
.btn-sm {
padding: .6rem 1.4rem;
border-radius: .3rem;
line-height: 1.5;
font-size: 12px
}
.icon-play {
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 32px;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
box-shadow: 0 0 0 5px rgb(0 0 0 / .4);
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px;
border-radius: 24px
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid #fff0;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
user-select: none
}
.box-redaksi .about-author:first-child {
padding-top: 10px;
border-bottom: 1px solid var(--dark_mode_text_color_1)
}
.box-redaksi .about-author:last-child {
border-bottom: 0
}
.color .social-box a.facebook,
.facebook {
background: #3b5998
}
.twitter {
background: #1da1f2
}
.color .social-box a.whatsapp,
.whatsapp {
background: #25d366
}
.color .social-box a.instagram,
.instagram {
background: #5851db;
background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%)
}
.color .social-box a.telegram,
.telegram {
background: #08c
}
.discord {
background: #7289da
}
.youtube {
background: #cd201f
}
.gnews {
background: #4285f4
}
.icon-discord,
.icon-gnews,
.icon-telegram {
width: 14px;
height: 14px;
background-size: 14px;
background-repeat: no-repeat;
display: block
}
.icon-gnews {
background-image: url("data:image/svg+xml,%3Csvgclass='w-64h-64'xmlns='http://www.w3.org/2000/svg'role='img'viewBox='002424'fill='%23fff'%3E%3Ctitle%3EGoogleNews%3C/title%3E%3Cpathd='M21.266621.2a.6141.6141001-.6128.6128H3.3446a.614.614001-.6128-.6128V8.1153a.6141.6141001.6128-.6128h17.3091a.6141.6141001.6128.6128V21.2zm-3.0315-3.4196v-1.1957a.0803.0803000-.0803-.0803h-5.3725v1.3619h5.3725a.0817.0817000.0804-.083l-.0001-.0029zm.8171-2.5875v-1.2012a.0803.0803000-.079-.0817h-6.191v1.3619h6.1896a.079.079000.0804-.0776v-.0041.0027zm-.8171-2.5875v-1.2066a.0803.0803000-.0803-.0803h-5.3725v1.3619h5.3725a.0816.0816000.0803-.079v.004zM8.149214.0448v1.2257h1.7704c-.1457.749-.80491.2924-1.77041.2924-1.0906-.0405-1.9418-.9574-1.9013-2.048.0384-1.0338.8676-1.86291.9013-1.9013a1.771.770011.2529.4903l.9342-.9329a3.14053.1405000-2.1871-.8525c-1.80510-3.26841.4633-3.26843.268401.80511.46333.26843.26843.26841.888903.1323-1.32783.1323-3.1976a3.9413.941000-.0518-.6183l-3.0805.0054zM2.27017.6537a.6156.6156001.6128-.6128h12.1545l-1.2692-3.4904a.5952.5952000-.7436-.3827L.36767.7749a.5938.5938000-.3228.7749l2.22536.112V7.6537za.6156.6156001.6128-.6128h12.1545l-1.2692-3.4904a.5952.5952000-.7436-.3827L.36767.7749a.5938.5938000-.3228.7749l2.22536.112V7.6537zm21.3116-.3105l-8.803-2.3683.75172.0659h5.5836a.6141.6141001.6128.6128v8.7948l2.2471-8.3659a.5923.5923000-.3922-.7393zm-4.4955-1.6738V2.7946a.6101.6101000-.6115-.6074H5.5236a.6101.6101000-.6156.6046v2.8368l8.3904-3.0519a.5937.5937001.7422.3895l.54471.4984.50091.2052z'%3E%3C/path%3E%3C/svg%3E")
}
.icon-telegram {
background-image: url("data:image/svg+xml,%3Csvgclass='w-64h-64'xmlns='http://www.w3.org/2000/svg'fill='%23fff'stroke='none'viewBox='002424'%3E%3Cpathd='m20.6653.717-17.736.837c-1.21.486-1.2031.161-.2221.462l4.5521.4210.532-6.645c.498-.303.953-.14.579.192l-8.5337.701h-.002l.002.001-.3144.692c.460.663-.211.921-.46l2.211-2.154.5993.397c.848.4671.457.2271.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z'%3E%3C/path%3E%3C/svg%3E")
}
.icon-discord {
background-image: url("data:image/svg+xml,%3Csvgclass='w-64h-64'xmlns='http://www.w3.org/2000/svg'width='16'height='16'fill='%23fff'viewBox='001616'%3E%3Cpathd='M13.5452.907a13.22713.227000-3.257-1.011.05.05000-.052.025c-.141.25-.297.577-.406.833a12.1912.19000-3.65808.2588.258000-.412-.833.051.051000-.052-.025c-1.125.194-2.22.534-3.2571.011a.041.041000-.021.018C.3566.024-.2139.047.06612.032c.001.014.01.028.021.037a13.27613.2760003.9952.02.05.05000.056-.019c.308-.42.582-.863.818-1.329a.05.05000-.01-.059.051.051000-.018-.0118.8758.875001-1.248-.595.05.05001-.02-.066.051.051001.015-.019c.084-.063.168-.129.248-.195a.05.05001.051-.007c2.6191.1965.4541.1968.0410a.052.052001.053.007c.08.066.164.132.248.195a.051.051001-.004.0858.2548.254001-1.249.594.05.05000-.03.03.052.052000.003.041c.24.465.515.909.8171.329a.05.05000.056.01913.23513.2350004.001-2.02.049.049000.021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034000-.02-.019Zm-8.1987.307c-.7890-1.438-.724-1.438-1.6120-.889.637-1.6131.438-1.613.80701.45.731.4381.6130.888-.6371.612-1.4381.612Zm5.3160c-.7880-1.438-.724-1.438-1.6120-.889.637-1.6131.438-1.613.80701.451.731.4381.6130.888-.6311.612-1.4381.612Z'%3E%3C/path%3E%3C/svg%3E")
}
.sidebar-menu-box ul li:nth-child(1n+0) .sub-menu {
transform: translateX(-14px);
flex-wrap: wrap;
width: calc(200%+30px);
background: rgb(0 0 0 / .2);
padding-left: 14px;
padding-right: 14px
}
.sidebar-menu-box ul li:nth-child(2n+0) .sub-menu {
transform: translateX(-50%);
flex-wrap: wrap;
width: calc(200%+30px);
background: rgb(0 0 0 / .2);
padding-left: 14px;
padding-right: 14px
}
footer.footer {
margin-top: 30px;
background-color: var(--footer_background_gradient_1);
background-image: linear-gradient(62deg, var(--footer_background_gradient_1) 0, var(--footer_background_gradient_2) 100%);
color: var(--footer_text_color);
border-top: 5px solid #999;
padding: 30px 0;
font-size: 13px
}
.footer-left .widget img {
height: 27px !important;
width: auto
}
.footer-right .textwidget {
font-size: 13px;
background: var(--dark_mode_background_2);
padding: 10px;
border-radius: 10px;
word-break: break-all;
max-width: 100%;
font-weight: 500;
text-align: left
}
.footer-right .textwidget p {
display: flex;
align-items: center;
flex-direction: row;
margin: 0
}
.footer-right .textwidget img {
width: 30px;
height: 30px;
margin-right: 14px
}
.footer .widget-title {
color: #fff;
font-size: 14px;
font-weight: 700;
margin: 0
}
.footer-left .textwidget {
font-size: 13px;
font-weight: 500
}
.footer .widget {
margin-bottom: 20px
}
.footer-left ul.menu,
.footer-right ul.menu {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 -5px
}
.footer-right ul.menu li:after {
content: "\0000a0\002022\0000a0";
margin: auto 0;
color: #838383
}
.footer-right ul.menu li {
display: flex;
align-items: flex-start
}
.footer-left ul.menu li a,
.footer-right ul.menu li a {
padding: 2px 5px;
display: block;
color: #cbcbcb;
font-size: 13px;
font-weight: 500
}
svg .line,
svg.line1 {
stroke-width: 2
}
.info-item svg {
height: 24px;
margin-right: 10px;
width: 24px;
margin-top: 0
}
.info-item {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
justify-content: left;
margin-bottom: 5px
}
.contact-link {
color: white;
}
.darkmode .contact-link {
color: white;
}
.footer .widget-header:before {
content: "";
width: 12px;
height: 2px;
background: var(--primary);
margin-right: 10px;
border-radius: 5px;
display: none
}
.footer-social ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 3px
}
.footer-social ul li a {
color: var(--footer_text_color);
background: var(--dark_mode_background_2);
padding: 2px;
border-radius: 7px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center
}
.footer-social ul li a:before {
content: "";
background-size: 26px;
display: block;
width: 26px;
height: 26px
}
.footer-social ul li.facebook1 a:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'%3E%3C/path%3E%3C/svg%3E")
}
.footer-social ul li.whatsapp1 a:before {
background-image: url("data:image/svg+xml,%3Csvgheight='24'fill='%23999'viewBox='0056.69356.693'width='24'xml:space='preserve'xmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpathclass='st0'd='M46.3802,10.7138c-4.6512-4.6565-10.8365-7.222-17.4266-7.2247c-13.5785,0-24.63,11.0506-24.6353,24.6333c-0.0019,4.342,1.1325,8.58,3.2884,12.3159l-3.495,12.7657l13.0595-3.4257c3.5982,1.9626,7.6495,2.9971,11.7726,2.9985h0.01c0.0008,0-0.0006,0,0.0002,0c13.5771,0,24.6293-11.0517,24.635-24.6347C53.5914,21.5595,51.0313,15.3701,46.3802,10.7138zM28.9537,48.6163h-0.0083c-3.674-0.0014-7.2777-0.9886-10.4215-2.8541l-0.7476-0.4437l-7.7497,2.0328l2.0686-7.5558l-0.4869-0.7748c-2.0496-3.26-3.1321-7.028-3.1305-10.8969c0.0044-11.2894,9.19-20.474,20.4842-20.474c5.469,0.0017,10.6101,2.1344,14.476,6.0047c3.8658,3.8703,5.9936,9.0148,5.9914,14.4859C49.4248,39.4307,40.2395,48.6163,28.9537,48.6163z'%3E%3C/path%3E%3Cpathclass='st0'd='M40.1851,33.281c-0.6155-0.3081-3.6419-1.797-4.2061-2.0026c-0.5642-0.2054-0.9746-0.3081-1.3849,0.3081c-0.4103,0.6161-1.59,2.0027-1.9491,2.4136c-0.359,0.4106-0.7182,0.4623-1.3336,0.1539c-0.6155-0.3081-2.5989-0.958-4.95-3.0551c-1.83-1.6323-3.0653-3.6479-3.4245-4.2643c-0.359-0.6161-0.0382-0.9492,0.27-1.2562c0.2769-0.2759,0.6156-0.7189,0.9234-1.0784c0.3077-0.3593,0.4103-0.6163,0.6155-1.0268c0.2052-0.4109,0.1027-0.7704-0.0513-1.0784c-0.1539-0.3081-1.3849-3.3379-1.8978-4.5706c-0.4998-1.2001-1.0072-1.0375-1.3851-1.0566c-0.3585-0.0179-0.7694-0.0216-1.1797-0.0216s-1.0773,0.1541-1.6414,0.7702c-0.5642,0.6163-2.1545,2.1056-2.1545,5.1351c0,3.0299,2.2057,5.9569,2.5135,6.3676c0.3077,0.411,4.3405,6.6282,10.5153,9.2945c1.4686,0.6343,2.6152,1.013,3.5091,1.2966c1.4746,0.4686,2.8165,0.4024,3.8771,0.2439c1.1827-0.1767,3.6419-1.489,4.1548-2.9267c0.513-1.438,0.513-2.6706,0.359-2.9272C41.211,33.7433,40.8006,33.5892,40.1851,33.281z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-size: 22px
}
.footer-social ul li.twitter1 a:before {
background-size: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z' fill='%23999'/%3E%3C/svg%3E")
}
.footer-social ul li.telegram1 a:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.footer-social ul li.instagram1 a:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'%3E%3C/path%3E%3Cpath d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'%3E%3C/path%3E%3Ccircle cx='23' cy='9' r='1'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}
.footer-social ul li.youtube1 a:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'%3E%3C/path%3E%3Cpath d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.footer-social ul li.tiktok1 a:before {
background-image: url("data:image/svg+xml,%3Csvgfill='%23999'xmlns='http://www.w3.org/2000/svg'viewBox='003232'%3E%3Cg%3E%3Cpathd='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'%3E%3C/path%3E%3Cpathd='M22,12a3,3,0,0,1-3-3,1,1,0,0,0-2,0V19a3,3,0,1,1-3-3,1,1,0,0,0,0-2,5,5,0,1,0,5,5V13a4.92,4.92,0,0,0,3,1,1,1,0,0,0,0-2Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.footer .widget-header {
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
margin-bottom: 10px
}
.widget.app .widget-content {
display: flex;
flex-wrap: nowrap;
gap: 5px
}
.popup-menu .widget.app .widget-content {
justify-content: center
}
.widget.app img {
height: 35px !important;
width: auto
}
.social-box {
display: flex;
flex-wrap: wrap;
gap: 4px
}
.color .social-box a,
.color .social-box1 a {
color: #fff;
border-radius: 50em;
position: relative
}
.social-box a {
background: #343434;
width: 32px;
height: 32px;
color: #8b8b8b;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px
}
.social-box a.twitter svg,
.social-box svg,
.social-box1 a.twitter svg,
.social-box1 svg {
height: 26px
}
.color .social-box a.twitter svg,
.color .social-box svg {
height: 18px
}
.color .social-box a.copylink svg {
height: 17px
}
.color .social-box a.tiktok,
.color .social-box a.twitter {
background: #000
}
.color .social-box a.copylink {
background: #b1b1b1
}
.color .social-box a.youtube {
background: #ff0002
}
.ads-sticky {
position: fixed;
width: 300px;
top: 115px;
z-index: 999
}
.sticky-left {
margin-left: -820px;
text-align: right;
left: 50%
}
.sticky-right {
margin-right: -820px;
text-align: left;
right: 50%
}
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 14px;
line-height: 1em
}
.daterangepicker:after,
.daterangepicker:before {
position: absolute;
display: inline-block;
border-bottom-color: rgb(0 0 0 / .2);
content: ''
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid #fff0;
border-left: 7px solid #fff0;
border-bottom: 7px solid #ccc
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid #fff0;
border-bottom: 6px solid #fff;
border-left: 6px solid #fff0
}
.daterangepicker.opensleft:before {
right: 9px
}
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto
}
.daterangepicker.opensright:before {
left: 9px
}
.daterangepicker.drop-up {
margin-top: -7px
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
float: none
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px
}
.daterangepicker .drp-calendar.right {
padding: 8px
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
color: #fff;
border: solid #000;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid #fff0;
white-space: nowrap;
cursor: pointer
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color: #eee;
border-color: #fff0;
color: inherit
}
.daterangepicker td.week,
.daterangepicker th.week {
font-size: 80%;
color: #ccc
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
background-color: #fff;
border-color: #fff0;
color: var(--dark_mode_text_color_1)
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: #fff0;
color: #000;
border-radius: 0
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0
}
.daterangepicker td.start-date.end-date {
border-radius: 4px
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #357ebd;
border-color: #fff0;
color: #fff
}
.daterangepicker th.month {
width: auto
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
color: var(--dark_mode_text_color_1);
cursor: not-allowed;
text-decoration: line-through
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%
}
.daterangepicker select.yearselect {
width: 40%
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0;
line-height: 30px;
position: relative
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: 700;
padding: 4px 8px
}
.daterangepicker.show-ranges.rtl .drp-calendar.right,
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd
}
.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer
}
.daterangepicker .ranges li:hover {
background-color: #eee
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff
}
.list-item2 {
align-items: center;
position: relative;
padding-bottom: 10px;
display: flex;
border-bottom: 1px solid #eee;
margin-bottom: 10px
}
.list-hastag2 {
Width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #e8e8e8;
border-radius: 50em;
font-size: 20px;
margin-right: 14px;
color: var(--primary_color)
}
.list-title2 {
margin: 0;
font-size: 17px;
font-weight: 600
}
.breaking .breaking-box {
background: #343434;
border-radius: 0;
display: flex;
flex-wrap: wrap;
padding: 5px 0;
align-items: center;
overflow: hidden;
color: #fff;
margin: -14px -14px 0;
box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075);
position: relative;
width: calc(100%+30px)
}
.breaking .breaking-content {
flex: 1;
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden
}
.breaking-box:after {
content: "";
width: 10px;
height: 100%;
top: 0;
right: 0;
z-index: 1;
background: #343434;
background: -moz-linear-gradient(left, #343434 25%, #fff0 100%);
background: -webkit-linear-gradient(left, #343434 25%, #fff0 100%);
background: linear-gradient(to left, #343434 25%, #fff0 100%);
position: absolute
}
.breaking .breaking-title {
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-size: 12px;
padding: 3px 12px;
margin-left: 8px;
border-radius: 50em;
background: var(--menu_background_gradient_1);
background-image: -webkit-gradient(linear, left top, right top, from(var(--menu_background_gradient_1)), to(var(--menu_background_gradient_2)));
background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%)
}
.breaking .breaking-link {
font-size: 12px;
margin-right: 100px;
font-weight: 600;
text-decoration: none
}
.breaking .breaking-close {
border-radius: 50em;
overflow: hidden;
padding: 1px;
color: #5e5e5e;
background: #fff;
margin-right: 5px;
cursor: pointer;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
height: 20px
}
.info-post {
width: 100%;
display: block;
margin-bottom: 10px;
position: sticky;
top: 117px;
z-index: 9;
padding: 10px 0
}
.bottom-section,
.right-section {
position: fixed;
text-align: center
}
.info-post .info-box {
display: flex;
flex-direction: row;
-webkit-box-pack: justify;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
color: var(--primary_color);
align-items: center
}
.info-post .author-flex,
.info-post .author-name-flex {
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center
}
.info-post .author-avatar {
margin-right: 12px;
display: flex;
align-items: flex-end;
-webkit-box-pack: end;
justify-content: flex-end;
width: 32px;
height: 32px;
font-size: 14px;
font-weight: 500;
border-radius: 6px;
position: relative;
text-align: center;
border: 1px solid #eee
}
.info-post .author-avatar a {
display: block;
position: relative;
width: 100%;
height: 100%
}
.info-post .author-avatar img {
display: block;
border-radius: 6px;
object-fit: cover;
width: 100%;
height: 100%
}
.info-post .author-name a {
-webkit-font-smoothing: antialiased;
font-size: 13px;
font-weight: 700;
padding-right: 4px
}
.info-post .author-verified {
width: 14px;
max-width: 14px;
height: 14px;
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/verified-round.svg);
background-size: 14px;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
margin-left: 4px
}
.info-post .share-box {
display: flex;
background: #ededed;
padding: 0 9px;
border-radius: 50em;
height: 38px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.info-post .likecomment {
display: flex;
flex: 1 1 0%;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: end;
justify-content: flex-end
}
.info-post .share-wrapper {
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: end;
justify-content: flex-end
}
.info-post .comment-box,
.info-post .like-box,
.info-post .views-box {
margin-right: 16px;
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center
}
.info-post .comment-btn,
.info-post .like-btn,
.info-post .views-btn {
appearance: none;
user-select: none;
font-family: inherit;
padding: 0;
transition: .2s 0;
position: relative;
text-decoration: none !important;
max-width: 24px;
margin-right: 8px;
vertical-align: middle;
width: 24px;
height: 24px;
outline: 0;
cursor: pointer;
text-align: center
}
.info-post .like-btn {
background: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/like.svg) center/20px no-repeat #fff0;
border: 1px solid #fff0;
border-radius: 3px;
filter: invert(0) sepia(6%) saturate(26%) hue-rotate(336deg) brightness(103%) contrast(100%)
}
.info-post .like-btn.liked {
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/like-active.svg);
filter: unset
}
.info-post .comment-btn,
.info-post .share-btn.more,
.info-post .views-btn {
filter: invert(0) sepia(6%) saturate(26%) hue-rotate(336deg) brightness(103%) contrast(100%)
}
.info-post .comment-count,
.info-post .like-count,
.info-post .views-count {
-webkit-font-smoothing: antialiased;
color: #000;
font-size: 16px;
line-height: 24px;
font-weight: 400
}
.info-post .comment-btn {
background: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/comment.svg) center/20px no-repeat #fff0;
border: 1px solid #fff0;
border-radius: 3px
}
.info-post .views-btn {
background: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/view.svg) center/20px no-repeat #fff0;
border: 1px solid #fff0;
border-radius: 3px
}
.info-post .share-btn {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
vertical-align: middle;
width: 24px;
height: 24px;
border-radius: 50%;
cursor: pointer;
margin-right: 16px
}
.info-post .share-btn.whatsapp {
background-color: #25d366;
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/whatsapp.svg);
background-size: 16px
}
.info-post .share-btn.copylink {
background-color: #00a1b0;
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/copylink.svg);
background-size: 24px
}
.info-post .share-btn.more {
background-color: #fff0;
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/more-vertical.svg);
background-size: 16px;
margin-right: 0
}
.info-post .timepost {
-webkit-font-smoothing: antialiased;
color: #767676;
font-size: 12px;
font-weight: 500
}
.info-post .dot,
.info-post .readtime {
-webkit-font-smoothing: antialiased;
color: #767676;
line-height: 24px;
font-weight: 400
}
.info-post .dot {
font-size: 16px
}
.info-post .dot:after {
content: "\00B7";
margin: 0 4px
}
.bottom-section {
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding: 10px
}
.right-section {
top: 50%;
right: 0;
transform: translateY(-50%);
padding: 10px;
background-color: #fff;
box-shadow: -2px 0 5px rgba(0, 0, 0, .1)
}
.info-post .info-box .author-box svg {
height: 14px;
color: var(--link_text_color)
}
.comment-respond {
display: block;
position: relative;
padding: 12px;
border: 1px solid #e5e5e5;
border-radius: 5px;
margin-top: 25px;
}
.commentsArea {
display: block;
position: relative;
padding: 12px;
border: 1px solid #e5e5e5;
border-radius: 5px;
margin-top: 25px;
background-color: #f7f7f7;
}
.comment-reply-title small a {
text-transform: capitalize;
margin-left: 5px;
color: var(--primary);
display: block;
letter-spacing: 0.4px;
}
.comment-form {
position: relative;
}
.comment-notes {
line-height: 1.4;
font-size: 13px;
color: #444;
font-family: var(--font-2);
}
input#author,
input#email {
margin: 0 0 10px;
background: #fff;
width: 100%;
padding: 10px;
font-size: 13px;
border-radius: 7px;
display: block;
}
textarea#comment {
background: #fff;
border: 1px solid #e6e6e6;
width: 100%;
resize: unset;
font-size: 13px;
padding: 10px 10px 60px;
height: 166px !important;
border-radius: 7px;
overflow: hidden
}
input#author,
input#email,
textarea#comment:focus {
outline: 0;
border: 1px solid #e6e6e6
}
.commentBox {
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
p.form-submit {
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 0 0 12px 12px;
width: calc(100% - 2px);
resize: unset;
text-align: right;
padding: 10px;
border-top: 1px solid #e6e6e6;
position: absolute;
right: 1px;
bottom: 8px;
background: #fff;
left: 1px;
}
p.form-submit:after {
content: "";
position: absolute;
right: 17px;
width: 20px;
height: 20px;
top: 15px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-send'%3E%3Cline x1='22' y1='2' x2='11' y2='13'%3E%3C/line%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'%3E%3C/polygon%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
p.form-submit input[type=submit] {
display: inline-block;
padding: 5px 30px 5px 10px;
line-height: 1.4;
cursor: pointer;
vertical-align: top;
background: var(--link_text_color);
border: 1px solid var(--link_text_color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 12px;
margin: 0;
letter-spacing: 0.4px;
font-weight: 600;
}
.comment-reply-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
line-height: 1.4;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin: 0;
letter-spacing: 2.4px;
}
.notif {
line-height: 1.4;
font-size: 13px;
color: #444;
padding: 15px;
border: 0;
text-align: center
}
.notif-header {
font-weight: 700
}
.notif-image svg {
height: 70px;
color: #a3a3a3;
}
h2.comments_title {
display: block;
border: none;
margin: 10px 0 20px;
padding: 0;
line-height: 1.4;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2.4px;
}
.commentBodyText,
.notfound-desc,
p.logged-in-as {
font-size: 13px;
color: #666
}
.commentsArea>ol {
padding: 0;
margin: 0;
list-style: none
}
.commentsArea li {
margin: 0 0 5px;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 10px;
background-color: white;
}
.commentAvatar {
margin: 0 10px 0 0;
width: 30px;
height: 30px;
position: relative;
overflow: hidden;
border-radius: 50em;
background: #e4e4e4;
float: left
}
.commentAvatar img {
display: block;
object-fit: cover;
width: 100%;
z-index: 2;
position: relative;
height: 100%
}
.commentBodyText {
font-family: var(--font-2);
line-height: 1.4;
display: block;
word-wrap: break-word;
margin: 5px 0 0;
}
.commentBody {
flex: 1;
}
.commentAuthorName {
color: #444;
font-size: 12px;
font-weight: 700;
}
.commentHeader time {
font-size: 10px;
color: #999;
font-family: var(--font-2);
}
.commentBodyFooter {
font-size: 12px;
color: #a7a7a7;
margin: 10px 0 0;
display: flex;
align-items: center
}
.commentBodyFooter a {
margin-right: 15px;
color: #a7a7a7;
font-family: var(--font-2);
}
.comment-btnshare {
display: flex;
color: #a7a7a7;
align-items: center
}
#cancel-comment-reply-link {
display: inline-block;
padding: 5px 5px 5px 5px;
line-height: 1.4;
cursor: pointer;
vertical-align: top;
background: #f4f4f4;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #2d2d2d;
font-size: 12px;
margin: 0;
letter-spacing: 0.4px;
font-weight: 600;
}
.comment-share-button {
display: flex;
align-items: center
}
.comment-share-button a {
width: 22px;
height: 22px;
font-size: 14px;
vertical-align: middle;
background: #a7a7a7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: flex;
margin: 0 0 0 5px;
color: #fff;
line-height: 14px;
justify-content: center;
align-items: center
}
.comments-pagination a,
.comments-pagination span,
.notfound-button a {
position: relative;
text-align: center;
cursor: pointer;
vertical-align: top;
background: var(--primary)
}
.commentBodyModeration {
background: #a7a7a7;
color: #fff;
padding: 3px 7px;
border-radius: 3px;
font-size: 12px
}
.commentsArea ol,
.commentsArea ul {
list-style: none
}
.commentBodyText p {
display: inline
}
.commentReplyTo {
display: inline-flex;
font-weight: 600;
align-items: flex-start;
flex-wrap: wrap
}
.commentReplyTo svg {
height: 14px;
margin-right: 6px
}
.comments-pagination {
display: block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
text-align: center;
position: relative
}
.comments-pagination a,
.comments-pagination span {
font-size: 16px;
display: inline-flex;
line-height: 1.4;
padding: 8px 16px;
border: 1px solid transparent;
border-radius: 4px;
color: #fff;
align-items: center;
width: auto;
flex-wrap: wrap
}
.comments-pagination span.current {
z-index: 2;
color: #fff;
cursor: default;
background-color: var(--primary);
border-color: var(--primary)
}
.comments-pagination a svg,
.notfound-button svg {
height: 14px;
margin-left: 10px
}
.comment-form-cookies-consent label {
font-size: 13px;
margin-left: 35px;
font-family: var(--font-2);
}
.comment-form-cookies-consent {
display: flex;
align-items: flex-start;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
position: absolute;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.comment-form-cookies-consent label:before {
content: "";
position: absolute;
top: 6px;
left: 0;
height: 25px;
width: 25px;
background-color: #c9c9c9;
display: block;
cursor: pointer;
font-size: 17px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 5px;
}
.comment-form-cookies-consent #wp-comment-cookies-consent:checked~ ::before {
content: "";
background: var(--link_text_color);
}
.comment-form-cookies-consent #wp-comment-cookies-consent:checked~ ::after {
left: 10px;
top: 6px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
top: 11px;
left: 8px;
}
.video-play-container,
.video-play-icon {
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
margin: 0 -14px
}
.video-play-icon,
.video-play-icon-slider {
opacity: .8;
background: #0000007a;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: flex
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-play-container {
position: absolute;
display: flex;
align-items: center;
z-index: 9
}
.video-play-icon-slider {
font-size: 2em;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
margin-right: 5px
}
.video-play-icon {
position: absolute;
font-size: 1em;
z-index: 2;
width: 30px;
height: 30px;
align-items: center;
justify-content: center
}
.video-duration {
position: absolute;
bottom: 5%;
right: 0;
font-size: 10px;
color: #fff;
background: rgb(0 0 0 / .5);
border-radius: 5px;
padding: 2px 5px;
z-index: 2;
text-align: center;
font-weight: 600
}
.media-image img:hover {
transform: scale(1.1);
box-shadow: 0 10px 30px rgb(0 0 0 / .3)
}
#reportrange {
background: #fff;
cursor: pointer;
padding: 8px 10px;
border: 1px solid #ccc;
display: inline-block
}
.copyrightbox ul,
.footer-copyright ul {
list-style: none;
padding: 0 14px 14px;
margin: 0 -14px 14px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
border-bottom: 1px solid
}
.copyrightbox ul li a,
.footer-copyright ul li a {
color: var(--footer_text_color);
padding: 3px;
display: block
}
.unique-related-box-widget {
display: flex;
flex-direction: column;
gap: 14px
}
.unique-attachment-image_80_80,
.unique-related-box-widget .unique-attachment-image_80_80 {
width: 80px;
height: 80px;
object-fit: cover;
margin: 0;
border-radius: 6px;
position: relative;
display: block;
z-index: 2
}
.unique-attachment-image_80_80 img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px
}
.unique-related-item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 10px;
overflow: hidden;
border-radius: 5px;
background-color: #eee
}
.unique-related-content {
display: flex;
flex-direction: column;
gap: 5px;
flex: 1
}
.unique-related-title {
font-size: 14px;
font-weight: 600;
margin: 0;
text-decoration: none;
color: #333;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal
}
.unique-related-date {
font-size: 10px;
color: #777;
margin: 0
}
.slidervideo {
margin: 0 -14px 30px;
background: #222;
color: var(--dark_mode_text_color_1)
}
.smallvideo-item {
padding: 14px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--dark_mode_text_color_2)
}
.smallvideo-img {
width: 60px;
height: 60px;
position: relative;
margin-right: 10px
}
.smallvideo-img img {
width: 100%;
height: 100%;
object-fit: none
}
.smallvideo-text {
-ms-flex: 1;
flex: 1
}
.smallvideo-title {
display: -webkit-box;
overflow: hidden;
font-size: 12px;
font-weight: 400
}
.smallvide-duration {
font-size: 10px;
margin-top: 5px;
color: var(--dark_mode_text_color_1)
}
.smallvideo-item.active .smallvideo-img {
border: 3px solid var(--primary_color)
}
.slidervideo-small {
height: 272px;
overflow-y: auto
}
.social-box1 {
margin-top: 10px;
justify-content: center;
display: flex;
flex-wrap: wrap;
gap: 4px
}
.social-box1 a {
background: #f1f1f1;
width: 32px;
height: 32px;
color: #8b8b8b;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / .5);
z-index: 99;
display: none
} .transition-fade { opacity: 1; transition: opacity .25s ease; }
html.is-animating .transition-fade { opacity: 0; } .filter.widget-subheader {
max-width: 100%;
margin: 0 auto 16px;
padding: 0 15px; display: flex;
flex-direction: column;
gap: 12px; box-sizing: border-box;
}
.filter,
.filter .filter-tanggal,
.filter .filter-kategori {
width: 100%;
margin: 0;
padding: 0;
}
.filter .filter-label {
font-weight: 600;
font-size: 14px;
margin: 0 0 4px 0;
}
#reportrange,
.filter-kategori select {
width: 100%;
height: 38px;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
box-sizing: border-box;
} .filter-kategori form {
display: flex;
flex-direction: column;
gap: 10px; }
.btn-form-indeks {
width: 100%;
height: 38px;
padding: 0 14px;
border: 1px solid linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%);
background: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%);
color: #fff;
border-radius: 6px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
}
.darkmode.breadcrumb .breadcrumb-item:first-child a {
color: #000
}
.darkmode .tag-lists a {
color: #eee;
display: inline-block;
font-size: 13px;
padding: 2px 10px;
margin-left: 3px;
margin-bottom: 10px;
border-radius: 10px;
transition: .3s;
background: var(--dark_mode_text_color_2);
font-weight: 600;
border: 0
}
.darkmode .unique-related-item {
background-color: #181818
}
.darkmode .nav-home a {
color: var(--menu_text_color);
background: rgb(95 95 95 / 20%)
}
.darkmode .caas-attr-separator .separator {
border-color: var(--dark_mode_text_color_2) #fff0 #fff0
}
.darkmode .widget.tag-list .widget-content a {
background: var(--dark_mode_background_2);
color: var(--dark_mode_text_color_2)
}
.darkmode {
background: #1d1d1d
}
.darkmode .slider1 {
margin-left: -14px;
margin-right: -14px;
background-position-x: 0;
background-position-y: 0;
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/bg_box.svg);
background-repeat: no-repeat;
background-position: top right
}
.darkmode .content,
.darkmode header.header-app,
.darkmode .widget.video .media-text {
background: #222
}
.darkmode .list .media-box,
.darkmode .related-item {
border-bottom: 1px solid var(--dark_mode_background_2)
}
.darkmode .daterangepicker,
.darkmode .header-app-box.box-right .header-app-item:first-child,
.darkmode .header-app-item,
.darkmode .list-item,
.darkmode .list-item2,
.darkmode .post-content,
.darkmode .post-subheader.bottom-share,
.darkmode .terkini-item,
.darkmode .widget-footer {
border-color: var(--dark_mode_background_2)
}
.darkmode .filter,
.darkmode .list-hastag2,
.darkmode .parallaxads span,
.darkmode .slick-dots li.slick-active button {
background: var(--dark_mode_background_2)
}
.darkmode .list-hastag,
.darkmode .media-image,
.darkmode .media-image:before,
.darkmode .post-pagination-box,
.darkmode .widget-pagination {
background: #1f1f1f
}
.darkmode .media-image:after {
background-image: linear-gradient(90deg, #fff0 0, rgb(33 33 33 / 20%) 20%, rgb(0 0 0 / 50%) 60%, #fff0)
}
.darkmode .app-logo img {
filter: brightness(0) invert(1)
}
.darkmode .btn-next:hover,
.darkmode .page-numbers.current,
.darkmode .page-numbers:hover,
.darkmode .post-page-numbers.current,
.darkmode .post-page-numbers:hover {
background: var(--primary_color);
color: var(--dark_mode_text_color_1);
border: unset
}
.darkmode .btn-next,
.darkmode .page-numbers,
.darkmode .page-numbers.dots:hover,
.darkmode .post-page-numbers {
background: #3a3a3a;
border: unset;
color: var(--dark_mode_text_color_1)
}
.darkmode .widget.slider1 {
background-color: #2c2c2c;
background-image: url(//pinterpedia.com/wp-content/themes/wpnews/assets/images/bg_box.svg);
background-repeat: no-repeat;
background-position: top right
}
.darkmode .posttag-box li a {
background: #3a3a3a;
color: var(--dark_mode_text_color_1)
}
.darkmode .popular-item:nth-child(odd) {
background: #2a2a2a
}
.darkmode .popular-item:nth-child(2n) {
background: #262626
}
.darkmode .footer,
.darkmode .slider1.slider-bg {
background-color: #2c2c2c
}
.darkmode .footer {
background-image: linear-gradient(62deg, #2c2c2c 0, #2c2c2c 100%);
color: var(--dark_mode_text_color_1);
border-top: 5px solid #262626
}
.darkmode #reportrange {
background: #222;
border: 1px solid #2c2c2c;
color: var(--dark_mode_text_color_1)
}
.darkmode .box-redaksi,
.darkmode .line {
background: var(--dark_mode_text_color_2)
}
.btn-network i,
.darkmode .filter-tanggal span,
.darkmode .btn-search i,
.darkmode .commentBodyText,
.darkmode .comments-pagination,
.darkmode .info-post .timepost,
.darkmode .list .media-date,
.darkmode .list-date,
.darkmode .mode>*,
.darkmode .post-featured figcaption,
.darkmode .post-more .post-authorname-box time,
.darkmode .terkini-date {
color: var(--dark_mode_text_color_2)
}
.darkmode .ranges {
color: var(--dark_mode_text_color_1);
background: #2a2a2a
}
.darkmode .daterangepicker:before {
top: -7px;
border-right: 7px solid #fff0;
border-left: 7px solid #fff0;
border-bottom: 7px solid #2a2a2a
}
.darkmode .daterangepicker:after {
top: -6px;
border-right: 6px solid #fff0;
border-bottom: 6px solid #2a2a2a;
border-left: 6px solid #fff0
}
.darkmode .daterangepicker .ranges li:hover {
background-color: #262626;
color: var(--dark_mode_text_color_1)
}
.darkmode .daterangepicker.show-calendar {
color: #444
}
.darkmode .form-search,
.darkmode .network-box {
background: #313131;
box-shadow: 0 0 8px rgb(0 0 0 / 10%)
}
.darkmode .input-search {
border: 1px solid #434343;
background: #313131;
color: var(--dark_mode_text_color_1)
}
.darkmode .sidebar-menu {
background-color: #222;
background-image: linear-gradient(62deg, #222 0, #222 100%);
color: var(--dark_mode_text_color_1)
}
.darkmode .menu-network ul li a,
.darkmode .menu-sidebar ul li a,
.darkmode .sidebar-menu .copyrightbox ul li a {
color: var(--dark_mode_text_color_1);
border-bottom: 1px solid var(--secondary_color)
}
.darkmode .sidebar-menu::after {
border-color: #fff0 #fff0 var(--dark_mode_background_1) var(--dark_mode_background_1)
}