/* style-v.01-CMS1-news-101124-update topik khusus */ @charset "UTF-8"; .network__menu li date, .network__sidebar .network__date, .topic__date, .opinion__author__title, .videos__date, .photo__author, .photo__caption, .photos__date, .read__info__date, .ads__subtitle { color: #A0A3BD; } .topic--list .topic__date { color: #D9DBE9; } .divider { color: #FCFCFC; } .icon-play, .form__button, .social__link, .social__link:hover, .hl__b-author, .hl__b-date, .latest__button:hover, .button--login:hover, .network__menu--dark, .network__menu--dark .icon-search:before, .network .title span, .network__city, .network__title, .network__date, .network__link:hover, .topic__title, .topic__b-cat, .topic__b-title, .topic__b-lead, .topic--list .topic__title, .recomend__title, .widget__mail__footer a, .videos__duration, .videos__caption, .photos__img .icon, .photos__count, .photos .title, .mfp-gallery .arrow, .p404__link, .p404__link:hover, .read__next__title, .tag__list li a:hover, .paging__link--show, .paging__link--active, .paging__link:hover, .arrow:hover, .stories.carousel .story > .item-link > .info, .ads__sticky__bottom .ads__button { color: #14142b; } .widget__mail__footer a:hover, .photos .title:after, .tag__list li a:hover, .ads__sticky__bottom .ads__button:hover { background-color: #02699c; } .widget__mail__footer { background-color: #c5e6f6; } .tag__list li a { background-color: #f8fcfd; } .widget tr:hover, .widget__title, .breadcrumb { background-color: #EFF0F6; } input[type="text"]:disabled, input[type="password"]:disabled, .widget__mail, .read__others, .footer { background-color: #F7F7FC; } input, select, button, textarea, .button, .header, .nav li ul, .nav__wrap.more, .hl .slick-dots li button, .latest--video .latest__item, .latest--photos .latest__item, .network__menu li ul, .network__sidebar .network__item, .topic__item, .topic__b-link, .recomend__item, .widget__epaper__box, .widget__valas, .opinion__wrap, .videos__item, .photo__icon, .photos__item, .breadcrumb__item:last-child, .paging, .modals__box, .arrow { background-color: #eee; } .videos__duration, .videos__latest__box, .photos__count { background-color: rgba(20, 20, 43, 0.6); } .hl, .latest--video .latest__item, .latest--photos .latest__item, .most, .most__wrap, .editors, .network, .network__sidebar .network__item, .topic, .topic__item, .topic__b-item, .recomend, .recomend__item, .widget__epaper__box, .widget__mail, .opinion__wrap, .videos, .videos__img, .videos__item, .photo img, .photos, .photos__item, .breadcrumb, .breadcrumb__item:last-child, .read__photo, .slick-dots li button, .stories.carousel .story, .ads__sticky__bottom__wrapper { border-radius: 10px; } .tag__list li a { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } input, select, button, textarea, .button, .hl, .latest__img, .latest--video .latest__item, .latest--photos .latest__item, .most__img img, .most__wrap, .editors, .network__sidebar .network__item, .topic, .recomend, .widget__epaper__box, .widget__mail, .widget__valas, .opinion__wrap, .opinion__img, .opinion__item:hover .opinion__img, .videos, .videos__item, .photos, .photos__item, .breadcrumb__item:last-child, .read__next, .read__next__img img, .related__img img, .paging { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); } input:hover, input:focus, select:hover, select:focus, button:hover, button:focus, textarea:hover, textarea:focus, .button:hover, .button:focus, .header, .widget__login, .opinion__header .opinion__img, .read__info__img { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06); } .hl, .hl__big, .hl__small, .hl__b-author__img, .hl__b-title, .hl__s-img, .hl__s-title, .latest__img, .latest__title, .latest__author__img, .latest--video .latest__item, .latest--video .latest__title, .latest--photos .latest__item, .latest--photos .latest__title, .most__title, .editors__img, .editors__title, .network__img, .network__title, .topic__img, .topic__big, .topic__b-item, .topic__b-img, .topic__b-title, .recomend__img, .recomend__title, .widget__epaper__img, .widget__mail, .opinion__wrap, .opinion__img, .opinion__author, .opinion__title, .videos__img, .videos__title, .videos__item, .photos__img, .photos__title, .photos__item, .breaking__content, .read__info__img, .read__next__title, .related__list li .related__title, .modals, .slick-list, .mfp-bg, .mfp-iframe-scaler, .ads__sticky__bottom__wrapper, .tab__hide { overflow: hidden; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, textarea, .form__group, .form__group input, .form__group select, .form__group button, .form__group textarea, .form__radio label, .social__block, .nav li, .nav li a, .nav li:hover > ul, .nav li ul:hover, .nav__home .icon, .nav__wrap.more li, .nav__more > a, .hl__s-item, .latest__link, .most__link, .button--login, .editors__link, .network__menu li:nth-child(2n):active ul, .network__menu li:hover > ul, .network__menu li ul:hover, .network__link, .topic__date, .topic__link, .recomend__link, .opinion__link, .videos__link, .photos__link, .p404__link, .breaking__content span, .title__pr:after, .read__others, .related__list li a, .tag__list li a, .paging__link, .footer__link, .footer__item, .slick-slider, .slick-list, .slick-track, .slick-slide img, .slick-initialized .slick-slide, .slick-vertical .slick-slide, .slick-dots, .slick-dots li button, button.mfp-close, button.mfp-arrow, .mfp-arrow:before, .mfp-arrow:after, .mfp-iframe-scaler iframe, img.mfp-img, .mfp-figure:after, .mfp-figure small, .ads__banner, .ads__parallax a, .ads__stick__fluid { display: block; } .form__group label, .form__radio input[type="radio"], .social__item, .social__link, .social__share, .logo__link, .logo a, .nav li ul li, .hl__link, .hl__b-subtitle, .hl__b-author, .latest__subtitle, .latest__button, .editors__subtitle, .network__menu li, .network__menu li ul li, .network__city, .topic__b-cat, .topic__b-lead, .topic__b-link, .widget__mail__footer a, .widget__mail__footer a i, .videos__duration, .photo__icon, .photos__count, .gallery__list .photos__count span, .title span, .title:after, .title__network span, .title__network a, .breadcrumb, .breadcrumb__item, .breadcrumb__link, .tag__list li, .paging__item, .modals__item, .footer__logo a, .footer__menu.inline .footer__item, .footer__network span, .footer__network .img, .slick-dots li, .mfp-container:before, .mfp-content, .ads__close, .ads__sticky__bottom .ads__button { display: inline-block; } .col-bs10-1, .col-bs9-1, .col-bs12-1, .col-bs10-2, .col-bs9-2, .col-bs12-2, .col-bs10-3, .col-bs9-3, .col-bs12-3, .col-bs10-4, .col-bs9-4, .col-bs12-4, .col-bs10-5, .col-bs9-5, .col-bs12-5, .col-bs10-6, .col-bs9-6, .col-bs12-6, .col-bs10-7, .col-bs9-7, .col-bs12-7, .col-bs10-8, .col-bs9-8, .col-bs12-8, .col-bs10-9, .col-bs9-9, .col-bs12-9, .col-bs10-10, .col-bs9-10, .col-bs12-10, .col-bs10-11, .col-bs9-11, .col-bs12-11, .col-bs10-12, .col-bs9-12, .col-bs12-12, .container, .row, .form__group, .form__group.select, .form__select, .form__footer, .social, .social__link--cookpad, .social--header .social__link, .header, .logo, .nav, .nav__wrap, .nav li, .nav li a, .search, .search__bar, .hl, .hl__big, .hl__small, .hl__b-item, .hl__b-img, .hl__b-author__img, .hl__s-item, .hl__s-img, .latest, .latest__item, .latest__img, .latest__author__wrap, .most, .most__number, .most__right, .most__item, .button, .button--login, .page, .editors, .editors__wrap, .editors__img, .editors__box, .network, .network__menu, .network__menu li a, .network__belt, .network__wrap, .network__img, .network__box, .network__sidebar, .topic, .topic__wrap, .topic__item, .topic__img, .topic__big, .topic__b-item, .topic__b-cat, .topic__b-img, .topic--list, .recomend, .recomend__wrap, .recomend__item, .recomend__img, .widget, .widget__salat, .widget__epaper, .widget__epaper__box, .widget__mail, .widget__valas, .opinion, .opinion__right, .opinion__item, .opinion__header, .videos, .videos__wrap, .videos__img, .videos__box, .videos__item, .videos__player, .videos__ratio, .photo, .photo__author, .photo__wrap, .photos, .photos__img, .photos__wrap, .photos__box, .photos__item, .gallery, .gallery__cover, .gallery__list, .p404, .p404__wrap, .p404__bubble, .mail, .mail__teaser, .breaking, .breaking__wrap, .breaking__title span, .breaking__content, .title, .title:after, .title__pr:after, .breadcrumb, .breadcrumb__wrap, .breadcrumb__link, .read, .read__info, .read__content a, .related, .related__wrap, .tag, .tag--article, .tag__list, .paging, .paging__wrap, .paging--article, .paging--page, .modals, .modals__content, .modals__box, .footer__logo, .footer__logo a, .footer__item, .footer__menu, .footer__menu.inline .footer__item, .footer__network, .slick-slider, .slick-list, .slick-track, .slick-dots li, .mfp-content, .ads, .ads__banner, .ads__item, .ads__box, .ads__title, .ads__parallax, .ads__stick__wrap, .ads__sticky__bottom__wrapper, .display-table { position: relative; } .icon-play, .form__group.select:after, .form__select:after, .nav li ul, .nav__home, .nav__wrap.more, .nav__more, .search__bar .icon, .search__submit, .hl__b-box, .hl__s-item:after, .button--login .icon, .network__menu li ul, .network__city, .topic__box, .topic__b-box, .recomend__box, .widget__epaper__title, .videos__img img, .videos__duration, .videos__latest__box, .videos__ratio iframe, .videos__ratio .dm-player, .photo__icon__expand, .photos__img .icon, .photos__count, .p404__bubble:after, .breaking__title, .breaking__title span:before, .modals:after, .footer__menu.inline .footer__item:after, .slick-dots, .slick-dots li button:before, .arrow, .mfp-container, .mfp-preloader, .mfp-close, .mfp-counter, .mfp-arrow, .mfp-arrow:before, .mfp-arrow:after, .mfp-iframe-scaler iframe, .mfp-figure:after, .mfp-bottom-bar, .ads__close, .ads__parallax__img, .ads__stick__fluid, .ads__stick--left, .ads__stick--right, .ads__sticky__bottom__wrapper iframe, .ads__sticky__bottom__wrapper embed, .ads__sticky__bottom__wrapper object, .row__bg { position: absolute; } .topic__b-title, .read__title { font-size: 32px; line-height: 1.4; font-weight: 600; } .hl__b-title, .most__number, #zuck-modal-content .story-viewer .tip { font-size: 24px; line-height: 1.4; font-weight: 600; } .page__teaser, .filter__teaser, .breadcrumb__item, .read__content { font-size: 16px; line-height: 1.5; font-weight: 400; } .nav li a, .filter span, .network__menu li a, .opinion__author__title, .opinion__header .opinion__author__title, .read__info, .footer, .footer__contact, .footer-list__notes { font-size: 14px; line-height: 1.5; font-weight: 400; } input, select, button, textarea, .button, .network__menu li date, .topic__b-link, .videos__caption, .photo__caption, .footer__link { font-size: 13px; line-height: 1.5; font-weight: 400; } .hl__b-date, .latest__date, .editors__date, .network__menu, .network__date, .topic__date, .videos__date, .photo__author, .photos__date { font-size: 11px; line-height: 1.5; font-weight: 400; } .latest__title, .latest__button, .latest--article .latest__title, .latest--video .latest__title, .latest--photos .latest__title, .network__sidebar .network__city, .network__sidebar .network__title, .topic__b-cat, .recomend__title, .widget__mail__title, .opinion__header .opinion__author, .photo__icon, .breaking__content span, .breadcrumb__item:first-child, .read__content h3, .read__content strong, .stories.carousel .story > .item-link > .info { font-size: 16px; line-height: 1.5; font-weight: 600; } .hl__b-author, .most__title, .editors__title, .network__title, .topic__title, .topic--list .topic__title, .widget__title, .widget__epaper__title, .widget__mail__footer a, .opinion__author, .opinion__author__title a, .videos__title, .videos__duration, .photos__title, .photos__count, .read__next__title, .read__others, .related__list li .related__title, .paging__teaser, .paging__link, .paging__link--prev, .paging__link--next { font-size: 14px; line-height: 1.5; font-weight: 600; } h1, h2, h3, h4, h5, h6, .search__input, .hl__s-title, .latest__lead, .topic__b-lead, .tag__list li a { font-size: 13px; line-height: 1.5; font-weight: 600; } .hl__b-subtitle, .latest__subtitle, .latest__author, .editors__subtitle, .network__city, .opinion__title { font-size: 11px; line-height: 1.5; font-weight: 600; } .social__link, .social--article, .social__text, .social__share, .latest__more, .most__number, .topic__date, .topic__title, .topic--list .topic__title, .widget__epaper__title, .widget__mail__footer, .widget__login__box, .photo__icon, .p404__link, .read__title, .paging--page .paging__wrap, .slick-dots, .slick-dots li button:before, .mfp-container, .mfp-preloader, .mfp-close, .ads__banner, .ads__box, .ads__top, .ads__bottom, .ads__sticky__bottom .ads__button, .display-center, .text-center { text-align: center; } .widget th, .videos__caption, .photo__caption, .mfp-content, .mfp-title, .text-left { text-align: left; } .social--header, .hl .slick-dots, .filter__tanggal, .filter__relevance, .widget__title span, .title__pr__img, .title__network a, .modals__footer, .footer__copyright, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .ads__tower, .ads__sticky__bottom, .text-right { text-align: right; } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?i7fsrr"); src: url("../fonts/icomoon.eot?i7fsrr#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?i7fsrr") format("truetype"), url("../fonts/icomoon.woff?i7fsrr") format("woff"), url("../fonts/icomoon.svg?i7fsrr#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'icons'; src: url("../fonts/icons/icons.eot?jemrcm"); src: url("../fonts/icons/icons.eot?jemrcm#iefix") format("embedded-opentype"), url("../fonts/icons/icons.ttf?jemrcm") format("truetype"), url("../fonts/icons/icons.woff?jemrcm") format("woff"), url("../fonts/icons/icons.svg?jemrcm#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .icon-large { font-size: 64px; } .icon-medium { font-size: 32px; } .icon-small { font-size: 24px; } .icon-xsmall { font-size: 16px; } .icon-xxsmall { font-size: 12px; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icons-"], [class*=" icons-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: "\e900"; color: #848484; } .icon-play:before { content: "\e903"; } .icon-line:before { content: "\e901"; } .icon-photo:before { content: "\e902"; } .icon-play:before { content: "\e903"; } .icon-twitter { font-size: 15px; } .icon-twitter:before { content: ""; background-color: currentColor; padding: 0.2px 7px; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .icon-tiktok { font-size: 15px; } .icon-tiktok::before { content: ""; background-color: currentColor; padding: 0.2px 7px; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .icon-protv { display: block; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 45px; height: 45px; } .icon-facebook:before { content: "\f09a"; } .icon-feed:before { content: "\f09e"; } .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"; } .icon-home { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAxOSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE5Ij48ZGVmcz48aW1hZ2Ugd2lkdGg9IjIzIiBoZWlnaHQ9IjE5IiBpZD0iaW1nMSIgaHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFCY0FBQUFUQ0FNQUFBQk1aV2FFQUFBQUFYTlNSMElCMmNrc2Z3QUFBSGhRVEZSRkk2cmZJcXJoSUtmZkFBQUFFSEMvRUhhOEVIYThFSGkvSTZyZ0k2bmdJNm5oSUsvZkVIYThFSFc4RVhhOEVYYTdJcW5mSXFyZ0lxcmhJS3ZpRUhTN0VIVzhFSFc3SUt2ZklxbmdJcW5oSUtyZkVIVzZFSGE3RUhhOEVIYTdJcXJmSTZyZklxcmZFSFc5RUhhOElxbmZFSGE3STZyZkVIYThSYmhPVHdBQUFDaDBVazVUd0c4Z0FCQmZyeUQvcjE4UVVKLy84SUR2bjA5QTc4QkEzNDh3TUkvZmdPQ3c4R0RRMEhCZ29Pb1R1a2dBQUFDZFNVUkJWSGljYmRIYkZvSWdFSVhoeVcxSm9VQmxXbG9lT3ZuK2J4aUVFVUgvNVhlejE1b2hXaVFJU3BlcmpJaXg5WVo3bWhkQ1NKQml1dTF1YjdFc0RrSlhnV3BtTzU2YTlud1J0ZzdFbVV1NGNoRDZQNTVwSDJLWDBLNWlyNHpYc1hmR2VleTU4ZSt3TjJ0OENGM1BHbGVoVjlhYk1mQ3JkU1RrKzYzRTdFQjkvN2g4MkFQU2ZOMW4vL1lweGErRHExRk1yZnVDY3oyVGVkOTVBUmh5RUkvVnpURHVBQUFBQUVsRlRrU3VRbUNDIi8+PC9kZWZzPjxzdHlsZT50c3BhbiB7IHdoaXRlLXNwYWNlOnByZSB9PC9zdHlsZT48dXNlIGlkPSJCYWNrZ3JvdW5kIiBocmVmPSIjaW1nMSIgeD0iMCIgeT0iMCIgLz48L3N2Zz4=); } .icon-play { z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 32px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.4); -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } .icons-category:before { content: "\e900"; } .icons-attach:before { content: "\e903"; } .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"; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { margin: 0; padding: 0; } body { font-family: "Poppins", serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: #14142B; background: #FCFCFC; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeSpeed; margin: 0; padding: 0; letter-spacing: 0.1px; } a { color: inherit; text-decoration: none !important; vertical-align: top; outline: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a:hover { text-decoration: none; } a:focus, button:focus { outline: 0; outline: -webkit-focus-ring-color auto 0; outline-offset: 0; } img { max-width: 100%; width: auto; height: auto; vertical-align: top; border: 0; -ms-interpolation-mode: bicubic; } table { border-collapse: collapse; } iframe { border: none; vertical-align: top; } video { vertical-align: top; } ul, ol { margin: 0; padding: 0; list-style: none; } input, button, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; } input:focus { outline: 0; } input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder { color: transparent; } h1, h2, h3, h4, h5, h6 { margin: 0; } .col-bs10-1, .col-bs9-1, .col-bs12-1, .col-bs10-2, .col-bs9-2, .col-bs12-2, .col-bs10-3, .col-bs9-3, .col-bs12-3, .col-bs10-4, .col-bs9-4, .col-bs12-4, .col-bs10-5, .col-bs9-5, .col-bs12-5, .col-bs10-6, .col-bs9-6, .col-bs12-6, .col-bs10-7, .col-bs9-7, .col-bs12-7, .col-bs10-8, .col-bs9-8, .col-bs12-8, .col-bs10-9, .col-bs9-9, .col-bs12-9, .col-bs10-10, .col-bs9-10, .col-bs12-10, .col-bs10-11, .col-bs9-11, .col-bs12-11, .col-bs10-12, .col-bs9-12, .col-bs12-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; } .col-bs10-1 { width: 10%; } .col-bs10-2 { width: 20%; } .col-bs10-3 { width: 30%; } .col-bs10-4 { width: 40%; } .col-bs10-5 { width: 50%; } .col-bs10-6 { width: 60%; } .col-bs10-7 { width: 70%; } .col-bs10-8 { width: 80%; } .col-bs10-9 { width: 90%; } .col-bs10-10 { width: 100%; } .col-bs9-1 { width: 11.11111%; } .col-bs9-2 { width: 22.22222%; } .col-bs9-3 { width: 33.33333%; } .col-bs9-4 { width: 44.44444%; } .col-bs9-5 { width: 55.55556%; } .col-bs9-6 { width: 66.66667%; } .col-bs9-7 { width: 77.77778%; } .col-bs9-8 { width: 88.88889%; } .col-bs9-9 { width: 100%; } .col-bs12-1 { width: 8.33333%; } .col-bs12-2 { width: 16.66667%; } .col-bs12-3 { width: 25%; } .col-bs12-4 { width: 33.33333%; } .col-bs12-5 { width: 41.66667%; } .col-bs12-6 { width: 50%; } .col-bs12-7 { width: 58.33333%; } .col-bs12-8 { width: 66.66667%; } .col-bs12-9 { width: 75%; } .col-bs12-10 { width: 83.33333%; } .col-bs12-11 { width: 91.66667%; } .col-bs12-12 { width: 100%; } .clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .container { width: 1100px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .col-offset-fluid { margin-right: -15px; margin-left: -15px; } .col-offset-0 { padding-right: 0px; padding-left: 0px; } .col-offset-center { float: none; margin-left: auto; margin-right: auto; } input, select, button, textarea, .button { margin: 0; padding: 6px 12px; border-radius: 0; border: 1px solid #F7F7FC; outline: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } input:hover, input:focus, select:hover, select:focus, button:hover, button:focus, textarea:hover, textarea:focus, .button:hover, .button:focus { border: 1px solid #a2a2a2; } select, input[type="text"], input[type="password"] { height: 45px; } input[type="text"]:disabled, input[type="password"]:disabled { color: #C2BEBE; } input[type="text"]:disabled:hover, input[type="text"]:disabled:focus, input[type="password"]:disabled:hover, input[type="password"]:disabled:focus { border: solid 1px #F7F7FC; box-shadow: inherit; } textarea { min-height: 100px; max-width: 100%; width: 100%; resize: none; } button, input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="reset"] { cursor: pointer; } .form__attribute { padding: 12px 0 0; } .form__group { margin: 0 0 20px; } .form__group input, .form__group select, .form__group button, .form__group textarea { width: 100%; } .form__group label { padding: 5px 0; font-size: 16px; } .form__group .error { color: red; padding: 2px 0; font-size: 12px; } .form__group .error:empty { padding: 0; } .form__group.select select { background: transparent; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .form__group.select:after { content: ''; top: 42px; right: 15px; width: 15px; height: 15px; border-left: 2px solid #a2a2a2; border-bottom: 2px solid #a2a2a2; transform: rotate(-45deg); z-index: 1; pointer-events: none; } .form__radio { padding: 13px 0 9px; } .form__radio input[type="radio"] { width: auto; margin-right: 10px; } .form__select { background: transparent; } .form__select:after { content: ''; right: 0; top: 0; width: 10px; height: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; } .form__button { height: 45px; background: #0f81ba; font-weight: 500; font-size: 16px; border: 1px solid #0f81ba; text-transform: uppercase; } .form__button:hover, .form__button:focus { background: #0d71a2; border: 1px solid #0d71a2; } .form__footer { padding: 10px 0; } .form--hide { visibility: hidden; display: none; } .social__item { padding: 0 2px; } .social__link { width: 35px; height: 35px; border-radius: 100%; padding: 9px 8px; background: transparent; font-size: 18px; line-height: 1; } .social__link--facebook { background: #3b5998; } .social__link--twitter { background: #000000; } .social__link--instagram { background: #c13584; } .social__link--youtube { background: #cd201f; } .social__link--pinterest { background: #bd081c; } .social__link--whatsapp { background: #25d366; } .social__link--line { background: #00c300; } .social__link--linkedin { background: #0077b5; } .social__link--path { background: #ee3423; } .social__link--google-plus { background: #dd4b39; } .social__link--rss { background: #f26522; } .social__link--tiktok { background: #111111; } .social__link--cookpad { background-color: #f3983e; } .social__link--kaskus { background-color: #faa61a; } .social__link--vidio { background-color: #ed3838; } .social__link--heart { background: #cd201f; } .social__link--comment-o { background: #b3b2b2; } .social--header { padding: 0; display: flex; } .social--header .social__link { font-size: 16px; width: 32px; height: 32px; padding: 8px; color: #6E7191; background: #EFF0F6; } .social--header .social__link--protv { padding: 3px; } .social--header .social__link:hover { background: #0f81ba; color: #ffffff; } .social--header .social__item { padding: 0 0px; } .social--article { padding: 10px 0 20px; } .social--article .social__link:hover { -ms-transform: scale(1.02); /* IE 9 */ -webkit-transform: scale(1.02); /* Safari */ transform: scale(1.02); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); } .social__text { padding: 15px 0; text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 700; } .social__share { vertical-align: top; padding: 2px 10px 0; } .social__share__count { font-size: 18px; font-weight: 700; line-height: 1; } .social__share span { font-size: 12px; font-weight: 300; line-height: 1; } .header { padding: 0; z-index: 9; width: 1100px; margin-bottom: 15px; } @media (min-width: 1100px) { .header { width: 100%; } } .header__middle { padding: 0; } .header__middle .col-offset-fluid { display: flex; align-items: center; justify-content: center; } .header__bottom { background: #ffffff; border-top: 1px solid #EFF0F6; } .logo { justify-content: flex-start !important; padding: 0px !important; } .logo img { width: auto; height: 100px; } .is--scroll .header__bottom { position: fixed; top: 0; left: 0; z-index: 99; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); width: 1100px; } @media (min-width: 1100px) { .is--scroll .header__bottom { width: 100%; } } .nav { z-index: 10; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ justify-content: flex-start; margin: 0 -6px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav li { transition-duration: 0.5s; } .nav li:hover { cursor: pointer; color: #0f81ba; } .nav li ul { visibility: hidden; opacity: 0; margin-top: 1rem; left: 0; top: 15px; display: none; z-index: 1; padding: 10px; width: 250px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } .nav li ul li { clear: both; width: 100%; width: 48%; vertical-align: top; } .nav li ul li a { padding: 10px 15px; } .nav li ul li a:hover { color: #0f81ba !important; } .nav li a { padding: 10px 14px; } .nav li:hover > ul, .nav li ul:hover { visibility: visible; opacity: 1; } .nav__home { left: -35px; top: 12px; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav__home .icon { background-repeat: no-repeat; background-position: center center; background-size: 100%; } .nav__home .icon:hover { color: #f26522; } .nav__wrap.more { opacity: 0; visibility: hidden; margin: 0; flex-wrap: wrap; right: 0; top: 30px; z-index: 1; padding: 10px 10px; width: min-content; min-width: 150px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } .nav__wrap.more li { width: 100%; } .nav__wrap.more li a { padding: 5px 7px; } .nav__more { right: -5px; top: 10px; z-index: 1; } .nav__more .icon { border-radius: 3px; font-size: 14px; color: #6E7191; padding: 0 5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin-left: 5px; } .nav__more:hover .nav__wrap.more { opacity: 1; visibility: visible; top: 35px; } .nav__more > a { line-height: 1; padding: 2px 5px; } .nav__more > a:hover .icon { background: #0f81ba; color: #ffffff; } .is--scroll .nav__home { opacity: 1; visibility: visible; } .search__bar { margin-top: 0; } .search__bar .icon { right: 10px; top: 5px; z-index: 2; font-size: 19px; pointer-events: none; } .search__input { background: transparent; height: 40px !important; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-shadow: none; border-radius: 5px; border-color: #D9DBE9; } .search__input:focus, .search__input:hover { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent; box-shadow: none; border: 1px solid #EFF0F6; } .search__submit { right: 0; top: 0; z-index: 1; width: 40px; height: 40px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent; box-shadow: none; border: none; color: transparent; } .search__submit:focus, .search__submit:hover { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent; box-shadow: none; border: none; color: transparent; } .search__button { font-size: 13px; line-height: 1.5; font-weight: 600; border-radius: 5px; padding: 6px 20px; background-color: #d9e8fb; } .hl__big { height: 421px; } .hl__small { margin-top: -7px; height: 189px; } .hl__link:hover { color: inherit; } .hl__b-img { height: 416px; } .hl__b-img img { width: 100%; } .hl__b-box { bottom: 0; left: 0; width: 100%; padding: 160px 20px 30px; background: linear-gradient(90deg, #14142B, transparent); background: -webkit-linear-gradient(90deg, #14142B, transparent); } .hl__b-subtitle { padding: 5px 10px; color: #ffffff; } .hl__b-author { padding: 0; letter-spacing: 1.2px; } .hl__b-author__img { width: 60px; height: 60px; margin-bottom: 10px; border-radius: 100%; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); } .hl__b-title { margin: 10px 0 12px; padding: 0; height: auto; max-height: 156px; } .hl__b-title a { color: #ffffff; } .hl__b-title a:hover { color: #FCFCFC; } .hl__b-date { letter-spacing: 1.2px; } .hl__s-item { height: 182px !important; background: #ffffff; margin-top: 7px; width: 25%; vertical-align: top; float: left; } .hl__s-item:after { content: ''; width: 100%; top: -5px; left: 0; border-top: 5px solid transparent; z-index: 1; } .hl__s-item.slick-current { background-color: #EFF0F6; } .hl__s-item.slick-current:after { border-top: 7px solid #0f81ba; } .hl__s-img { cursor: pointer; width: 100%; } .hl__s-img img { width: 100%; } .hl__s-title { margin: 7px 0; padding: 0 10px; height: auto; max-height: 75px; } .hl__s-title a:hover { text-decoration: underline; } .hl .slick-dots { bottom: 33px; padding-right: 20px; } .hl .slick-dots li.slick-active button { background: #eba657; background: #0f81ba; } .hl .slick-dots li button:before { content: ''; } .latest__item { margin: 10px 0; min-height: calc(220px / (5 / 3)); } .latest__item:first-child { margin: 0 0 15px; } .latest__img { width: 190px; height: calc(190px / (5 / 3)); float: left; margin-right: 15px; border: 1px solid #EFF0F6; } .latest__subtitle { padding: 0; } .latest__title { margin: 6px 0; height: auto; max-height: 81px; } .latest__lead { margin: 10px 0; } .latest__date { color: #A0A3BD; } .latest__author { padding: 0 0 5px; letter-spacing: 1px; } .latest__author__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ align-items: center; padding: 0 0 10px; } .latest__author__img { width: 35px; height: 35px; border-radius: 100%; margin-right: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } .latest__more { margin: -10px 0 0; padding: 0 0 20px; } .latest__button { padding: 10px 15px; text-transform: uppercase; border: 2px solid #0f81ba; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .latest--article .latest__item { margin: 10px 0; min-height: 100px; } .latest--article .latest__img { width: 100px; height: 100px; } .latest--article .latest__img img { height: 100%; max-width: inherit; } .latest--article .latest__title { margin: 0 0 7px; max-height: 71px; } .latest--video .latest__wrap { margin: 0 -5px; } .latest--video .latest__item { width: 240px; float: left; margin: 0 5px 15px; border: 1px solid #EFF0F6; } .latest--video .latest__img { float: none; width: inherit; height: calc(240px / (16 / 9)); } .latest--video .latest__img img { width: 100%; } .latest--video .latest__right { height: 145px; padding: 10px 15px; } .latest--video .latest__title { height: auto; max-height: 72px; } .latest--video .latest__more { margin: 0; } .latest--photos .latest__wrap { margin: 0 -5px; } .latest--photos .latest__item { width: 240px; float: left; margin: 0 5px 15px; border: 1px solid #EFF0F6; } .latest--photos .latest__img { float: none; width: inherit; height: calc(240px / (16 / 9)); } .latest--photos .latest__img img { width: 100%; } .latest--photos .latest__right { height: 145px; padding: 10px 15px; } .latest--photos .latest__title { height: auto; max-height: 72px; } .latest--photos .latest__more { margin: 0; } .latest--tv .latest__wrap { margin: 0 -5px; } .latest--tv .latest__item { width: 240px; float: left; margin: 0 5px 15px; padding: 0; background-color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); border: 1px solid #EFF0F6; overflow: hidden; } .latest--tv .latest__img { float: none; width: inherit; height: calc(240px / (16 / 9)); } .latest--tv .latest__img img { width: 100%; } .latest--tv .latest__right { height: 145px; padding: 10px 15px; } .latest--tv .latest__title { font-size: 16px; line-height: 1.5; font-weight: 600; height: auto; max-height: 72px; overflow: hidden; } .latest--tv .latest__more { margin: 0; } .most { background-color: #F7F7FC; padding-bottom: 15px; } .most__number { width: 45px; height: 32px; padding: 0px 3px 0px 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .most__number:after { content: ''; display: inline-block; min-width: 13px; height: 2px; position: absolute; bottom: -4px; left: 15px; } .most__img { min-width: 100px; width: 100px; height: calc(100px / (12 / 9)); display: inline-block; margin-right: 15px; float: left; overflow: hidden; } .most__img img { height: 100%; width: 100%; object-fit: cover; } .most__right { width: calc(100% - 45px); padding-left: 10px; } .most__title { height: auto; max-height: 93px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .most .ads__subtitle { border-bottom: none; margin-top: 5px; } .most__wrap { background-color: #ffffff; border: 1px solid #EFF0F6; } .most__item { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ margin: 0; padding: 10px 15px; } .most__item:last-child { border-bottom: 1px solid transparent; } .most .title { padding: 15px 15px; text-align: center; } .most .title:before, .most .title:after { display: none; } .most .title span { padding: 0; } .most .title span:before, .most .title span:after { display: none; } .button--login { width: auto; padding: 10px 20px; margin: 0 0 20px; border: 1px solid transparent; vertical-align: text-bottom; text-transform: uppercase; letter-spacing: 2px; background: transparent; box-shadow: none; border-radius: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 16px; font-weight: 400; color: #fff; } .button--login:hover { border: 1px solid transparent; background: #0f81ba; } .button--login .icon { left: 15px; top: 11px; z-index: 1; font-size: 20px; } .button--facebook { background: #3b5998; } .button--facebook:hover { background: #30487b; } .button--google { background: #dd4b39; } .button--google:hover { background: #ca3523; } .page__teaser a { color: #0f81ba; } .filter { margin: 30px 0; padding: 15px 0; border-bottom: 1px solid #0f81ba; } .filter span { margin-right: 20px; } .filter__title { font-style: italic; } .filter__relevance select { height: 35px; font-weight: 500; border-radius: 5px; background: linear-gradient(0deg, #c0e6fe, #daedfe); } .filter__teaser a { color: #0f81ba; } .editors { padding: 0 20px 15px; border: 1px solid #EFF0F6; background-color: #ffffff; } .editors__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; margin: 0 -5px; } .editors__item { width: 33.333333%; padding: 0 5px; } .editors__img { height: calc(214px / (5 / 3)); } .editors__img img { width: 100%; } .editors__box { padding: 5px 5px 10px; } .editors__subtitle { text-transform: uppercase; } .editors__title { margin: 3px 0 5px; height: auto; max-height: 60px; } .editors__date { color: #A0A3BD; } .editors .arrow { top: 45px; } .network { padding: 15px 30px 30px; background: #eff0f6; } .network__menu { display: flex; justify-content: flex-end; z-index: 11; } .network__menu li { padding: 0 10px; transition-duration: 0.5s; position: static; vertical-align: middle; border-right: 1px solid #EFF0F6; } .network__menu li .icons { margin-right: 10px; } .network__menu li:hover { cursor: pointer; } .network__menu li:hover a { color: #0f81ba; } .network__menu li .w-200 { width: 350px; left: 200px; } .network__menu li:last-child { border: none; } .network__menu li ul { visibility: hidden; opacity: 0; margin-top: 1rem; left: calc(100% - 1070px); top: 40px; display: none; z-index: 1; padding: 10px; width: 1070px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border-bottom: 2px solid #0f81ba; } .network__menu li ul li { clear: both; width: 100%; width: 19%; vertical-align: top; border-left: 0px solid #eee; border-right: 0px solid #eee; } .network__menu li ul li a { padding: 5px 0px; color: #333 !important; justify-content: flex-start; } .network__menu li ul li a:hover { color: #0f81ba !important; } .network__menu li a { padding: 16px 8px; display: flex; align-items: center; justify-content: center; } .network__menu li a img { margin-right: 10px; height: 25px; } .network__menu li:hover > ul, .network__menu li ul:hover { visibility: visible; opacity: 1; } .network__menu li date { display: flex; justify-content: flex-end; padding: 19px 0; white-space: nowrap; } .network__menu li .social { padding: 13px 0; } .network__menu li .nav__tv a { width: 60px; padding: 5px 8px; } .network__menu li .nav__tv img { margin-right: 0; object-fit: cover; height: auto; } .network__menu li:has(> .nav__tv) { align-self: center; } .network__menu__search { width: 100% !important; padding: 30px 0; } .network__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; padding: 10px 0; margin: 0; } @media (min-width: 1100px) { .network__wrap { margin: 0 -15px; } } .network__item { width: 25%; padding: 0 15px; } .network__img { margin-bottom: 5px; } .network__img img { width: 100%; } .network__box { padding: 5px 10px 10px; } .network__city { text-transform: uppercase; padding: 3px 5px; margin: 5px; left: 0; top: 0; } .network__title { margin: 5px 0; height: auto; max-height: 60px; } .network__link:hover { text-decoration: underline; } .network .arrow--left { left: 0; } .network .arrow--right { right: 0; } .network__sidebar { margin-bottom: 20px; } .network__sidebar .network__item { width: 100%; padding: 0 0; border: 1px solid #EFF0F6; margin-bottom: 20px; } .network__sidebar .network__city { color: #0f81ba; } .network__sidebar .network__title { height: 48px; max-height: 48px; } .network__sidebar .network__link:hover { color: #0f81ba; } .topic { padding: 15px 20px; background: transparent; } .topic__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ padding: 0; margin: 0; gap: 10px; } .topic__item { margin: 0 0; width: calc(100% / 4); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); overflow: hidden; } .topic__img { width: 100%; height: calc(220px / (3 / 4)); } .topic__img img { object-fit: cover; width: 100%; height: 100%; max-width: inherit; } .topic__box { width: 100%; padding: 15px; bottom: 0; background: linear-gradient(90deg, #14142B, #14142B, transparent); background: -webkit-linear-gradient(90deg, #14142B, #14142B, transparent); } .topic__box .topic__title { color: #ffffff; } .topic__box .topic__date { color: #D9DBE9; } .topic__title { margin: 10px 0; } .topic__link:hover { color: inherit; text-decoration: underline; } .topic__b-cat { padding: 8px 10px; height: 36px; } .topic__b-img { height: 421px; } .topic__b-img img { width: 100%; } .topic__b-box { bottom: 0; left: 0; width: 100%; padding: 30px 20px; background: linear-gradient(90deg, #000, transparent); background: -webkit-linear-gradient(90deg, #000, transparent); } .topic__b-title { margin: 15px 0 12px; padding: 0; height: auto; max-height: 156px; } .topic__b-title a:hover { color: inherit; text-decoration: underline; } .topic__b-lead { width: calc(100% - 120px); margin: 0; padding: 0; } .topic__b-link { float: right; padding: 8px 15px; border-radius: 20px; } .topic--list { padding: 20px 0; } .topic--list .topic__wrap { margin: 0 -10px; flex-wrap: wrap; gap: 0; } .topic--list .topic__item { width: 33.333333%; padding: 0 10px 20px; } .topic--list .topic__box { margin: 0 10px 20px 0; background: linear-gradient(90deg, #14142B, #14142B, transparent); background: -webkit-linear-gradient(90deg, #14142B, #14142B, transparent); } .topic--list .topic__date { letter-spacing: 0; } .topic--list .topic__title { margin: 10px 0; } .recomend { padding: 0 !important; background: none !important; } .recomend__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ padding: 0; margin: 0; gap: 10px; } .recomend__item { margin: 0 0; width: calc(100% / 3); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); overflow: hidden; } .recomend__img { width: 100%; height: calc(240px / (3 / 4)); } .recomend__img img { width: 100%; height: 100%; object-fit: cover; max-width: inherit; } .recomend__box { padding: 15px; bottom: 0; background: linear-gradient(90deg, #14142B, #14142B, transparent); background: -webkit-linear-gradient(90deg, #14142B, #14142B, transparent); } .recomend__title { margin: 10px 0; height: auto; max-height: 72px; } .recomend__link:hover { color: inherit; text-decoration: underline; } .widget { padding-top: 10px; } .widget table { width: 100%; } .widget th, .widget td { padding: 12px 15px; } .widget th span, .widget td span { float: right; } .widget tr { border-bottom: 1px solid #F7F7FC; } .widget__title { padding: 15px; } .widget__title span { padding: 3px 0 0; float: right; font-size: 14px; font-weight: 400; } .widget__salat a { color: #0f81ba; } .widget__salat a:hover { text-decoration: underline; } .widget__epaper__box { border: 1px solid #EFF0F6; } .widget__epaper__img { margin: 10px; height: 300px; } .widget__epaper__title { bottom: 0; left: 0; z-index: 1; padding: 200px 10px 20px; margin: 20px 20px 0; width: calc(100% - 40px); background: linear-gradient(90deg, #fff, transparent); background: -webkit-linear-gradient(90deg, #fff, transparent); } .widget__epaper a { color: inherit; } .widget__epaper a:hover .widget__epaper__title { text-decoration: underline; } .widget__mail { padding: 15px 15px 0; border: 1px solid #EFF0F6; } .widget__mail__wrap { padding: 0 0 20px; } .widget__mail__footer { padding: 15px; margin: 0 -15px; } .widget__mail__footer a { vertical-align: middle; padding: 7px 15px; text-transform: uppercase; } .widget__mail__footer a i { vertical-align: middle; margin-right: 5px; } .widget__mail__title { margin: 0 0 10px; } .widget__mail p { margin: 0; } .widget__valas { border: 1px solid #EFF0F6; } .widget__valas__content { height: 235px; overflow-x: scroll; } .widget__login { width: 400px; margin: 5vh auto; padding: 10px 30px 30px; } .widget__login__box { margin: 20px 0 0; } .opinion__wrap { border: 1px solid #EFF0F6; } .opinion__img { width: 64px; height: 64px; border-radius: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 5px solid #ffffff; } .opinion__img img { width: 100%; } .opinion__right { width: calc(100% - 64px); padding-left: 15px; } .opinion__author { margin: 5px 0; height: auto; max-height: 95px; } .opinion__author__title { margin: 5px 0; } .opinion__title { margin: 5px 0; height: auto; max-height: 58px; } .opinion__item { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ padding: 10px 15px; align-items: center; border-top: 1px solid #EFF0F6; } .opinion__item:hover .opinion__img { -ms-transform: scale(1.02); /* IE 9 */ -webkit-transform: scale(1.02); /* Safari */ transform: scale(1.02); border: 5px solid #0f81ba; } .opinion__header { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ padding: 15px; } .opinion__header .opinion__right { padding-left: 25px; align-self: center; } .videos { padding: 20px 30px 30px; background: #f8fcfd; } .videos__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ padding: 0; margin: 0; } @media (min-width: 1100px) { .videos__wrap { margin: 0 -15px; } } .videos__img { width: 100%; height: calc(230px / (16 / 9)); } .videos__img img { width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .videos__img:hover .icon { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .videos__img:hover img { opacity: .75; } .videos__box { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; padding: 10px 0; } .videos__info { padding: 0 10px; } .videos__title { height: auto; max-height: 62px; margin-bottom: 5px; } .videos__duration { padding: 3px 10px; z-index: 2; right: 0; bottom: 0; } .videos__item { margin: 0 15px; width: 25%; } .videos__latest__box { z-index: 1; bottom: 0; right: 0; padding: 6px 10px; } .videos__hl .videos__box { pointer-events: none; z-index: 1; width: 100%; padding: 15px; } .videos__hl .videos__info { padding: 0; } .videos__hl .videos__item { width: 100%; border: 1px solid #EFF0F6; } .videos__hl .videos__img { height: calc(740px / (16 / 9)); } .videos__caption { padding: 10px 0; } .videos__ratio { padding-bottom: 56.25%; /* 16:9 */ } .videos__ratio img { width: 100%; } .videos__ratio iframe, .videos__ratio .dm-player { top: 0; left: 0; width: 100%; height: 100%; } .latest__item:hover .icon-play { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .tv { position: relative; padding: 10px 0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); } .tv__wrap { position: relative; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1.5fr; grid-template-rows: repeat(3, 1fr); gap: 5px 10px; margin-left: 0px; } .tv__box { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 15px 0; background: transparent; bottom: 0; padding: 0; height: 65%; } .tv__info { padding: 0 10px; } .tv__title { line-height: 1.5; font-weight: 600; font-size: 16px; margin-bottom: 5px; } .tv__subtitle { color: #1CC8EE; } .tv__count { padding: 3px 10px; line-height: 1.5; font-weight: 600; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #ffffff; background-color: rgba(20, 20, 43, 0.6); display: inline-block; z-index: 2; position: absolute; left: 5px; top: 5px; } .tv__count span { margin-right: 5px; } .tv__date { line-height: 1.5; font-weight: 600; font-size: 11px; color: #A0A3BD; } .tv__link { display: block; } .tv__item { position: relative; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; overflow: hidden; background-color: transparent; display: grid; grid-template-columns: 1fr 1.8fr; width: 100%; height: 110px; margin: 0; } .tv__item:first-child { grid-column: 1 / 3; grid-row: 1 / -1; display: grid; width: 100%; height: 350px; position: relative; gap: 30px; } .tv__item:first-child .tv__img { width: 635px; height: 355px; } .tv__item:first-child .tv__img img { width: 100%; height: 100%; object-fit: contain; position: relative; top: 0; } .tv__item:first-child .tv__info { padding-right: 20px; margin-top: 0; } .tv__item:first-child .tv__box { bottom: 0; padding: 0; padding-top: 0; position: absolute; align-content: flex-end; padding-bottom: 10px; height: 60%; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.836) 100%); } .tv__item:first-child .tv__title { font-size: 26px; max-height: 120px; line-height: 1.2; color: #ffffff; } .tv__item:first-child .tv__subtitle a { background-color: #1CC8EE; color: #ffffff; padding: 2px 6px; border-radius: 5px; } .tv__item:first-child .tv__subtitle a:hover { background-color: #5F2EEA; } .tv__img { position: relative; overflow: hidden; background-color: #14142B; height: 100%; border-radius: 5px; } .tv__img .icon { position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-size: 40px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .tv__img img { width: 100%; height: 100%; object-fit: cover; opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .tv__img:hover .icon { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .tv__img:hover img { opacity: .75; } .tv__hl .tv__box { pointer-events: none; z-index: 1; width: 100%; padding: 5px 10px; } .tv__hl .tv__info { padding: 0; } .tv__hl .tv__wrap { grid-template-columns: 1fr 1fr 1fr; } .tv__hl .tv__item { width: 100%; height: 130px; border: 1px solid #EFF0F6; margin: 0; } .tv__hl .tv__item:first-child { grid-column: 1 / 3; grid-row: 1 / -1; display: grid; width: 100%; height: 400px; position: relative; gap: 30px; } .tv__hl .tv__item:first-child .tv__img { width: 710px; height: 400px; } .tv__hl .tv__item:first-child .tv__img img { width: 100%; height: 100%; object-fit: contain; position: relative; top: 0; } .tv__hl .tv__item:first-child .tv__info { padding-right: 20px; margin-top: 0; } .tv__hl .tv__item:first-child .tv__box { bottom: 0; padding: 10px; padding-top: 0; position: absolute; align-content: flex-end; height: 60%; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.836) 100%); } .tv__hl .tv__item:first-child .tv__title { font-size: 26px; max-height: 120px; line-height: 1.2; color: #ffffff; } .tv__hl .tv__item:first-child .tv__subtitle a { background-color: #1CC8EE; color: #ffffff; padding: 2px 6px; border-radius: 5px; } .tv__hl .tv__item:first-child .tv__subtitle a:hover { background-color: #5F2EEA; } .tv__hl .tv__img { height: calc(255px / (2 / 1)); } .tv__hl .tv__img .icon { font-size: 30px; } .tv__hl .tv__title { font-size: 14px; line-height: 1.5; font-weight: 600; margin: 5px 0; height: auto; max-height: 60px; overflow: hidden; } .tv__hl .tv__subtitle { font-size: 11px; line-height: 1.5; font-weight: 600; } .tv__hl__wrap { margin: 0; } .tv__hl__wrap .tv__item .tv__img { width: 750px; } .tv__hl .videos__img { height: calc(740px / (10 / 8)); } .tv__latest__box { position: absolute; z-index: 2; bottom: 5px; right: 5px; background-color: rgba(20, 20, 43, 0.6); color: #ffffff; padding: 2px 5px; border-radius: 5px; } .title-tv { border-top: none; position: relative; padding: 20px 0 15px; } .title__logo img { max-width: 120px; } .video__popular { position: relative; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #14142B; align-items: center; justify-content: center; border-radius: 8px; } .video__popular__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0; width: 85%; background-color: #ffffff; } .video__popular__item { width: 33.333333%; min-width: 303px; padding: 0; } .video__popular__img { position: relative; height: calc(303px / (5 / 3)); overflow: hidden; } .video__popular__img img { object-fit: cover; width: 100%; height: calc(303px / (5 / 3)); } .video__popular .slick-track { display: flex; min-width: 1080px; } .video__popular__box { position: absolute; z-index: 2; bottom: 5px; right: 5px; padding: 2px 5px; border-radius: 5px; color: #ffffff; background-color: rgba(20, 20, 43, 0.6); } .video__popular__subtitle { display: inline-block; text-transform: uppercase; font-size: 14px; line-height: 1.5; font-weight: 600; color: #5F2EEA; } .video__popular__title { margin: 3px 0 5px; font-size: 16px; line-height: 1.5; font-weight: 600; color: #14142B; height: auto; max-height: 72px; overflow: hidden; } .video__popular__date { font-size: 11px; color: #A0A3BD; } .video__popular__link { display: block; } .video__popular__right { padding-left: 8px; } .video__popular .arrow { top: 77px; } .video__popular .title2 { width: 15%; font-size: 22px; line-height: 1.4; font-weight: 700; padding: 0 10px; text-transform: uppercase; color: #ffffff; } .photo { margin-bottom: 20px; } .photo__main { width: 1100px; } @media (min-width: 1100px) { .photo__main { width: 100%; } } .photo img { width: 100%; } .photo__author { display: inline; padding: 0 5px; } .photo__caption { padding: 10px 0; } .photo__icon { width: 40px; height: 40px; border-radius: 40px; padding: 10px; } .photo__icon__expand { top: 15px; right: 15px; z-index: 1; } .photos { padding: 20px 30px 30px; background: #0f81ba; } .photos__img .icon { z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 40px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .photos__img img { width: 100%; opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .photos__img:hover .icon { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .photos__img:hover img { opacity: .75; } .photos__wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ padding: 0; margin: 0; } @media (min-width: 1100px) { .photos__wrap { margin: 0 -15px; } } .photos__box { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; padding: 15px 0; } .photos__info { padding: 0 10px; } .photos__title { height: auto; max-height: 62px; margin-bottom: 5px; } .photos__count { padding: 3px 10px; z-index: 2; left: 5px; top: 5px; } .photos__count span { margin-right: 5px; } .photos__item { margin: 0 15px; width: 25%; } .photos__hl .photos__box { pointer-events: none; z-index: 1; width: 100%; padding: 15px; } .photos__hl .photos__info { padding: 0; } .photos__hl .photos__item { width: 100%; border: 1px solid #EFF0F6; margin: 0; } .photos__hl .photos__img { height: calc(740px / (2 / 1)); } .latest__item:hover .photos__latest__box { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: rgba(0, 0, 0, 0.4); } .gallery__cover { margin-bottom: 20px; } .gallery__item { cursor: zoom-in; } .gallery__list .photos__count { right: 20px; bottom: 20px; left: inherit; top: inherit; } .gallery__list .photos__count span { vertical-align: middle; } .mfp-gallery .arrow { top: calc(50% - (39px / 2)); background: transparent; font-size: 35px; border: none; box-shadow: none; padding: 0 13.6px; position: fixed; } .mfp-gallery .arrow .icon { pointer-events: none; } .mfp-gallery .arrow--left { left: 10px; } .mfp-gallery .arrow--right { right: 10px; } .mfp-gallery .mfp-close { position: fixed; } .p404 { min-height: 100%; height: 70vh; } .p404__bubble { padding: 30px 0; border-radius: 100%; background: #0f81ba; width: 45%; margin: 0 auto; } .p404__bubble:after { content: ''; z-index: -1; bottom: -59px; right: 100px; width: 0; height: 0; border-top: 60px solid #0f81ba; border-bottom: 60px solid transparent; border-right: 40px solid transparent; border-left: 40px solid #0f81ba; -ms-transform: rotate(25deg); /* IE 9 */ -webkit-transform: rotate(25deg); /* Safari */ transform: rotate(25deg); } .p404__title { font-size: 150px; font-weight: 600; line-height: 1; color: #0f81ba; } .p404__subtitle { text-transform: uppercase; font-size: 40px; font-weight: 400; line-height: 1; color: #0f81ba; } .p404__content { padding: 30px 0; font-size: 18px; font-weight: 400; line-height: 1; color: #000; } .p404__link { width: 150px; margin: 0 auto; padding: 10px 0; border-radius: 5px; text-transform: uppercase; font-size: 16px; font-weight: 600; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: #0f81ba; } .p404__link:hover { background: #0d71a2; } .p404__latest .title:after { content: ""; width: 100%; position: absolute; left: 0; bottom: 13px; border-bottom: 4px solid #D9DBE9; background-color: transparent; } .mail__teaser { padding: 10px 0 20px; } .breaking { margin: 30px 0 0; } .breaking__wrap { background: #ffdfdf; padding: 10px 15px 10px 190px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ } .breaking__title { width: auto; height: 50px; top: -5px; left: 0; z-index: 1; text-transform: uppercase; font-style: italic; background: transparent; font-size: 20px; font-weight: 700; line-height: 1; color: #fff; } .breaking__title span { float: left; padding: 15px 15px 15px 35px; background: #fd0303; } .breaking__title span:before { content: ''; left: 10px; bottom: 18px; width: 15px; height: 15px; background: #c30000; border-radius: 10px; -webkit-animation: blink 1s infinite; -moz-animation: blink 1s infinite; -ms-animation: blink 1s infinite; -o-animation: blink 1s infinite; animation: blink 1s infinite; } .breaking__content { height: 22px; } .breaking__content a:hover { color: #c30000; } .breaking__content span { padding-left: 40px; } .title { padding: 10px 0 15px; } .title span { padding-right: 15px; vertical-align: middle; } /* --- UPDATE STYLE TITLE AFTER - METROPOLIS NEWS --- */ .title:after { content: ""; position: absolute; bottom: -1px; /* Menempel tepat di garis pembatas */ left: 0; width: 60px !important; /* Lebar aksen garis */ height: 4px !important; /* Ketebalan garis */ background-color: #0f81ba !important; /* Biru Metropolis */ /* Menghapus border-radius dari settingan default template */ -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; display: inline-block; z-index: 2; } /* Tambahan: Jika ada judul di sidebar yang menggunakan background abu-abu */ .widget__title { border-bottom: 1px solid #D9DBE9; /* Garis tipis panjang */ } .title__pr { padding: 15px 0; } .title__pr span { width: 50%; vertical-align: middle; } .title__pr__img { width: 50%; } .title__pr__img img { height: 23px; max-width: inherit; } .title__pr:after { top: 10px; } .title__network { padding: 15px 0 5px; } .title__network img { height: 35px; max-width: inherit; } .title__network span, .title__network a { width: 50%; vertical-align: middle; } .title__network a { font-size: 12px; } .title__network:after { top: 0; } .breadcrumb { margin-top: 30px; } .breadcrumb__item { padding: 10px; } .breadcrumb__item:last-child { padding: 10px 15px; } .breadcrumb__item:last-child:after { content: ''; margin-left: 0; } .breadcrumb__item:first-child:after { content: ''; } .read__article .col-bs12-3 { width: 160px; } .read__article .col-bs12-9 { width: calc(100% - 160px); padding-right: 0; } .read__title { margin: 0 0 10px; } .read__info { margin: 10px 0; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ align-items: center; justify-content: center; } .read__info a { font-weight: 500; } .read__info a:hover { text-decoration: underline; } .read__info__date { padding-left: 5px; } .read__info__img { margin-right: 15px; border-radius: 100%; width: 50px; height: 50px; } .read__photo { margin: 0 0 20px; } .read__next { padding: 15px; background-color: #02699c; border: 1px solid #EFF0F6; border-left: 5px solid #0f81ba; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ align-items: center; } .read__next:hover { background-color: #0f81ba; } .read__next__img { min-width: 120px; width: 120px; height: calc(120px / (16 / 9)); display: inline-block; margin-right: 15px; float: left; overflow: hidden; } .read__next__img img { height: 100%; width: 100%; object-fit: cover; } .read__next__box { display: inline-block; margin-right: 15px; } .read__next h3 { color: #ff8b55; font-weight: 600; margin-bottom: 5px; } .read__next__title { height: auto; max-height: 63px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .read__next i { margin-left: 10px; font-size: 100px; color: #ffffff; } .read__content { line-height: 27px; } .read__content figure { margin: 0; } .read__content h2 { margin: 30px 0 15px; } .read__content h3 { margin: 25px 0 10px; } .read__content p { margin: 17px 0; } .read__content ol, .read__content ul { list-style: disc; padding: 0 0 0 30px; } .read__content ol { list-style: decimal; } .read__content li { list-style: inherit; display: list-item; } .read__content iframe { max-width: 100%; } .read__content table { table-layout: auto !important; } .read__content table colgroup col, .read__content table td, .read__content table th { width: auto !important; } .read__others { padding: 10px 15px 10px 20px; font-weight: bold; border-left: 5px solid #0f81ba; } .read__others a { display: block; color: #14142B; } .read__others a:hover { color: #0f81ba; } .read__tagging .title { padding-top: 0; } .related__list { position: relative; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ justify-content: flex-start; flex-wrap: wrap; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .related__list li { display: inline-block; width: 50%; position: relative; padding-right: 15px; } .related__list li .related__title { height: auto; max-height: 78px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .related__list li a { padding: 15px 0; } .related__img { min-width: 120px; width: 120px; height: calc(120px / (12 / 9)); display: inline-block; margin-right: 15px; float: left; overflow: hidden; } .related__img img { height: 100%; width: 100%; object-fit: cover; } .tag__list { margin: 0 -2px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; } .tag__list li { padding: 0 2px 8px; } .tag__list li a { padding: 5px 10px; } .comment__wrap { padding: 10px 0 30px; } .paging { padding: 15px; border: 1px solid #EFF0F6; } .paging__wrap { padding: 0; } .paging__teaser { padding: 12px 0 0; width: 80px; } .paging__all { float: right; margin: 5px 2px; padding-left: 5px; } .paging__item { vertical-align: middle; margin: 5px 1px; } .paging__item:nth-last-child(1) .paging__link:hover { color: #A0A3BD !important; } .paging__link { padding: 7px 11px; line-height: 1; border-radius: 20px; border: 1px solid #0f81ba; } .paging__link--active, .paging__link:hover { background: #0f81ba; } .paging--article { padding: 10px 15px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ } .paging--article .paging__wrap { width: calc(100% - 80px); } .paging--page { padding: 10px 0; } .paging--page .paging__link { padding: 12px 15px; min-width: 38px; } body:after { content: ''; background: transparent; } #modals { visibility: hidden; opacity: 0; } .modals { width: 100%; height: 100%; } .modals:after { content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 10 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .modals #modals { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 101 !important; visibility: visible; opacity: 1; } .modals__hide { display: none; } .modals__content { top: 50%; padding: 0 20px; opacity: 0; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Safari */ transform: translateY(-50%); } .modals .modals__content { opacity: 1; } .modals__box { max-width: 450px; margin: 0 auto; padding: 25px; border-radius: 10px; } .modals__footer { border-top: 1px solid #EFF0F6; padding: 10px 25px 0; margin: 20px -25px -15px; } .modals__button { cursor: pointer; outline: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; text-transform: uppercase; font-weight: 500; color: #0f81ba; border: 1px solid transparent; box-shadow: none; } .footer { margin-top: 10px; padding: 10px 0 80px; background-repeat: no-repeat; background-position: right bottom; width: 1100px; border-top: 1px solid #c5e6f6; } @media (min-width: 1100px) { .footer { width: 100%; } } .footer p { margin: 0; } .footer__logo { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ align-items: center; justify-content: flex-start; } .footer__logo a { z-index: 2; padding: 0 10px 0 0; } .footer__logo img { height: 100px; } .footer__link { padding: 5px 0; } .footer__item { padding: 0; } .footer__menu { padding: 0; } .footer__menu.inline .footer__item:after { content: '|'; right: -5px; bottom: 1px; } .footer__menu.inline .footer__item:last-child:after { content: none; } .footer__menu.inline .footer__item:first-child .footer__link { padding-left: 0px; } .footer__menu.inline .footer__link { padding: 0 5px; } .footer__network { padding: 20px 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; margin-top: 20px; display: flex; align-items: center; } .footer__network span { vertical-align: middle; } .footer__network .img { padding: 0 10px; vertical-align: middle; } .footer__network .img img { height: 25px; } .footer__copyright { padding: 0; margin: 0; } .footer__contact i { margin-right: 5px; } .footer__bottom { letter-spacing: .6px; padding: 15px 0; } .footer-list__notes { margin-top: 10px; background: #e7e7e7; color: #000000; align-items: center; display: flex; width: fit-content; padding: 0.5em; border-radius: 10px; font-weight: 500; } .footer-list__notes img { margin-right: 5px; width: 40px; height: 40px; } .footer-list__notes h3 { font-weight: 600; } /* Slider */ .slick-slider { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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 { left: 0; top: 0; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; outline: 0; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { bottom: -45px; list-style: none; padding: 0; width: 100%; } .slick-dots li { height: 10px; width: 10px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; height: 10px; width: 10px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { top: 0; left: 0; content: "•"; width: 10px; height: 10px; font-family: "slick"; font-size: 6px; line-height: 10px; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .arrow { top: 33.333%; z-index: 1; font-size: 30px; line-height: 1; border-radius: 100%; padding: 0 11.4px; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.4); } .arrow:hover { background: #0f81ba; } .arrow--left { left: -10px; } @media (min-width: 1100px) { .arrow--left { left: -12px; } } .arrow--right { right: -10px; } @media (min-width: 1100px) { .arrow--right { right: -12px; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; height: 100%; z-index: 1042; position: fixed; background: #000; opacity: 0.9; width: 1100px; } @media (min-width: 1100px) { .mfp-bg { width: 100%; } } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; width: 1100px; } @media (min-width: 1100px) { .mfp-wrap { width: 100%; } } .mfp-container { width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { vertical-align: middle; margin: 0 auto; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #fff; top: 50%; width: auto; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #fff; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; right: 0; top: 0; text-decoration: none; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; padding-right: 6px; width: 100%; } .mfp-counter { top: 5px; right: 5px; color: #fff; font-size: 18px; font-weight: 600; line-height: 18px; white-space: nowrap; } .mfp-counter i { font-style: normal; font-weight: 400; font-size: 14px; } .mfp-arrow { opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; width: 0; height: 0; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; padding-top: 56.25%; } .mfp-iframe-scaler iframe { top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; left: 0; top: 40px; bottom: 40px; right: 0; width: auto; height: auto; z-index: -1; background: #000; } .mfp-figure small { color: #fff; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -40px; top: 100%; left: 0; width: 100%; cursor: auto; background: black; padding: 10px; } .mfp-title { line-height: 1.3; color: #fff; word-wrap: break-word; padding-right: 80px; font-size: 12px; min-height: 20px; } .mfp-image-holder .mfp-content { max-width: 998px; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*!************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/modal.css ***! \************************************************************************/ @keyframes zuckSlideTime { 0% { max-width: 0; } 100% { max-width: 100%; } } @keyframes zuckLoading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #zuck-modal { outline: 0 !important; overflow: hidden; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 100000; font-size: 14px; font-family: inherit; } #zuck-modal-content, #zuck-modal-content .story-viewer, #zuck-modal-content .story-viewer > .slides, #zuck-modal-content .story-viewer > .slides > * { width: 100vw; height: 100%; top: 0; bottom: 0; position: absolute; overflow: hidden; } #zuck-modal * { user-select: none; outline: 0; } #zuck-modal.with-effects { transform: scale(0.01); transform-origin: top left; transition: 0.25s; } #zuck-modal.with-effects.animated { transform: scale(1); border-radius: 0; margin-top: 0 !important; margin-left: 0 !important; } #zuck-modal.with-effects.closed { transform: translateY(100%); } #zuck-modal .slider { width: 300vw; height: 100%; top: 0; bottom: 0; left: -100vw; position: absolute; } #zuck-modal .slider > * { width: 100vw; height: 100%; top: 0; bottom: 0; position: absolute; } #zuck-modal .slider > .previous { left: 0; } #zuck-modal .slider > .viewing { left: 100vw; } #zuck-modal .slider > .next { left: 200vw; } #zuck-modal .slider.animated { -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear; } #zuck-modal.with-cube #zuck-modal-content { perspective: 1000vw; transform: scale(0.95); perspective-origin: 50% 50%; overflow: visible; transition: 0.3s; } #zuck-modal.with-cube .slider { transform-style: preserve-3d; transform: rotateY(0deg); } #zuck-modal.with-cube .slider > .previous { backface-visibility: hidden; left: 100vw; transform: rotateY(270deg) translateX(-50%); transform-origin: center left; } #zuck-modal.with-cube .slider > .viewing { backface-visibility: hidden; left: 100vw; transform: translateZ(50vw); } #zuck-modal.with-cube .slider > .next { backface-visibility: hidden; left: 100vw; transform: rotateY(-270deg) translateX(50%); transform-origin: top right; } #zuck-modal-content .story-viewer.paused.longPress .head, #zuck-modal-content .story-viewer.paused.longPress .slides-pointers, #zuck-modal-content .story-viewer.paused.longPress .tip { opacity: 0; } #zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers > * > .active > .progress { -webkit-animation-play-state: running; animation-play-state: running; } #zuck-modal-content .story-viewer.next { z-index: 10; } #zuck-modal-content .story-viewer.viewing { z-index: 5; } #zuck-modal-content .story-viewer.previous { z-index: 0; } #zuck-modal-content .story-viewer.muted .tip.muted, #zuck-modal-content .story-viewer.loading .head .loading { display: block; } #zuck-modal-content .story-viewer.loading .head .right .time, #zuck-modal-content .story-viewer.loading .head .right .close { display: none; } #zuck-modal-content .story-viewer .slides-pagination span { position: absolute; top: 50vh; font-size: 48px; color: #fff; line-height: 48px; width: 48px; margin: 6px; transform: translateY(-50%); z-index: 1; text-align: center; } #zuck-modal-content .story-viewer .slides-pagination .previous { left: 0; } #zuck-modal-content .story-viewer .slides-pagination .next { right: 0; } #zuck-modal-content .story-viewer .slides-pointers { display: table; table-layout: fixed; border-spacing: 6px; border-collapse: separate; position: absolute; width: 40vw; top: 0; left: calc(50% - 20vw); z-index: 100020; } #zuck-modal-content .story-viewer .slides-pointers > * { display: table-row; } #zuck-modal-content .story-viewer .slides-pointers > * > * { display: table-cell; background: rgba(255, 255, 255, 0.5); border-radius: 2px; } #zuck-modal-content .story-viewer .slides-pointers > * > .seen { background: #fff; } #zuck-modal-content .story-viewer .slides-pointers > * > * > .progress { background: #fff; width: auto; max-width: 0; height: 2px; display: block; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-play-state: paused; animation-play-state: paused; border-radius: 2px; } #zuck-modal-content .story-viewer .slides-pointers > * > .active > .progress { -webkit-animation-name: zuckSlideTime; animation-name: zuckSlideTime; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #zuck-modal-content .story-viewer .head { position: absolute; height: 56px; left: calc(50% - 20vw); width: 40vw; right: 0; line-height: 56px; z-index: 100010; color: #fff; font-size: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35), 1px 0 1px rgba(0, 0, 0, 0.35); padding: 6px 12px; } #zuck-modal-content .story-viewer .head .item-preview { overflow: hidden; vertical-align: top; background-size: cover; width: 42px; height: 42px; display: inline-block; margin-right: 9px; border-radius: 50%; vertical-align: middle; background-repeat: no-repeat; background-position: center; } #zuck-modal-content .story-viewer .head .item-preview img { display: block; box-sizing: border-box; height: 100%; width: 100%; background-size: cover; background-position: center; object-fit: cover; } #zuck-modal-content .story-viewer .head .time { opacity: 0.75; font-weight: 500; font-size: 13px; } #zuck-modal-content .story-viewer .head .left { line-height: 1 !important; display: inline-block; margin: 6px 0; } #zuck-modal-content .story-viewer .head .left .info { display: inline-block; max-width: 50vw; vertical-align: middle; } #zuck-modal-content .story-viewer .head .left .info > * { width: 100%; display: inline-block; line-height: 21px; } #zuck-modal-content .story-viewer .head .left .info .name { font-weight: 500; } #zuck-modal-content .story-viewer .head .right { float: right; } #zuck-modal-content .story-viewer .head .right .close, #zuck-modal-content .story-viewer .head .back { font-size: 42px; width: 48px; height: 48px; line-height: 48px; cursor: pointer; text-align: center; } #zuck-modal-content .story-viewer .head .left .back { display: none; width: 24px; margin: -9px -6px 0 -6px; } #zuck-modal-content .story-viewer .head .right .time { display: none; } #zuck-modal-content .story-viewer .head .loading { display: none; border-radius: 50%; width: 30px; height: 30px; margin: 9px 0; border: 4px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; border-top-color: #fff; -webkit-animation: zuckLoading 1s infinite linear; animation: zuckLoading 1s infinite linear; } #zuck-modal-content .story-viewer .head, #zuck-modal-content .story-viewer .slides-pointers, #zuck-modal-content .story-viewer .tip { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #zuck-modal-content .story-viewer .slides .item { display: none; overflow: hidden; background: #000; } #zuck-modal-content .story-viewer .slides .item:before { z-index: 4; background: transparent; content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } #zuck-modal-content .story-viewer .slides .item > .media { height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: auto; max-width: inherit; } #zuck-modal-content .story-viewer .slides .item.active, #zuck-modal-content .story-viewer .slides .item.active .tip.link { display: block; } #zuck-modal-content .story-viewer .slides .item.active { width: 40vw; left: calc(50% - 20vw); } #zuck-modal-content .story-viewer .slides .item.active .tip.link { left: 0; } #zuck-modal-content .story-viewer .tip { z-index: 5; text-decoration: none; display: none; width: 100%; position: absolute; bottom: 0; z-index: 1000; color: #fff; padding: 64px 24px 48px; background: linear-gradient(90deg, #000, #000, transparent); background: -webkit-linear-gradient(90deg, #000, #000, transparent); } #zuck-modal.rtl { direction: rtl; left: auto; right: 0; } #zuck-modal.rtl.with-effects { transform-origin: top right; } #zuck-modal.rtl.with-effects.animated { margin-left: auto !important; margin-right: 0 !important; } #zuck-modal.rtl .slider { left: auto; right: -100vw; } #zuck-modal.rtl .slider > .previous { left: auto; right: 0; transform: rotateY(-270deg) translateX(50%); } #zuck-modal.rtl .slider > .viewing { left: auto; right: 100vw; } #zuck-modal.rtl .slider > .next { left: auto; right: 200vw; } #zuck-modal.rtl.with-cube .slider > .previous { left: auto; right: 100vw; transform-origin: center right; } #zuck-modal.rtl.with-cube .slider > .viewing { left: auto; right: 100vw; transform: translateZ(50vw); } #zuck-modal.rtl.with-cube .slider > .next { left: auto; right: 100vw; transform-origin: top left; transform: rotateY(270deg) translateX(-50%); } #zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous { left: auto; right: 0; } #zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next { right: auto; left: 0; } #zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview { margin-right: auto; margin-left: 9px; } #zuck-modal.rtl #zuck-modal-content .story-viewer .head .right { float: left; } #zuck-modal.rtl #zuck-modal-content .story-viewer .tip { left: auto; right: 50%; transform: translateX(50%); } @media (max-width: 1024px) { #zuck-modal-content .story-viewer .head { top: 3px; } #zuck-modal-content .story-viewer .head .loading { width: 24px; height: 24px; margin: 6px 0; } #zuck-modal-content .story-viewer .head .item-preview { width: 30px; height: 30px; margin-right: 9px; } #zuck-modal-content .story-viewer .head .left { font-size: 15px; margin: 15px 0; } #zuck-modal-content .story-viewer .head .left > div { line-height: 30px; } #zuck-modal-content .story-viewer .head .right .time { display: block; white-space: nowrap; font-size: 15px; margin: 15px 0; line-height: 30px; } #zuck-modal-content .story-viewer .head .left > .back { display: none; background: transparent; z-index: 20; visibility: visible; position: absolute; height: 42px; width: 24px; line-height: 36px; text-align: left; vertical-align: top; text-shadow: none; } #zuck-modal-content .story-viewer.with-back-button .head .left > .back { display: block; } #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview { margin-left: 18px; } #zuck-modal-content .story-viewer .slides-pointers { width: 100vw; left: 0; right: 0; } #zuck-modal-content .story-viewer .head .left .time, #zuck-modal-content .story-viewer .head .right .close { display: none; } #zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview { margin-right: auto; margin-left: 9px; } #zuck-modal.rtl #zuck-modal-content .story-viewer .head .left > .back { text-align: right; } #zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview { margin-left: auto; margin-right: 18px; } } /*!***************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/timeline.css ***! \***************************************************************************/ .stories.carousel { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; user-select: none; } .stories.carousel::-webkit-scrollbar { width: 0px; background: transparent; } .stories.carousel .story { display: inline-block; width: calc(100% / 4.14); margin: 0 6px; vertical-align: top; position: relative; position: relative; overflow: hidden; } .stories.carousel .story:first-child { margin-left: 0; } .stories.carousel .story:last-child { margin-right: 0; } .stories.carousel .story > .item-link { cursor: pointer; text-align: center; display: block; } .stories.carousel .story > .item-link:active > .item-preview { transform: scale(0.9); } .stories.carousel .story > .item-link > .item-preview { display: block; box-sizing: border-box; font-size: 0; height: calc(204px / (3 / 4)); overflow: hidden; transition: transform 0.2s; } .stories.carousel .story > .item-link > .item-preview img { display: block; box-sizing: border-box; height: 100%; width: 100%; background-size: cover; background-position: center; object-fit: cover; } .stories.carousel .story > .item-link > .info { display: block; margin-top: 0.5em; line-height: 1.2em; width: 100%; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0; background: linear-gradient(90deg, #000, #000, transparent); background: -webkit-linear-gradient(90deg, #000, #000, transparent); padding: 30px 15px 15px; } .stories.carousel .story > .item-link > .info .time { display: none; } .stories.carousel .story > .items { display: none; } .stories.list { white-space: nowrap; overflow: auto; } .stories.list .story { display: block; width: auto; margin: 6px; padding-bottom: 6px; } .stories.list .story > .item-link { text-align: left; display: block; } .stories.list .story > .item-link > .item-preview { height: 42px; width: 42px; max-width: 42px; margin-right: 12px; vertical-align: top; display: inline-block; box-sizing: border-box; font-size: 0; overflow: hidden; } .stories.list .story > .item-link > .item-preview img { display: block; box-sizing: border-box; height: 100%; width: 100%; background-size: cover; background-position: center; } .stories.list .story > .item-link > .info { display: inline-block; line-height: 1.6em; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .stories.list .story > .item-link > .info .name { font-weight: 500; display: block; } .stories.list .story > .item-link > .info .time { display: inline-block; } .stories.list .story > .items { display: none; } .stories.rtl { direction: rtl; } .stories.rtl.carousel .story:first-child { margin-left: auto; margin-right: 0; } .stories.rtl.carousel .story:last-child { margin-right: auto; margin-left: 0; } .stories.rtl.list .story > .item-link { text-align: right; } .stories.rtl.list .story > .item-link > .item-preview { margin-right: auto; margin-left: 12px; } /*!************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/index.css ***! \************************************************************************/ .stories.snapgram .story > .item-link { text-decoration: none; color: #333; } .stories.snapgram .story > .item-link > .item-preview { background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%); } .stories.snapgram .story.seen { opacity: 0.75; } .stories.snapgram .story.seen > a > .item-preview { background: #999; } .stories.snapgram .story.seen > a { color: #999 !important; } #zuck-modal-content .story-viewer .slides .item:last-child img { height: 300px; width: 300px; object-fit: cover; bottom: 50%; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; font-size: 16px; } #zuck-modal-content .story-viewer .slides .item:last-child .link { font-size: 24px; bottom: 30%; text-align: center; white-space: pre-line; } #zuck-modal-content .story-viewer .slides .item:last-child .link:after { content: 'Baca Selengkapnya'; display: inline-block; padding: 10px 15px; font-size: 16px; margin-top: 10px; border: 2px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .ads__banner { padding: 0; display: -ms-flexbox; display: flex; justify-content: space-between; } .ads__item { padding: 0; } .ads__middle { padding: 40px 0; } .ads__top { padding: 0; width: 1100px; } @media (min-width: 1100px) { .ads__top { width: 100%; } } .ads__top:empty { padding: 0; } .ads__top__banner { text-align: center; min-height: 200px; display: flex; justify-content: center; align-items: center; position: relative; height: 250px; max-width: 970px; max-height: 250px; } .ads__bottom { padding: 20px 0; } .ads__horizontal { margin: 0; padding: 0; position: fixed; bottom: 0; left: calc((100% - 1100px)/2); width: 1100px; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: rgba(240, 240, 240, 0.7); height: 100px; } .ads__horizontal:after { content: "Advertisement"; position: absolute; color: #c7c7c7; background: rgba(240, 240, 240, 0.7); font-size: 11px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 5px; } .ads__close { background: #eee; right: 0; top: -20px; padding: 4px 8px; font-size: 12px; line-height: 1; } .ads__wrap { padding: 15px 0; } .ads__title { padding: 10px 20px; background: #f5f5f5; letter-spacing: 5px; font-style: italic; margin-top: 10px; font-size: 20px; color: #616161; } .ads__parallax { height: 300px; margin: 15px 0; } .ads__parallax a { width: 100%; height: 100%; } .ads__parallax__img { width: 100%; height: 100%; top: 0; left: 0; clip: rect(auto, auto, auto, auto); } .ads__parallax__fixed { width: 595px; top: 20%; height: 100%; position: fixed; top: 0px; -ms-transform: translateZ(0); /* IE 9 */ -webkit-transform: translateZ(0); /* Safari */ transform: translateZ(0); } .ads__stick { position: fixed; top: 102px; z-index: 10; width: 100%; -webkit-transition: top 0.2s ease; -moz-transition: top 0.2s ease; -ms-transition: top 0.2s ease; -o-transition: top 0.2s ease; transition: top 0.2s ease; } .ads__stick__wrap { width: 100%; } .ads__stick__fluid { width: calc((100% - 1100px)/2); top: 0; } .ads__stick__fluid img { max-width: none; } .ads__stick__fluid--left { left: 0; } .ads__stick__fluid--right { right: 0; } .ads__stick--sticky { top: 60px; } .ads__stick--left { right: 0; } .ads__stick--right { left: 0; } .ads__sticky__bottom { position: fixed; bottom: 50px; right: -360px; z-index: 10; -webkit-animation: slideLeft 0.3s linear 3s 1 alternate forwards; -moz-animation: slideLeft 0.3s linear 3s 1 alternate forwards; -ms-animation: slideLeft 0.3s linear 3s 1 alternate forwards; -o-animation: slideLeft 0.3s linear 3s 1 alternate forwards; animation: slideLeft 0.3s linear 3s 1 alternate forwards; } .ads__sticky__bottom__wrapper { padding-bottom: 56.25%; width: 320px; padding-top: 30px; height: 0; } .ads__sticky__bottom__wrapper iframe, .ads__sticky__bottom__wrapper embed, .ads__sticky__bottom__wrapper object { top: 0; left: 0; width: 100%; height: 100%; } .ads__sticky__bottom .ads__button { width: 25px; height: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; font-size: 18px; margin-bottom: 5px; } .ads--stick { position: -webkit-sticky; /* Safari */ position: sticky; top: 42px; overflow: hidden; } .ads--stick-parent { height: 600px; } .ads--stick-parent:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } .ads--stick-parent-100px { height: 100px; } .ads--stick-parent-100px:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } .ads--stick-parent-150px { height: 150px; } .ads--stick-parent-150px:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } .ads--stick-parent-250px { height: 250px; } .ads--stick-parent-250px:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } .ads--stick-parent-300px { height: 300px; } .ads--stick-parent-300px:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } .ads--stick-parent-400px { height: 400px; } .ads--stick-parent-400px:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } .ads--stick-parent-600px { height: 600px; } .ads--stick-parent-600px:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } .ads--stick-parent-800px { height: 800px; } .ads--stick-parent-800px:after { content: "Advertisement"; position: absolute; color: #dbdbdb; background-color: #F7F7FC; font-size: 12px; z-index: -1; left: 0; top: 0; line-height: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: end; padding-bottom: 5px; } @keyframes slideLeft { from { right: -360px; } to { right: 15px; } } .is--scroll .ads__stick { top: 43px; } @-webkit-keyframes blink { 0% { opacity: .1; } 50% { opacity: 1; } 100% { opacity: .1; } } @keyframes blink { 0% { opacity: .1; } 50% { opacity: 1; } 100% { opacity: .1; } } .mt1 { margin-top: 10px; } .mt2 { margin-top: 10px; } .mt3 { margin-top: 20px; } .mt4 { margin-top: 30px; } .mt5 { margin-top: 50px; } .mt6 { margin-top: 60px; } .mt7 { margin-top: 70px; } .d-flex { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ } .display-table { display: table; width: 100%; height: 100%; z-index: 1; } .display-center { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .divider { padding: 2px 0; margin: 40px 0; } .pull-right { float: right; } .row__bg { z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #0f81ba; width: 1100px; } @media (min-width: 1100px) { .row__bg { width: 100%; } } .tab__hide { opacity: 0; visibility: hidden; height: 0; } .nav__home a.ayonetwork { padding:10px 10px; } .nav__home a.ayonetwork img { width: 18px; } .display-none { display: none !important; } .ayo_n { opacity: 1; visibility: visible; } .topic__new { padding: 20px 0; background: #fff!important } .topic__new__wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 -5px; gap: 15px } .topic__new__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% / 4 - 12px) } .topic__new__img { height: calc(214px / (4 / 3)) } .topic__new__img img { width: 100% } .topic__new__box { padding: 10px 0; box-sizing: border-box; display: flex; flex-direction: column; border-bottom: 1px solid #eee } .topic__new__title { margin: 0; font-size: 14px!important; color: #5f2eea } .topic__new__date { color: #a0a3bd } .topic__new__link { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 60px; max-height: 80px } .topic__new__link__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; height: auto } .topic__new .arrow { top: 45px } .mfp-hide,.topic__new .google-auto-placed { display: none!important } .disclaimer {display: flex;width: calc(98% - 16px);border: 1px solid red;padding: 10px 7px;margin: 5px 1%;text-align: center;color: red;justify-content: center;font-size: 12px;box-sizing: content-box;font-family: Arial, sans-serif;margin-bottom: 20px!important;}.adv__disclaimer::before{content: 'Konten berikut adalah iklan platform Advernative. Media kami tidak terkait dengan materi konten ini.';display: flex;width: calc(98% - 16px);border: 1px solid red;padding: 10px 7px;margin: 5px 1%;text-align: center;color: red;justify-content: center;font-size: 12px;box-sizing: content-box;font-family: Arial, sans-serif;}.mgbox::before {content: 'Konten berikut adalah iklan platform MGID. Media kami tidak terkait dengan materi konten ini.';display: flex;width: calc(98% - 16px);border: 1px solid red;padding: 10px 7px;margin: 5px 1%;text-align: center;color: red;position: absolute;top: 30px;left: 0;justify-content: center;font-size: 12px;box-sizing: content-box;font-family: Arial, sans-serif;}.mgheader {margin-bottom: 50px!important;}.rec__disclaimer::before{content: 'Konten berikut adalah iklan platform Recreativo. Media kami tidak terkait dengan materi konten ini.';display: flex;width: calc(98% - 16px);border: 1px solid red;padding: 10px 7px;margin: 5px 1%;text-align: center;color: red;justify-content: center;font-size: 12px;box-sizing: content-box;font-family: Arial, sans-serif;}.geozo__disclaimer{display: flex;width: calc(98% - 16px);border: 1px solid red;padding: 10px 7px;margin: 5px 1%;text-align: center;color: red;justify-content: center;font-size: 12px;box-sizing: content-box;font-family: Arial, sans-serif;margin-bottom: 25px!important;}.mgid__disclaimer::before{content: 'Konten berikut adalah iklan platform MGID. Media kami tidak terkait dengan materi konten ini.';display: flex;width: calc(98% - 16px);border: 1px solid red;padding: 10px 7px;margin: 5px 1%;text-align: center;color: red;justify-content: center;font-size: 12px;box-sizing: content-box;font-family: Arial, sans-serif;} .promed-profile { margin: 10px auto; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); border: 1px solid #eff0f6 } .promed-profile-container { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column } .promed-cover-image { width: 100%; height: 250px; object-fit: cover; border-bottom: 1px solid #eff0f6 } .promed-cover-logo { position: absolute; width: 200px } .promed-header { text-align: center; padding: 15px; position: relative } .promed-thumbnail { width: 80px; height: 80px; overflow: hidden; border-radius: 8px; border-radius: 100%; border: 3px solid #fff; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); background-color: #fff } .promed-thumbnail img { width: 100%; height: 100%; object-fit: cover } .promed-name { margin-top: 50px; font-weight: 700; font-size: 18px } .promed-description { color: #65676b; margin-top: 5px; font-size: 14px } .promed-report { margin-top: 30px; font-size: 12px } .promed-report a { color: #3b5998 } .promed-social-links { display: flex; justify-content: center; gap: 15px; margin-top: 15px; padding-bottom: 15px } .promed-social-links a { color: #65676b; font-size: 24px } .promed-follow-button { display: block; width: 200px; margin: 15px auto; padding: 10px; background-color: #1877f2; color: #fff; text-align: center; border-radius: 5px; text-decoration: none; font-weight: 700 } .promed-followers { text-align: center; color: #65676b; font-size: 14px } .hide{display: none!important;} /* css global news v.2 250525 - icon author - opini details */