/*
Theme Name: Rantai Indonesia
Theme URI: https://rantaiindonesia.com/
Author: Arya Krida
Author URI: https://aryakrida.my.id/
Description: Wordpress News Network Themes.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rantaiindonesia
Tags: mantep media, mantep news, radio mantep, news themes, radio themes
*/

:root {
  /* ==========================================================================
     WARNA UTAMA (BRAND COLORS)
     ========================================================================== */
  --color-primary-red: #F51700;
  --color-accent-blue: #1B5DAF;
  --color-accent-blue-dark: #284a9a;
  --color-accent-yellow: #FBDE08;
  --color-live-yellow: #ffce21;
  --color-special-red: red; /* Untuk penggunaan khusus 'red' */

  /* ==========================================================================
     WARNA TEKS (TEXT COLORS)
     ========================================================================== */
  --color-text-dark: #000;
  --color-text-dark-secondary: #222;
  --color-text-dark-tertiary: #333;
  --color-text-dark-quaternary: #444;
  --color-text-light: #fff;
  --color-text-medium: #666;
  --color-text-soft: #999;
  --color-text-link: #1B5DAF;
  --color-text-link-hover: #b30000;
  --color-text-meta: #8c8c8c;
  --color-text-yellow: #FFEB3B;

  /* ==========================================================================
     WARNA LATAR (BACKGROUND COLORS)
     ========================================================================== */
  --background-dark: #222;
  --background-light: #fff;
  --background-soft-gray: #eee;
  --background-light-gray: #f7f7f7;
  --background-blue-dark: #164a8c;
  --background-blue-secondary: #2d2d73;
  --background-indigo: #3F51B5;
  --background-transparent: #fff0;
  --background-button: #007DBE;
  --background-hover-dark: #FCF6F6;

  /* ==========================================================================
     WARNA ABU-ABU & BORDER (GRAYSCALE & BORDERS)
     ========================================================================== */
  --color-border-light: #ccc;
  --color-border-medium: #ddd;
  --color-border-dark: #666;
  --color-gray-generic: gray;
  --color-border-table: #dddddd;
  --color-table-even-row: #f2f2f2;
}


/* CSS RESET */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div#hardline {
  border: thin solid var(--color-border-dark);
  width: 8em;
  height: 2em;
  border-radius: 0 2em 0 2em;
}

.wp-caption {
    background: var(--background-light);
    max-width: 96%; /* Image does not overflow the content area */
    color: var(--color-text-medium);
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1.3;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

.screen-reader-text:focus {
    background-color: var(--background-soft-gray);
    clip: auto !important;
    clip-path: none;
    color: var(--color-text-dark-quaternary);
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

/** DEFAULT **/

.clr {
    clear: both;
}

.add-height {}

body {
    background-color: var(--background-transparent);
    font-family: 'Arial', sans-serif;
    font-size: 13px;
}

a {
    text-decoration: none;
    color: var(--color-text-dark);
}

b, strong, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

center {
    text-align: center;
}

i, em, blockquote {
    font-style: italic;
}

blockquote {
    border-left: 4px solid var(--color-border-light);
    padding-left: 20px;
    margin-left: 10px;
}

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

pre, code {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: var(--color-gray-generic);
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

th {
    font-weight: bold;
    text-align: center;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

u { text-decoration: underline; }
strike { text-decoration: line-through; }

/*************************
 FONTS
************************/

@font-face {
font-family: 'flexslider-icon';
font-style: normal;
font-weight: normal;
src: local('flexslider-icon'), url('fonts/flexslider-icon.woff') format('woff');
}

/** HEADER **/

.fixed {
    position: sticky;
    top: 0;
    z-index: 9;
}

header {
    width: 100%;
    margin: 0 auto;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--background-dark);
}

header .header-fixed {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.header-shrink {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 0;
    border-bottom: 5px solid var(--background-dark);
}

header .header-fixed::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.headerSearch .icoSearch {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbDpzcGFjZT0ncHJlc2VydmUnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDIxJyB2aWV3Qm94PScwIDAgMjEgMjEnPjxwYXRoIGQ9J005LjcgMi4yYzQuMSAwIDcuNSAzLjQgNy41IDcuNXMtMy40IDcuNS03LjUgNy41LTcuNS0zLjQtNy41LTcuNWMwLTQuMiAzLjMtNy41IDcuNS03LjV6bTAgMTMuM2MzLjIgMCA1LjgtMi42IDUuOC01LjggMC0zLjItMi42LTUuOC01LjgtNS44LTMuMiAwLTUuOCAyLjYtNS44IDUuOC0uMSAzLjIgMi41IDUuOCA1LjggNS44em03IC4xIDIuNCAyLjQtMS4yIDEuMi0yLjQtMi40IDEuMi0xLjJ6Jy8+PC9zdmc+)
}
.headerIcon img, .headerSearch .buttonSearch .icoSearch {
    transition: filter .3s
}

.headerSearch .icoSearch {
    filter: invert(22%) sepia(0) saturate(0) hue-rotate(190deg) brightness(102%) contrast(85%);
    height: 20px;
    width: 20px;
}

header .header-fixed .header-shrink {
    position: relative;
    z-index: 2;
}

#logo {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    padding: 10px 50px;
    width: 100%;
    max-width: 400px;
    float: left;
}

#logo img {
    display: block;
    width: 90%;
    max-width: 400px;
    height: auto;
}

form.search-form {
    display: block;
    float: left;
    margin-top: -50px;
    margin-left: 20px;
}

.search-form .search-field {
    padding: 10px 15px;
    border: 1px solid var(--color-accent-blue-dark);
    font-family: 'Montserrat', sans-serif;
    height: 42px;
    box-sizing: border-box;
}

.search-submit {
    margin-left: -5px;
    border: 1px solid var(--background-dark);
    background-color: var(--background-dark);
    color: var(--color-text-light);
    width: 60px;
    height: 38px;
    vertical-align: top;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 42px;
    box-sizing: border-box;
}

.search-submit:hover {
    cursor: pointer;
}

header .search-form input:focus {
    outline: none;
}

.media-social-header {
    float: right;
    margin: 20px;
    width: 100%;
    text-align: right;
    max-width: 350px;
}

a.facebook-header img, a.twitter-header img, a.instagram-header img, a.youtube-header img, a.tiktok-header img, a.linkedin-header img, a.pinterest-header img {
    display: inline-block;
    width: 100%;
    max-width: 35px;
    margin-right: 7px;
    border-radius: 50%;
}

.tiktok-header img {
    border-radius: 100%;
}

a.instagram-header img {}

.hamburger-button {
    width: 30px;
    position: absolute;
    top: 20px;
    left: 10px;
    padding: 5px;
    cursor: pointer;
    display: none;
}

.desktop-only { display: block }
.mobile-only { display: none }

@media (max-width: 992px) {
    .mobile-only { display:block }
    .nomobile,.desktop-only { display: none }
}

.line-satu, .line-dua, .line-tiga {
    height: 3px;
    background-color: var(--color-primary-red);
    margin-bottom: 5px;
}

.line-satu { width: 28px; }
.line-dua { width: 19px; }
.line-tiga { width: 14px; }

.close-button-hamburger {
    font-size: 20px;
    float: right;
    padding: 20px;
}

.right-warp{
    display: none;
    width: max-content;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    cursor: pointer;
    background: var(--color-text-dark);
}

.icons8-search {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTc0LjUzMzMzLDE3LjJjLTMxLjU5NjQyLDAgLTU3LjMzMzMzLDI1LjczNjkyIC01Ny4zMzMzMyw1Ny4zMzMzM2MwLDMxLjU5NjQyIDI1LjczNjkyLDU3LjMzMzMzIDU3LjMzMzMzLDU3LjMzMzMzYzEzLjczOTk4LDAgMjYuMzU4MzQsLTQuODc5MTUgMzYuMjQ3NjYsLTEyLjk3ODM5bDM0LjIzMjAzLDM0LjIzMjAzYzEuNDM4MDIsMS40OTc3OCAzLjU3MzQsMi4xMDExMyA1LjU4MjYsMS41NzczNWMyLjAwOTIsLTAuNTIzNzggMy41NzgyNiwtMi4wOTI4NCA0LjEwMjA0LC00LjEwMjA0YzAuNTIzNzgsLTIuMDA5MiAtMC4wNzk1NywtNC4xNDQ1OCAtMS41NzczNSwtNS41ODI2bC0zNC4yMzIwMywtMzQuMjMyMDNjOC4wOTkyNCwtOS44ODkzMiAxMi45NzgzOSwtMjIuNTA3NjggMTIuOTc4MzksLTM2LjI0NzY2YzAsLTMxLjU5NjQyIC0yNS43MzY5MiwtNTcuMzMzMzMgLTU3LjMzMzMzLC01Ny4zMzMzM3pNNzQuNTMzMzMsMjguNjY2NjdjMjUuMzk5MzcsMCA0NS44NjY2NywyMC40NjczIDQ1Ljg2NjY3LDQ1Ljg2NjY3YzAsMjUuMzk5MzcgLTIwLjQ2NzI5LDQ1Ljg2NjY3IC00NS44NjY2Nyw0NS44NjY2N2MtMjUuMzk5MzcsMCAtNDUuODY2NjcsLTIwLjQ2NzI5IC00NS44NjY2NywtNDUuODY2NjdjMCwtMjUuMzk5MzcgMjAuNDY3MywtNDUuODY2NjcgNDUuODY2NjcsLTQ1Ljg2NjY3eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+') 50% 50% no-repeat;
    background-size: 100%;
}

.fluid-nav {
    width: 100%;
    background: var(--color-special-red);
}

.menu-utama {
    list-style-type: none;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 10px;
    margin-bottom: 0;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.menu-utama::-webkit-scrollbar {
    height: 10px;
}

/* Track */
.menu-utama::-webkit-scrollbar-track {
    background: var(--color-special-red);
}

/* Handle */
.menu-utama::-webkit-scrollbar-thumb {
    background: var(--background-soft-gray);
}

/* Handle on hover */
.menu-utama::-webkit-scrollbar-thumb:hover {
    background: var(--background-soft-gray);
}

.menu-utama > li {
    display: inline-block;
    margin-left: -2px;
}

.menu-utama > li > a {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: var(--color-text-light);
    text-decoration: none;
    font-weight: bold;
    padding: 15px 7px 12px 7px;
    position: relative;
    border-bottom: 4px solid transparent;
    text-transform: uppercase;
}

.menu-utama > .current-menu-item > a {
    background-color: var(--background-dark);
}

.menu-utama > li > a:hover {
    text-decoration: none;
    background: var(--background-dark);
}

/** SUB MENU **/

.menu-utama li a {
    position: relative;
}

.menu-utama > li > ul.sub-menu {
    position: absolute;
    background: var(--background-blue-dark);
    margin: 0 auto;
    border-top: 3px solid var(--color-primary-red);
    z-index: 9;
    max-width: 1100px;
    display: none;
    text-align: left;
}

.menu-utama > li > ul.sub-menu > li a {
    display: block;
    color: var(--color-text-light);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 20px;
    text-transform: uppercase;
}

.menu-utama > li > ul.sub-menu > li a:hover {
    opacity: 0.7;
}

.menu-utama li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

.mobile-menu-kiri-wrap {
    position: fixed;
    background: var(--background-light);
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.mobile-menu-kiri-wrap .menu-menu-atas-container {
    position: relative;
}

.mobile-menu-kiri li a {
    display: block;
    padding: 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    border-bottom: 1px solid var(--color-border-light);
    font-size: 14px;
    font-weight: bold;
}

.mobile-menu-kiri li.current-menu-item a { color: var(--color-primary-red); }

ul.mobile-menu-kiri li.menu-item-has-children ul.sub-menu {
    display: none;
    box-sizing: border-box;
}

.mobile-menu-kiri li.active ul.sub-menu {
    display: block;
    color: var(--color-special-red);
    box-sizing: border-box;
}

.mobile-menu-kiri .sub-menu li {
    border-bottom: 1px solid var(--color-border-light);
}

.mobile-menu-kiri .sub-menu li a {
    border-bottom: none;
    padding-left: 50px;
}

.mobile-menu-kiri > li.menu-item-has-children > a:after {
    content: "";
    background-image: url('img/chevron.svg');
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    right: 20px;
}

ul.mobile-menu-kiri li.active ul.sub-menu {
    display: block;
    color: var(--color-special-red);
    box-sizing: border-box;
}

#logo-menu-kiri {
    display: block;
    padding: 10px 15px;
    width: 70%;
    float: left;
    background: var(--background-transparent);
}

#logo-menu-kiri img {
    display: block;
    width: 100%;
    max-width: 400px;
}

/** MARQUEE **/

header .flashnews {
    align-items: center;
    display: flex;
    height: 28px;
    background: var(--background-dark);
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translateY(0);
    width: 100%;
    max-width: 1119px;
    margin: 0 auto;
}

.flashnewsCaption {
    color: var(--color-text-light);
    font-family: Nunito Sans,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1;
    padding: 8px 14px;
    text-transform: uppercase;
    background: var(--color-special-red);
}

.flashnews .flashnewsWrap {
    align-items: center;
    background: var(--background-dark);
    display: flex;
    flex: 1;
    height: 28px;
    overflow: hidden;
}

.flashnewsItem {
    display: inline-block;
    padding: 1px 10px;
    position: relative;
    color: var(--color-text-light);
}

.flashnewsLink {
    color: var(--color-text-light);
    display: inline-block;
    font-family: Nunito Sans,sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.273;
    padding: 6px 8px;
}

.flashnewsLink:hover {
    color: var(--color-live-yellow);
}

.flashnewsIcon {
    margin-right: 10px;
    vertical-align: middle;
}

.flashnewsLive {
    color: var(--color-live-yellow);
    text-transform: uppercase;
}

/************************
 SWITCH COLOR
************************/

/** CONTENT LEFT WRAP **/

#content-wrap {
    padding: 0;
    background: var(--background-light);
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
}

#content-left-wrap {
    width: 100%;
    max-width: 790px;
    float: left;
}

/* slider baru */

.demo {
    width: 100%;
    max-width: 1115px;
    box-sizing: border-box;
}

ul#lightSlider {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
    height: auto !important;
}

ul#lightSlider {
    height: auto !important;
}

#lightSlider li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
    position: relative;
}

#lightSlider li h2 {
    position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 9;
    text-shadow: 2px 1px 2px var(--color-text-dark);
}

#lightSlider h2 a {
    color: var(--color-text-light);
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
}

#lightSlider li img {
    display: block;
    height: auto;
    max-width: 100%;
}

.flexslider {
    margin-bottom: 0 !important;
}

.flexslider-mobile {
    display: none;
    position: relative;
    margin-top: 3px;
}

.flex-direction-nav {
    position: absolute;
    top: 35% !important;
    width: 100%;
    max-width: 500px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    opacity: 0.7;
}

.flex-control-thumbs li {
    padding-right: 1px;
    box-sizing: border-box;
}

.headline-label {
    font-size: 14px;
    background: var(--color-primary-red);
    border-bottom: 2px solid var(--color-primary-red);
    color: var(--color-text-light);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    padding: 7px 10px;
    position: absolute;
    top: 25px;
    left: 0;
}

.headline-judul {
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.headline-judul a {
    color: var(--color-text-light);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 2px 1px 2px var(--color-text-dark);
    font-size: 28px;
    line-height: 1.2;
}

.headline-judul a:hover {
    text-decoration: underline;
}

.flexslider-mobile li {
    position: relative;
}

.flex-direction-nav a {
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 35% !important;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: var(--color-text-light);
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
}
.flex-direction-nav a:before {
    content: " " !important;
    display: block;
    background: url('img/icon-next-right.png') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.flex-direction-nav a.flex-next:before {
    content: " " !important;
    display: block;
    background: url('img/icon-next-right.png') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.flex-direction-nav a.flex-prev:before {
    transform: rotate(180deg);
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: center;
}

.headline-label-mobile {
    background: var(--color-primary-red);
    color: var(--color-text-light);
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
    z-index: 2;
}

h2.headline-judul-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px 50px 20px;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
}

h2.headline-judul-mobile a {
    color: var(--color-text-light);
    font-family: 'Montserrat', sans-serif;
}

.wrap-text-headline-dua {
    position: absolute;
    bottom: 0;
    padding: 20px 20px 40px 20px;
    text-align: center;
    background: linear-gradient(0deg, rgba(0,0,0,0.8547794117647058) 35%, rgba(240,240,240,0) 100%);
    width: 100%;
    box-sizing: border-box;
}

h2.headline-judul-mobile-dua {
    text-align: center;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
}

h2.headline-judul-mobile-dua a {
    color: var(--color-text-light);
}

.headline-label-mobile-dua {
    background: var(--color-primary-red);
    color: var(--color-text-light);
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
}

.wrap-text-headline-dua .tanggal {
    color: var(--color-text-light);
    margin-top: 10px;
}

#lightSliderMobile {}

.headline-tiga-mobile {
    border-radius: 8px 8px 0 0;
    padding: 5px 10px;
}

.lSAction>.lSPrev {
    left: 35px !important;
}

.lSAction>.lSNext {
    right: 35px !important;
}

.lSAction>a {
    z-index: 0 !important;
}

.headline-tiga-mobile img {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: auto;
}

.headline-tiga-text-wrap-mobile {
    background: var(--background-blue-secondary);
    padding: 15px;
    border-radius: 0 0 8px 8px;
    margin-top: -3px;
}

.headline-tiga-text-wrap-mobile h2 {
    margin-bottom: 15px;
    line-height: 1.1;
    font-size: 22px;
}

.headline-tiga-text-wrap-mobile h2 a {
    color: var(--color-accent-yellow);
}

.headline-tiga-waktu-mobile {
    color: var(--color-text-light);
}

/** SLIDER SWIPPER */
.slider-container {
    width: 100%;
    max-width: 790px;
    margin: 5px auto 0 auto;
}

div.mySwiper2 {
    margin-bottom: 3px;
}

.foto-slider {
    display: block;
    position: relative;
}

.judul-headline {
    background: var(--color-primary-red);
    color: var(--color-text-light);
    position: absolute;
    z-index: 1;
    padding: 8px 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    left: 0;
    top: 20px;
}

.slider-text {
    position: absolute;
    z-index: 1;
    padding: 60px 20px 30px 20px;
    bottom: 0;
    text-align: left;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 75%);
    box-sizing: border-box;
    margin: 0;
}

a.slider-kategori {
    display: inline-block !important;
    padding: 0;
    color: var(--color-text-light);
    display: block;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

a.judul-slider {
    display: block;
    text-decoration: none;
    color: var(--color-text-light);
    font-size: 30px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
}

a.judul-slider:hover {
    text-decoration: underline;
}

div.swiper-thumbs {}

.swiper-wrapper {
    height: 100%;
    max-height: 430px;
}

.judul-thumbnail {
    background: var(--background-dark);
    color: var(--color-text-light);
    font-size: 12px;
    padding: 5px;
    margin-top: 0;
    min-height: 60px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
    text-align: center;
}

.judul-thumbnail:hover {
    text-decoration: underline;
}

.swiper-thumbs .swiper-slide img {
    cursor: pointer;
    width: 100%;
    height: auto;
}

.foto-slider {
    width: 100%;
    overflow: hidden;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

/** AKHIR SLIDER SWIPPER **/

#berita-pilihan {
    padding: 30px 15px 15px 15px;
    background: var(--background-dark);
    margin: 25px 0 15px 0;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.judul-berita-pilihan {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    position: absolute;
    background: var(--color-primary-red);
    color: var(--color-text-light);
    padding: 8px 10px;
    text-align: center;
    z-index: 1;
    top: -15px;
    left: 25px;
}

.kategori-berita-pilihan {
    font-size: 12px;
    color: var(--color-text-yellow);
    font-weight: bold;
}

#berita-pilihan h2 {
    line-height: 0.9;
}

#berita-pilihan h2 a {
    font-size: 14px;
    color: var(--color-text-light);
}

.berita-pilihan-box {}

.berita-pilihan-box img {
    height: auto;
    margin-bottom: 10px;
    display: block;
}

#berita-pilihan .owl-stage {
    padding-left: 0 !important;
}

#berita-pilihan .owl-item {}

#berita-pilihan .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    background: transparent;
}

#berita-pilihan .owl-prev, #berita-pilihan .owl-next {
    font-size: 40px;
    padding: 0 12px 5px 12px !important;
    background: var(--background-light);
    color: var(--color-text-dark);
    margin: 0 20px;
    line-height: 0.8;
    border-radius: 100%;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

#berita-pilihan .owl-next {
    float: right;
}

#berita-pilihan .owl-prev:hover,
#berita-pilihan .owl-next:hover {
    background-color: var(--color-accent-blue);
    color: var(--color-text-light);
}

#news-feed {
    width: 100%;
    float: none;
    max-width: 780px;
}

#berita-rekomendasi {
    position: relative;
    margin-bottom: 20px;
}

#berita-rekomendasi .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    background: transparent;
}

#berita-rekomendasi .owl-prev,
#berita-rekomendasi .owl-next {
    font-size: 40px;
    padding: 0 12px 5px 12px !important;
    background: var(--background-light);
    color: var(--color-text-dark);
    margin: 0 20px;
    line-height: 0.8;
    border-radius: 100%;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

#berita-rekomendasi .owl-prev:hover,
#berita-rekomendasi .owl-next:hover {
    background-color: var(--color-accent-blue);
    color: var(--color-text-light);
}

#berita-rekomendasi .owl-next {
    float: right;
}

#berita-rekomendasi .owl-carousel .owl-item img {
    width: 100%;
    height: auto;
}

.berita-rekomendasi-box {
    width: 100%;
    max-width: 255px;
    height: 380px;
    background-color: var(--background-light-gray);
}

.judul-berita-rekomendasi {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-text-dark);
    padding: 20px 10px;
    text-transform: uppercase;
}

.judul-berita-rekomendasi:after {
    content: " ";
    width: 75px;
    height: 3px;
    background: var(--color-special-red);
    display: block;
    margin-top: 5px;
}

.text-berita-rekomendasi {
    position: absolute;
    bottom: 0;
    padding: 20px;
    background: linear-gradient(0deg, rgba(0,0,0,1) 53%, rgba(240,240,240,0) 100%);
}

.kategori-berita-rekomendasi, #berita-rekomendasi h2 {}

.kategori-berita-rekomendasi {
    color: var(--color-text-light);
    font-family: 'Montserrat', sans-serif;
    padding: 5px;
    background: var(--color-special-red);
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
}

#berita-rekomendasi h2 {
    font-size: 18px;
    color: var(--color-text-light);
    line-height: 1.2;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
}

#berita-rekomendasi h2 a {
    color: var(--color-text-light);
}

a.news-feed-link:hover h2.news-feed-judul {
    text-decoration: underline;
}

.news-feed-judul-block {
    background: var(--background-light);
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: var(--color-text-dark);
    padding: 10px;
    margin-top: 20px;
}

.news-feed-judul-block span:after {
    content: " ";
    width: 75px;
    height: 3px;
    background: #007bc1;
    display: block;
    margin-top: 5px;
}

.topline{
    border-radius: 0;
    border-top: 5px solid var(--color-special-red);
    border-image: linear-gradient(90deg,#007bc1 0,#007bc1 33%,#ffe030 33.1%,#ffe030 66%,#ee4943 66.1%,#ee4943 100%) 1
}
.bottomline{
    border-radius: 0;
    border-bottom: 5px solid var(--color-special-red);
    border-image: linear-gradient(90deg,#007bc1 0,#007bc1 33%,#ffe030 33.1%,#ffe030 66%,#ee4943 66.1%,#ee4943 100%) 1
}

.news-feed-list {
    border-bottom: none;
    background: transparent;
    padding: 10px 3px;
}

.news-feed-list figure {
    float: left;
    margin: 10px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 10px;
}

.news-feed-list figure img {
    border-radius: 10px;
    transition: .6s ease;
}

.news-feed-list figure img:hover {
    transform: scale(1.2);
}

.newsfeed-image-mobile {
    display: none;
}

.news-feed-list a:hover h2 {}

.news-feed-text-block {
    padding: 1.5% 0;
}

.news-feed-text-block .tanggal {
    color: var(--color-text-soft);
    margin: 10px;
    font-size: 11px;
}

.news-feed-judul {
    color: var(--color-text-dark-tertiary);
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin: 0 10px;
    line-height: 1.3;
}

.news-feed-list .kategori {
    background: transparent;
    color: var(--color-primary-red);
    padding: 0;
    display: inline-block;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.next-wrap {
    padding: 20px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 3;
}

.nav-links .current {
    background: var(--color-accent-blue);
    color: var(--color-text-light);
    border-radius: 50%;
}

.page-numbers {
    padding: 8px 14px;
    background: var(--color-gray-generic);
    color: var(--color-text-light);
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    border-radius: 20px;
}

.page-numbers:hover {
    background: var(--color-accent-blue);
}

/** SIDEBAR LEFT **/
#sidebar-left {
    width: 100%;
    max-width: 300px;
    margin-right: 5px;
    margin-top: 20px;
    float: left;
    box-sizing: border-box;
}

.before-widget img {
    display: block;
}

.before-widget {
    background-color: var(--background-light);
    margin-bottom: 15px;
    line-height: 1.3;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.before-widget > ul, .before-widget ul {
    padding: 0 10px;
}

.before-widget ul li {
    padding: 5px 0;
}

.before-widget > form, .before-widget > p {
    padding: 10px;
}

.before-widget a:hover {
    text-decoration: underline;
}

.before-widget input {
    border: 1px solid var(--color-border-light);
    padding: 10px;
    width: 100%;
    max-width: 190px;
}

.before-widget form {
    position: relative;
}

.before-widget select {
    border: 1px solid var(--color-border-light);
    padding: 10px;
    width: 100%;
    max-width: 250px;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url('https://www.svgrepo.com/show/80156/down-arrow.svg');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 16px);
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}


.before-widget form.search-form {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.before-widget .search-form .search-field {
    border: 1px solid var(--color-border-light);
    position: relative;
    width: 100%;
    max-width: 70%;
    height: 42px;
    box-sizing: border-box;
}

.before-widget .search-form input.search-submit {
    position: absolute;
    width: 100%;
    max-width: 60px;
    border: none;
    height: 42px;
    box-sizing: border-box;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: var(--color-text-light) transparent transparent transparent;
}

.before-widget button {
    border: 1px solid var(--background-button);
    padding: 10px;
    background-color: var(--background-button);
    color: var(--color-text-light);
    margin-left: -4px;
}

.before-widget .textwidget {
    padding: 10px;
}

.before-widget .textwidget p {
    margin: 15px 0;
}

.before-widget .textwidget p:last-child {
    margin-bottom: 0;
}

.before-widget .rsswidget {
    font-weight: bold;
    margin: 0;
    display: inline-block;
    font-size: 16px;
}

.before-widget .rss-date {
    display: block;
    margin: 10px 0 10px 0;
    font-size: 12px;
}

.before-widget .rssSummary {
    font-size: 12px;
}

.before-widget .wp-caption-text {
    display: none;
}

.before-widget .wp-caption.alignnone {
    margin: 0;
    padding: 0;
}

.before-widget figure {
    width: 100%;
    max-width: 100%;
}

.before-widget .wp-caption {
    border: none;
}

.before-widget #wp-calendar caption {
    margin: 10px 0;
}

.before-widget .wp-calendar-nav {
    margin: 10px 0;
}

.tagcloud a {
    font-size: 14px !important;
    font-weight: bold;
    display: block;
    margin: 15px 10px;
}

.tagcloud a:before {
    content: "# ";
    color: var(--color-gray-generic);
}

.tagcloud a:first-child {
    padding-top: 0;
    margin-top: 0;
}

.before-widget ul li.topik {
    padding: 0;
}

.topik a {
    font-size: 14px !important;
    font-weight: bold;
    display: block;
    margin: 15px 10px;
}

.topik a:before {
    content: "# ";
    color: var(--color-gray-generic);
}

.topik a:first-child {
    padding-top: 0;
    margin-top: 0;
}

.judul-sidebar-left {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary-red);
    background: var(--background-light);
    padding: 10px 0;
    text-transform: uppercase;
}

/** SIDEBAR RIGHT **/
#sidebar-right {
    width: 100%;
    max-width: 300px;
    margin-left: 10px;
    float: left;
    box-sizing: border-box;
    margin-top: 5px;
    position: sticky;
    top: 145px;
}

.before-widget h2, .judul-sidebar-right {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-dark);
    background: var(--background-light);
    padding: 15px 0;
    text-transform: uppercase;
}

.before-widget h2:after, .judul-sidebar-right:after {
    content: " ";
    width: 75px;
    height: 3px;
    background: var(--color-special-red);
    display: block;
    margin-top: 5px;
}

/** SIDEBAR SINGLE **/
#sidebar-single {
    width: 100%;
    max-width: 300px;
    margin-left: 15px;
    float: left;
    box-sizing: border-box;
    background: var(--background-light);
    position: sticky;
    top: 145px;
}

.judul-sidebar-single {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-dark);
    background: var(--background-light);
    padding: 15px;
    text-transform: uppercase;
}

.judul-sidebar-single:after {
    content: " ";
    width: 75px;
    height: 3px;
    background: var(--color-special-red);
    display: block;
    margin-top: 5px;
}

/** SIDEBAR HEADER **/

.header-banner-wrap {
    margin-top: 150px;
    text-align: center;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

.header-banner-wrap img {
    text-align: center;
    max-width: 100%;
    height: auto;
}

#sidebar-header {
    margin-bottom: 0;
    width: 100%;
    max-width: 1100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding: 0;
    box-sizing: border-box;
}

.sidebar-header-wrap {
    text-align: center;
}

.sidebar-header-wrap > div {
    text-align: center;
    max-width: 1190px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
}

.sidebar-header-wrap img {
    max-width: 1119px;
    width: 100%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
}

.judul-sidebar-header {
    text-align: center;
    padding: 10px;
    color: var(--color-text-soft);
    font-size: 12px;
    text-transform: uppercase;
}

/** SIDEBAR 160 x 600 **/

#sidebar-banner-160x600-kanan {
    position: fixed;
    top: 0px;
    margin-top: 164px;
    z-index: 3;
    right: 47%;
    margin-right: -678px;
}

#sidebar-banner-160x600-kiri {
    position: fixed;
    top: 0px;
    margin-top: 164px;
    z-index: 3;
    left: 47%;
    margin-left: -678px;
}

.sidebar-banner-160x600-kiri-wrap > div,
.sidebar-banner-160x600-kiri-wrap img,
.sidebar-banner-160x600-kanan-wrap > div,
.sidebar-banner-160x600-kanan-wrap img {
    width: 100%;
    max-width: 160px;
    height: auto;
}

.judul-sidebar-sidebar-banner-160x600-kiri, .judul-sidebar-sidebar-banner-160x600-kanan {
    text-align: center;
    padding: 10px;
    color: var(--color-text-soft);
    font-size: 12px;
    text-transform: uppercase;
}

/** SIDEBAR BANNER MOBILE TOP HEADER PARALLAX **/

#sidebar-banner-mobile-top-header-parallax {
    display: none;
    width: 100%;
    height: 532px;
    position: relative;
    margin: 0 auto 0 auto;
    background: var(--background-dark);
    z-index: 99;
}

.judul-sidebar-banner-mobile-top-header-parallax {
    font-size: 12px;
    text-align: center;
    margin: 5px 0;
    color: var(--color-text-soft);
    text-transform: uppercase;
}

.close-button {
    display: block;
    position: sticky;
    z-index: 999;
    top: 10px;
    font-weight: bold;
    color: var(--color-text-light);
    cursor: pointer;
    transition: all 0.5s ease;
    text-align: right;
    font-size: 12px;
    padding: 0 30px;
}

.sidebar-banner-mobile-top-header-parallax-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto, auto, auto, auto);
}

.duaa {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 30px;
    margin: 0 auto;
    transform: translateZ(0);
}

.scroll-to-continue {
    color: var(--color-text-light);
    background: var(--background-dark);
    font-size: 10px !important;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 0;
    position: absolute;
    bottom: 0;
    z-index: 999;
}

.tigaa {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
}

.tigaa img {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 320px !important;
    height: auto;
}

.tigaa figcaption.wp-caption-text {
    display: none;
}

.tigaa .wp-caption.alignnone {
    margin: 0 auto;
    padding: 0;
    border: none;
}

#sidebar-banner-mobile-top-header-parallax, .sidebar-banner-mobile-top-header-parallax-wrap, .duaa, .tigaa {
    text-align: center;
}

/* SIDEBAR BANNER BAWAH */
#sidebar-banner-bawah {
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    margin-bottom: 0;
    padding: 0;
    background-color: var(--background-light);
}

.sidebar-banner-bawah-wrap {
    width: 100%;
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

.close-button-sidebar-bawah {
    display: block;
    position: absolute;
    z-index: 99999999;
    padding: 5px 10px;
    background: var(--background-dark);
    color: var(--color-text-light);
    font-weight: bold;
    right: 0;
    top: -24px;
}

.judul-sidebar-banner-bawah {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-text-soft);
    margin: 10px;
}

.sidebar-banner-bawah-wrap figure, .sidebar-header-wrap figure {
    display: block;
    margin: 0 auto !important;
}

/* SIDEBAR MOBILE BAWAH */

#sidebar-banner-mobile-bawah {
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    margin-bottom: 0;
    padding: 0;
    background-color: var(--background-soft-gray);
    display: none;
}

.close-button-sidebar-mobile-bawah {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('img/close-button.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: var(--background-light);
    border: 1px solid var(--color-gray-generic);
    border-radius: 100%;
    position: absolute;
    right: 10px;
    bottom: 75%;
    z-index: 99999999;
    background-size: 78%;
}

.sidebar-banner-mobile-bawah-wrap {
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0;
    box-sizing: border-box;
}

.judul-sidebar-banner-mobile-bawah {
    font-size: 12px;
    text-align: center;
    margin: 5px 0;
    color: var(--color-text-dark);
}

#sidebar-banner-mobile-bawah figcaption.wp-caption-text {
    display: none;
}

#sidebar-banner-mobile-bawah .wp-caption.alignnone {
    margin: 0 auto;
    padding: 0;
    border: none;
}

/* SIDEBAR MIDDLE */

.ad-middle {
    margin-bottom: 15px;
}

.ad-middle .ad-title,
.ad-middle .scroll-to-resume {
    text-align: center;
    background: var(--background-blue-secondary);
    color: var(--color-text-light);
    font-size: 12px;
    padding: 3px;
    margin: 0;
}

.ad-middle .ad-content {
    width: 100%;
    max-width: 380px;
    height: 300px;
    position: relative;
    margin: 0px auto;
}

.ad-middle .ad-content-a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto, auto, auto, auto);
}

.ad-middle .ad-content-b {
    width: 380px;
    height: 400px;
    position: fixed;
    top: 0;
    transform: translateZ(0);
    margin: 0 auto;
}

.ad-middle .ad-content-c {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
}

.ad-middle .ad-content-c img {
    display: block;
    width: 100%;
    max-width: 380px;
    height: auto;
}

/* SIDEBAR MIDDLE */

.sidebar-middle-wrap {
    width: 100%;
    max-width: 160px;
    margin-top: 20px;
}

.judul-sidebar-middle {
    margin: 10px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-text-soft);
}

/** SIDEBAR NEWSFEED */

.judul-sidebar-newsfeed-satu, .judul-sidebar-newsfeed-dua, .judul-sidebar-newsfeed-tiga {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px;
    color: var(--color-text-soft);
}

.newsfeed-satu-container, .newsfeed-dua-container, .newsfeed-tiga-container {
    width: 100%;
}

.sidebar-newsfeed-satu-wrap, .sidebar-newsfeed-dua-wrap, .sidebar-newsfeed-tiga-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.newsfeed-satu-container figcaption, .newsfeed-dua-container figcaption, .newsfeed-tiga-container figcaption, .before-widget figcaption, .sidebar-middle-wrap figcaption, #sidebar-banner-bawah figcaption, #sidebar-banner-160x600-kiri figcaption, #sidebar-banner-160x600-kanan figcaption, .sidebar-header-wrap figcaption {
    display: none;
}

.newsfeed-satu-container .wp-caption.alignnone, .newsfeed-dua-container .wp-caption.alignnone, .newsfeed-tiga-container .wp-caption.alignnone, .before-widget .wp-caption.alignnone, .sidebar-middle-wrap .wp-caption.alignnone, #sidebar-banner-bawah .wp-caption.alignnone, #sidebar-banner-160x600-kiri .wp-caption.alignnone, #sidebar-banner-160x600-kanan .wp-caption.alignnone, .sidebar-header-wrap .wp-caption.alignnone {
    margin: 0;
    padding: 0;
    border: 0;
}


/** GALLERY WIDGET **/

.gallery {
    text-align: center;
}

.gallery figure.gallery-item {
    display: inline-block;
}

.gallery-columns-2 figure.gallery-item { width: 48%; margin-right: 4px; }
.gallery-columns-3 figure.gallery-item { width: 32%; margin-right: 4px; }
.gallery-columns-4 figure.gallery-item { width: 23%; margin-right: 4px; }
.gallery-columns-5 figure.gallery-item { width: 10%; margin-right: 4px; }

.gallery figure.gallery-item img {
    width: 100%;
    height: auto;
}

/** SINGLE **/
#single-content-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
    background: var(--background-light);
    margin-bottom: 20px;
}

#single-content {
    width: 100%;
    max-width: 785px;
    padding: 20px;
    float: left;
    background: var(--background-light);
    box-sizing: border-box;
    margin-bottom: 20px;
}

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

#single-content ol li, #single-content ul li {
    margin-bottom: 16px;
}

#single-content ol { list-style-type: decimal; }
#single-content ul { list-style-type: disc; }

table, tr, td {
    border: 1px solid var(--color-border-light);
}

table {
    margin-top: 20px;
    width: 100%;
}

td {
    padding: 10px;
}

tr:nth-child(even) {
    background-color: var(--color-table-even-row);
    color: #424242 !important;
}

tr:nth-child(even) td {
    color: #424242 !important;
}

.single-kategori {
    margin: 5px 0 30px 0;
}

.single-kategori a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-accent-blue);
}

.writer-name {
    color: var(--color-text-meta);
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
}

.writer-name img {
    width: 100%;
    max-width: 32px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}

.writer-name span {
    font-weight: bold;
    color: var(--color-text-link);
    text-transform: capitalize;
}

.editor-sumber span {
    display: block;
}

.additional {
    padding: 20px;
    margin: 20px;
    line-height: 1.5;
    font-size: 14px;
    border: 1px solid var(--color-text-dark);
}

.single-kategori a span {
    color: var(--color-primary-red);
}

.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

iframe.my-youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@-webkit-keyframes fade-in-up { 0% { opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}
@keyframes fade-in-up { 0% { opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}

.video-container.stuck {
    position: fixed;
    bottom: 60px;
    right: 20px;
    transform: translateY(100%);
    width: 300px;
    padding-top: 169px;
    -webkit-animation: fade-in-up 0.25s ease forwards;
    animation: fade-in-up 0.25s ease forwards;
    z-index: 1;
}

.video-wrap {
    text-align: center;
}

.video-wrap button.close-youtube {
    position: absolute;
    top: 5px;
    right: 5px;
    color: var(--color-special-red);
    font-size: 20px;
    padding: 0 10px;
    background: var(--background-light);
    text-align: center;
    border-radius: 20px;
    width: 35px;
    height: 35px;
    border: none;
    display: none;
    cursor: pointer;
}

button.close-youtube:hover {
    background: var(--background-dark);
    color: var(--color-text-light);
}

.video-container iframe {
    max-width: 100%;
    max-height: 100%;
}

.foto-utama img {
    border-radius: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}

#single-content h1, #single-content h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 5px 0;
    line-height: 1.2;
}
#single-content h1 { font-size: 26px; }
#single-content h6 { font-size: 16px; }

#single-content .container-single-meta {
    display: flex;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.foto-penulis {
    padding: 5px 5px 5px 0;
}

.foto-penulis img {
    width: 100%;
    max-width: 32px;
    border-radius: 20px;
}

.group-penulis-dan-tanggal {
    display: flex;
    flex-direction: column;
}

.nama-penulis {
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 5px 5px 2px 5px;
}

.nama-penulis a {
    color: var(--color-accent-blue);
}

.nama-penulis span {
    color: var(--color-primary-red);
    font-weight: bold;
}

.tanggal-single {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 5px 5px 2px 5px;
}

#single-content .tanggal {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    margin: 5px 0 10px 0;
    color: var(--color-text-meta);
    line-height: 3;
    border-bottom: 1px solid var(--color-accent-blue);
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#single-article-text {
    float: right;
    width: 100%;
    max-width: 550px;
    box-sizing: border-box;
}

.single-article-text {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.single-article-text p {
    margin: 16px 0;
}

.single-article-text p:first-child {
    margin-top: 0;
}

.single-article-text a {
    color: var(--color-accent-blue);
}

.single-article-text a:hover {
    text-decoration: underline;
}

.single-article-text p.penulis-bawah, .single-article-text p.editor-bawah, .single-article-text p.sumber-berita-bawah {
    margin: 5px 0;
}

.single-media-social {
    margin-left: auto;
    position: relative;
}

.single-media-social > a > img {
    width: 100%;
    max-width: 32px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

.media-sosial-mobile {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 15px;
    display: none;
    padding: 0 15px;
    position: relative;
}

.media-sosial-mobile > a > img {
    width: 100%;
    max-width: 32px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

.copied, .copied-mobile {
    display: none;
    background: var(--color-primary-red);
    color: var(--color-text-light);
    padding: 8px;
    font-size: 12px;
    position: absolute;
}

.copied {
    top: -35px;
    right: -40px;
}

.copied-mobile {
    position: relative;
    top: 0; right: 0;
    margin-top: 10px;
    text-align: center;
}

p.copied:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 85%;
    margin-left: -50px;
    width: 0; height: 0;
    border-top: solid 7px var(--color-primary-red);
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
}

.totalpembaca {
    color: blue;
    text-align: right;
    margin: 10px 15px;
    font-style: italic;
}

.tagline {
    background:transparent;
    border-top: 2px solid #B9B8B8;
    padding: 5px;
    margin-top: 31px;
    font-family: 'Montserrat', sans-serif;
}

.tagtitle {
    background: var(--color-special-red);
    font-size: 13px;
    line-height: 13px;
    padding: 6px 8px;
    border-radius: 2px;
    text-decoration: none !important;
    color: var(--color-text-light);
}

.tagline-wrap{
    background: transparent;
}

.tagline-links a{
    color: var(--color-text-light);
    background: var(--background-indigo);
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
}

.tagline-links a:hover {
    background: var(--color-accent-blue);
    color: var(--color-text-light);
}

.tagline-links a:before {
    content: "#";
    display: inline-flex;
    margin-right: 5px;
}

.caption-photo, #single-content figcaption.wp-element-caption, .caption-photo-buka-tutup {
    color: var(--color-text-medium);
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1.3;
}

.caption-photo-buka-tutup {
    display: none;
}

.caption-info {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: var(--color-text-soft);
    font-weight: bold;
    font-size: 25px;
    background: var(--background-light);
    font-family: 'Times New Roman';
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    border: 3px solid var(--color-text-soft);
    cursor: pointer;
}

.code-block img, .wp-block-image img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.nama-reporter, .nama-reporter-mobile {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: capitalize;
}

.nama-reporter-mobile {
    display: none;
}

.related-post-wrap {
    float: left;
    width: 100%;
    max-width: 160px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 10px;
}

.berita-terkait {
    font-size: 1.2857em;
    font-weight: bold;
    border-bottom: 2px solid var(--color-accent-blue-dark);
    padding: 0 0 6px;
}

.related-post-box a {
    display: block;
    margin: 10px 0;
    font-weight: bold;
    color: #7D7D7D;
    font-size: .857em;
    border-bottom: 1px solid var(--color-border-medium);
    padding-bottom: 10px;
}

.related-post-box a span {
    line-height: 1.4;
}

.mobile-berita-terkait, .mobile-berita-terbaru {
    display: none;
}

.desktop-berita-terbaru {
    margin: 20px auto;
    font-family: 'Montserrat', sans-serif;
}

.desktop-berita-terbaru .berita-terbaru {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.desktop-berita-terbaru .berita-terbaru:after {
    content: " ";
    display: block;
    width: 75px;
    height: 3px;
    background: var(--color-special-red);
    margin-top: 5px;
}

.desktop-berita-terbaru-box {
    display: inline-block;
    width: 100%;
    max-width: 225px;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 15px;
}

.desktop-berita-terbaru-box p {
    overflow: hidden;
    border-radius: 10px;
}

.foto-desktop-berita-terbaru {
    border-radius: 10px;
    transition: 0.6s ease;
}

.foto-desktop-berita-terbaru:hover {
    transform: scale(1.2);
}

.desktop-kategori-berita-terbaru {
    color: var(--color-primary-red);
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
}

.judul-desktop-berita-terbaru {
    margin-bottom: 10px;
    line-height: 1.3;
    font-weight: bold;
}

.judul-desktop-berita-terbaru:hover {
    color: var(--color-accent-blue);
}

.judul-desktop-berita-terbaru a {
    line-height: 1.3;
    font-size: 12px;
    font-weight: bold;
    color: var(--color-text-dark);
}

.page-link-wrap {
    padding: 5px 10px;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    background: var(--background-soft-gray);
    font-size: 14px;
}

a.post-page-numbers {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid var(--color-text-link);
    margin: 5px;
    border-radius: 50px;
    text-decoration: none !important;
    background: var(--background-light);
}

.page-link-wrap a:hover {
    text-decoration: none !important;
    background: var(--color-text-link);
    color: var(--color-text-light);
}

.page-link-wrap span.current {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid var(--color-text-link);
    background: var(--color-text-link);
    margin: 5px;
    border-radius: 50px;
    color: var(--color-text-light);
}

span.halaman-text {
    display: block;
}

/** MOST POPULAR **/

.wpp-list {
    background-color: var(--background-light);
    counter-reset: section;
    position: relative;
    padding: 0 !important;
}

.wpp-list li {
    border-bottom: 1px dotted var(--background-light-gray);
    margin-bottom: 0 !important;
    transition:.5s;
}

.wpp-list li:nth-child(odd) {
    background-color: var(--background-light-gray);
}

.wpp-list li:hover {
    background: var(--background-hover-dark);
}

.wpp-list li:last-child {
    border-bottom: none;
}

.wpp-list > li > a.wpp-post-title:before {
    counter-increment: section;
    content: "" counter(section);
    position: absolute;
    left: 25px;
    font-size: 36px;
    font-weight: bold;
    color: var(--color-accent-blue);
    padding: 0;
    line-height: 1;
}

.wpp-list > li > a {
    display: block;
    text-decoration: none;
    color: var(--color-text-dark);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    line-height: 1.5;
    padding-left: 75px;
    padding-right: 15px;
}

.wpp-list li a:hover {
    color: var(--color-text-link-hover);
    text-decoration: none;
}

.post-stats, .wpp-excerpt {
    color: var(--color-text-light);
    display: block;
    margin-left: 74px;
    margin-bottom: 10px;
    padding-right: 15px;
}

.wpp-excerpt {
    font-size: 12px;
    color: #4d4d4d;
}

.post-stats span, .post-stats a {
    color: var(--color-text-soft);
}

.wpp-list img.wpp-thumbnail {
    display: block;
    margin-right: 10px;
    margin-top: 15px;
    border-radius: 10px;
}

.wpp-notice {
    display: none;
}

/** PAGE **/

#page-content {
    width: 100%;
    max-width: 730px;
    padding: 20px;
    float: left;
    background: var(--background-light);
    box-sizing: border-box;
}

#page-content h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 700;
    margin: 5px 0 10px 0;
    line-height: 1.2;
}

#page-content img {
    border-radius: 10px;
    margin-bottom: 10px;
    height: auto;
    width: 100%;
}

#page-content ul, #page-content ol {
    padding: 20px;
}

#page-content ul { list-style-type: disc; }
#page-content ol { list-style-type: decimal; } /* Changed from numbers */

#page-content ol li, #page-content ul li {
    margin-bottom: 16px;
}

#page-article-text {
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
}

/** 404 NOT FOUND **/

.error404 #page-content {
    max-width: 1100px;
    height: 500px;
}

.error404 h1, .error404 p {
    text-align: center;
}

.error404 h1 { font-size: 30px; }
.error404 p { font-size: 14px; line-height: 1.5; }

/** CATEGORY **/
#category-content-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
    background: var(--background-light);
}

#category-content {
    width: 100%;
    max-width: 785px;
    padding: 20px;
    float: left;
    background: var(--background-light);
    box-sizing: border-box;
}

.judul-label-kategori {
    font-size: 15.6px;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: 22px;
}

.judul-label-kategori .spansatu {
    color: var(--color-text-dark);
    border-bottom: 3px solid #010A80;
    padding-bottom: 5px;
}

.judul-label-kategori span {
    color: var(--color-text-dark);
    text-transform: capitalize;
}

.category-text-wrap {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-border-light);
    margin-left: 15px;
    margin-right: 15px;
    min-height: 160px;
}

.category-text-wrap > p:nth-child(1) {
    float: right;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 20px;
    border-radius: 10px;
}

.category-text-wrap p:nth-child(3){
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.category-text-wrap p:nth-child(6){
    line-height: 1.4;
    font-size: 14px;
}


#category-content h2 {
    line-height: 0.75;
}

#category-content h2 a {
    font-size: 18px;
    color: var(--color-accent-blue-dark);
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: 1.2;
}

#category-content h2 a:hover {
    color: var(--color-text-dark);
}

#category-content img, #category-content img.img-category-desktop {
    display: block;
    border-radius: 6px;
    float: right;
    transition: 0.6s ease;
}

#category-content img:hover {
    transform: scale(1.2);
}

#category-content img.img-category-mobile {
    display: none;
    border-radius: 6px;
    float: right;
    transition: 0.6s ease;
}

.category-kategori {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

.category-kategori a {
    color: var(--color-primary-red);
}

.tanggal-mobile, .kategori-mobile {
    display: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid var(--color-border-table);
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: var(--color-border-table);
}

/** PAGE TEMPLATE HOMEPAGE **/

.page-template-page-homepage #news-feed {
    float: none;
    max-width: 780px;
}

.page-template-page-homepage .news-feed-judul {
    font-size: 20px;
}

.page-template-page-homepage .news-feed-list figure {
    float: left;
    margin-right: 20px;
}

.page-template-page-homepage .news-feed-text-block {
    padding: 1.5% 0;
}

.page-template-page-homepage .news-feed-list .kategori {
    margin: 10px 0;
    padding: 0;
}

.page-template-page-homepage .news-feed-judul-block {
    background: var(--background-light);
    color: var(--color-text-dark);
    border: none;
}

.page-template-page-homepage .news-feed-judul-block span {
    color: var(--color-text-dark);
}

.page-template-page-homepage .news-feed-judul-block span:after {
    content: " ";
    width: 75px;
    height: 3px;
    background: var(--color-special-red);
    display: block;
    margin-top: 5px;
}

/** FOOTER **/

footer {
    background: var(--background-dark);
    padding: 20px 5px;
    width: 100%;
    margin: 0px auto 0 auto;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0;
    border-top: 5px solid var(--color-special-red);
}

.menu-bawah {
    padding: 10px;
}

.menu-bawah li {
    display: inline-block;
    text-align: center;
}

.menu-bawah li a {
    display: block;
    color: var(--color-text-light);
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    padding: 15px 5px;
    font-weight: bold;
    font-size: 12px;
}

.menu-bawah li a:after {
    content: " / ";
    display: inline-block;
    margin-left: 15px;
}

.menu-bawah li:last-child a:after {
    content: " ";
}

.menu-bawah li:last-child a {
    border-right: none;
}

.footer-copyright {
    color: var(--color-text-light);
    text-align: center;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1.6;
}

.media-social-footer {
    padding: 0 0 15px 0;
}

.alamat {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 15px auto;
    width: 100%;
    max-width: 320px;
    color: var(--color-text-light);
    font-size: 12px;
}

.menu-network-wrap {
    border-bottom: 1px solid var(--color-text-light);
    border-top: 1px solid var(--color-text-light);
    padding: 10px;
    width: 100%;
    max-width: 1100px;
    box-sizing: border-box;
    margin: 0 auto;
}

.network-title {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    color: var(--color-text-light);
    font-family: 'Montserrat', sans-serif;
}

.news-feed-judul:after {
    border-radius: 0;
    border-top: 5px solid var(--color-special-red);
    border-image: linear-gradient(90deg,#007bc1 0,#007bc1 33%,#ffe030 33.1%,#ffe030 66%,#ee4943 66.1%,#ee4943 100%) 1
}

.menu-network-wrap a {
    color: var(--color-text-light);
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
}

.menu-network-wrap ul.menu-network li {
    display: inline-block;
}


/** RECENT POST BY WIDGET PLUGIN **/

h2.judul-sidebar-left span, h2.judul-sidebar-right span, h2.judul-sidebar-single span {
    color: var(--color-accent-blue);
    border-bottom: 3px solid #010A80;
    padding-bottom: 4px;
}

.recent-post-widget {
    width: 100%;
    border-bottom: 1px solid var(--color-border-light);
}

.recent-post-widget > p {
    overflow: hidden;
    border-radius: 10px;
}

.recent-post-widget img {
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
    transition: 0.6s ease;
    height: auto;
}

.recent-post-widget img:hover {
    transform: scale(1.2);
}

.text-wrap .recent-post-widget:nth-of-type(n+2) img {
    display: none;
}

.text-wrap .recent-post-widget:last-of-type {
    border-bottom: none;
}

.recent-post-widget a {
    display: block;
    padding: 13px 11px 10px 11px;
    font-size: 14px;
    color: var(--color-text-dark);
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.recent-post-widget a:hover {
    text-decoration: none;
    color: #2346A8;
}

.recent-post-widget .waktu {
    font-size: 12px;
    color: var(--color-text-soft);
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 10px;
    padding-left: 11px;
}

/***** SCROLL TO TOP ****/
.scrollTop {
    position: fixed;
    right: 3%;
    bottom: 15px;
    background-color: var(--color-primary-red);
    padding: 7px 12px;
    opacity: 0.7;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 100%;
}

.scrollTop a {
    font-size: 18px;
    color: var(--color-text-light);
}

.arrow {
    border: solid var(--color-text-light);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

/** MEDIA SCREEN **/

@media only screen and (max-width: 1440px) {
    #sidebar-banner-160x600-kanan, #sidebar-banner-160x600-kiri {
        top: 75px;
    }
}

@media only screen and (max-width: 750px) {
    .add-height {}
    #content-wrap { padding: 0; }
    .headline-judul a { font-size: 16px; }
    .headline-judul {
        line-height: 0.4;
        padding: 20px 20px 50px 20px;
    }
    ul.slides > li > img {
        width: 100%;
        height: auto;
    }
    .headline-label {
        bottom: 0;
        margin: 20px;
        background: #F36329; /* This color was not in the palette, keeping it specific */
        border: none;
        top: auto;
        padding: 5px;
        font-size: 10px;
    }
    .hamburger-button, .right-warp { display: block; }

    .menu-utama {
        border-bottom: none;
        white-space: nowrap;
        overflow-x: scroll;
    }
    .menu-utama > li > a {
        padding: 5px 5px 2px 5px;
        font-size: 11px;
        margin: 5px;
    }
    .menu-utama > .current-menu-item > a { border-radius: 2px; }
    .menu-utama::-webkit-scrollbar { display: none; }
    .menu-bawah li { margin-bottom: 7px; }
    .media-social-header, header .search-form, .flex-control-thumbs { display: none; }
    #logo { width: 70%; }
    #content-left-wrap {
        display: flex;
        flex-direction: column;
    }
    #news-feed {
        order: 1;
        background-color: var(--background-light-gray);
    }
    #sidebar-left { order: 2; }
    .news-feed-list figure img {
        max-width: 136px;
        height: auto;
    }
    .newsfeed-image { display: none; }
    .news-feed-list .newsfeed-image-mobile {
        display: block;
        width: 100%;
        max-width: 85px;
        height: auto;
    }
    .news-feed-list {
        background: var(--background-light);
        border-bottom: none;
        margin-bottom: 10px;
        padding: 0 3px;
    }
    .news-feed-judul {
        font-size: 13.8px;
        color: var(--color-text-dark);
    }
    .news-feed-judul-block { margin-top: 10px; font-size: 15px; }
    .news-feed-list .kategori {
        background: transparent;
        color: #f36329; /* Keeping specific color */
        font-weight: 700;
        padding: 0;
    }
    #sidebar-banner-160x600-kanan, #sidebar-banner-160x600-kiri { display: none; }
    .flexslider-mobile { display: block; }
    .news-feed-text-block { padding: 0; }
    .news-feed-text-block .tanggal { color: var(--color-text-soft); }

    #sidebar-right, #sidebar-left {
        max-width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 0 15px;
    }
    #single-content-wrap {
        background: var(--background-light);
        padding-top: 0;
    }
    #single-content { padding: 0; }
    .single-media-social { float: none; }
    .related-post-wrap {
        max-width: 100%;
        float: none;
        display: none;
    }
    #category-content { padding: 15px 15px 10px 15px; }
    #category-content-wrap { padding: 0; }
    #category-content h2 a {
        color: var(--color-text-dark);
        font-size: 13px;
    }
    .category-text-wrap { min-height: auto; margin-left: 0; margin-right: 0; margin-bottom: 10px; padding-bottom: 10px; border: none; }
    .category-text-wrap p:nth-child(6) { display: none; }
    #category-content h2 { line-height: 0.5; }
    .category-kategori a { display: none; }
    #category-content img { width: 100%; height: auto; }
    .kategori-mobile { margin-bottom: 6px; }
    .category-text-wrap>p:nth-child(1) { width: 131px; height: 85px; margin-top: 5px; }
    #single-article-text { padding: 0 15px; }
    #single-content h1 { font-size: 22px; margin: 10px 15px; }
    #single-content h6 { font-size: 16px; margin: 10px 15px; }
    .single-kategori { margin: 0 15px; }
    .single-kategori a { font-size: 10px; }
    .foto-utama img { border-radius: 0; }
    .caption-photo, .caption-photo-buka-tutup {
        font-size: 12px;
        line-height: 1.3;
        padding: 0 15px;
        font-family: 'Arial', sans-serif;
    }
    .mobile-menu-kiri-wrap form.search-form {
        display: block;
        float: none;
        margin: 0;
        border-top: 3px solid #0173b0; /* Keeping specific color */
        padding: 20px 0 0 20px;
    }
    .mobile-menu-kiri-wrap form.search-form .search-field { width: 65%; }
    .category-kategori { display: none; }
    .tanggal-mobile {
        display: block;
        margin: 10px 0;
        color: var(--color-text-soft);
        font-size: 11px;
        line-height: 1.2;
    }
    .kategori-mobile {
        display: block;
        color: var(--color-primary-red);
        font-weight: 700;
    }
    #single-content .tanggal {
        border-bottom: none;
        margin: 0; padding: 0;
    }
    .nama-reporter, .nama-reporter-mobile { display: none; }
    .judul-sidebar-left, .judul-sidebar-right, .judul-sidebar-single { padding: 15px 0; }
    .judul-sidebar-left, .judul-sidebar-right, .recent-post-widget>p { padding-left: 0; }
    .recent-post-widget>p { padding-right: 0; }
    .recent-post-widget img { max-width: 100%; height: auto; }
    #sidebar-single, .category #sidebar-single, .search #sidebar-single, .tag #sidebar-single {
        max-width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }
    .before-widget > img { margin: 0 auto; }
    .page #page-content { padding: 0; }
    #page-content img { border-radius: 0; }
    #page-content h1, #page-article-text { padding: 0 15px; }

    .desktop-berita-terbaru { display: none; }
    .mobile-berita-terkait, .mobile-berita-terkait .related-post-wrap, .mobile-berita-terbaru { display: block; }
    .mobile-berita-terkait { padding: 0 15px; }
    .mobile-berita-terbaru { padding: 0 15px; margin-top: 20px; }
    .mobile-berita-terkait .berita-terkait {
        text-transform: uppercase;
        border-bottom-color: var(--color-special-red);
        margin-bottom: 20px;
    }
    .mobile-berita-terbaru .berita-terbaru {
        text-transform: uppercase;
        border-bottom: 2px solid var(--color-special-red);
        margin-bottom: 20px;
        font-size: 1.2857em;
        font-weight: 700;
        padding: 0 0 6px;
        font-family: 'Montserrat',sans-serif;
    }
    .mobile-tanggal-terkait, .tanggal-berita-terbaru {
        font-size: 11px;
        color: var(--color-text-soft);
        font-family: 'Montserrat',sans-serif;
    }
    .tanggal-berita-terbaru { margin-top: 10px; }
    .mobile-berita-terkait .related-post-box a, .judul-berita-terbaru a {
        color: var(--color-text-dark);
        font-size: 13.8px;
        font-weight: 700;
        font-family: 'Montserrat',sans-serif;
    }
    .judul-berita-terbaru a { font-style: italic; line-height: 1.4; }
    .mobile-berita-terbaru-box { margin-bottom: 20px; }
    .foto-mobile-berita-terbaru {
        display: block;
        float: right;
        border-radius: 6px;
        margin-left: 10px;
    }
    .mobile-kategori-berita-terbaru {
        color: var(--color-primary-red);
        font-size: 11px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: 'Montserrat',sans-serif;
    }
    .single-media-social { display: none; }
    .media-sosial-mobile { display: block; }
    #sidebar-banner-mobile-top-header-parallax { display: block; }
    #single-content .container-single-meta {
        padding: 5px 15px;
        margin: 0;
    }
    #wpdevar_comment_1 {
        box-sizing: border-box;
        padding: 0 15px;
    }
    footer { padding-bottom: 50px; }
    .menu-bawah li { margin: 0; padding: 0; }
    .menu-bawah li a { padding: 8px 5px; }
    .scrollTop { bottom: 100px; }
    .judul-berita-rekomendasi { padding: 10px 10px 20px 10px; }
    .img-category-desktop { display: none; }
    .img-category-mobile { display: block; }
    #lightSliderMobile { display: block; }
    .totalpembaca { text-align: center; }
    .inner-wrap { width: 90%; }
    a.facebook-header img, a.twitter-header img, a.instagram-header img, a.youtube-header img, a.tiktok-header img, a.linkedin-header img, a.pinterest-header img { margin-right: 4px; }
}