@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html {
  font-family: "Poppins", sans-serif;
  font-size: 100%;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: "Poppins", sans-serif;
    font-size: 100%;
  }
}
body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #1C1C1C;
}

.path-frontpage #main-wrapper {
  display: none;
}
.path-frontpage .highlighted aside {
  padding: 0;
}

.container {
  max-width: 1200px;
}

.site-footer {
  background: #F3F3F3;
  padding: 0;
  text-align: center;
}
.site-footer .content {
  color: #1C1C1C;
  font-size: 16px;
  padding: 0;
}
.site-footer .site-footer__bottom {
  border: none;
  margin: 0;
}
.site-footer .site-footer__bottom > section {
  margin-top: 0;
}
.site-footer .block {
  margin: 0;
}
.site-footer .footer-social {
  width: 55%;
  margin: 0 auto;
  padding: 20px 0;
}
.site-footer .footer-social > div:first-child {
  margin-bottom: 15px;
}
.site-footer .footer-social a {
  margin: 0 10px;
  position: relative;
}
.site-footer .footer-social a img {
  display: inline-block;
}
.site-footer .footer-social a img.h-active {
  display: none;
}
.site-footer .footer-social a:hover img {
  display: none;
}
.site-footer .footer-social a:hover img.h-active {
  display: inline-block;
}
.site-footer .footer-copyright {
  background: #F51E1E;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
}
.site-footer .footer-copyright a {
  color: #FFFFFF;
  text-decoration: none;
}
.site-footer .footer-copyright a:hover {
  color: #FFFFFF;
}
.site-footer .footer-copyright .footer-link {
  text-align: right;
}

#block-rtm-backtotop #back-to-top {
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 19;
  width: 55px;
  height: 55px;
  text-align: center;
  text-decoration: none;
  transition: all 1s;
  display: none;
  background: #FF2E6C;
  border-radius: 100%;
  cursor: pointer;
  padding: 14px 0;
}
#block-rtm-backtotop #back-to-top.show {
  display: block;
  transition: all 0.2s;
}
#block-rtm-backtotop #back-to-top:hover {
  width: 59px;
  height: 59px;
  transition: all 0.2s;
}

.title-part {
  font-size: 26px;
  color: #FFFFFF;
  position: relative;
}
.title-part:before {
  content: "";
  border-left: 8px solid #FF2147;
  border-radius: 4px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 3px;
}
.title-part span {
  margin-left: 25px;
}

.videoPart {
  background: #000000;
  padding: 20px 0;
}
.videoPart .nav-tabs {
  border-bottom: 1px solid #D1D5DB;
}
.videoPart .nav-tabs li button {
  font-size: 18px;
  color: #B0B6BF;
  border: none;
  position: relative;
  text-transform: uppercase;
}
.videoPart .nav-tabs li button.active {
  color: #FF2147;
  background: none;
}
.videoPart .nav-tabs li button.active:after {
  content: "";
  border-top: 4px solid #FF2147;
  border-radius: 4px;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.videoPart .tab-content {
  padding: 15px 12px;
}
.videoPart iframe {
  border-radius: 10px;
}
.videoPart .leftsection {
  padding-right: 30px;
  padding-left: 0;
}
.videoPart .rightsection {
  padding-left: 30px;
}
.videoPart .rightsection .view-video {
  min-height: 350px;
}
.videoPart .rightsection .more-video {
  text-align: right;
  margin-top: 10px;
}
.videoPart .rightsection .more-video a {
  text-decoration: none;
  font-weight: 600;
  color: #FF2E6C;
}
.videoPart .rightsection .more-video a span {
  margin-right: 10px;
}
.videoPart .rightsection .more-video a img {
  display: inline-block;
}
.videoPart .rightsection .more-video a img.active {
  display: none;
}
.videoPart .rightsection .more-video a:hover img {
  display: none;
}
.videoPart .rightsection .more-video a:hover img.active {
  display: inline-block;
}
.videoPart .views-row {
  border-bottom: 1px solid #D1D5DB;
  padding: 15px 20px;
}
.videoPart .views-row:first-child {
  padding: 0 20px 15px 20px;
}
.videoPart .views-row:last-child {
  border-bottom: none;
}
.videoPart .views-row .image-list {
  padding: 10px 0;
}
.videoPart .views-row .image-list .image {
  padding: 0;
}
.videoPart .views-row .image-list .image img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.videoPart .views-row:first-child .image-list {
  padding-top: 0;
}
.videoPart .views-row:last-child .image-list {
  border-bottom: none;
  padding-bottom: 0;
}
.videoPart .views-row.select .image-list {
  position: relative;
  /* &:before {
     content: "\f0da";
     position: absolute;
     left: -18px;
     font-family: "Font Awesome 5 Free";
     color: #343a40;
     font-size: 18px;
     margin-top: 24px;
     font-weight: 700;
   }*/
  /*.info {
    .title {
      font-weight: 700;
    }
  }*/
}
.videoPart .kategori {
  width: fit-content;
  padding: 3px 15px;
  background: #F51E1E;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.videoPart a.title {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.videoPart a.title p {
  margin-bottom: 0;
}
.videoPart .tarikh {
  font-size: 12px;
  font-weight: 500;
  color: #959BA8;
  position: relative;
  margin-top: 15px;
}
.videoPart .tarikh:before {
  content: "";
  background: url("../images/Time small grey.svg") no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 3px;
}
.videoPart .tarikh span {
  margin-left: 20px;
}
.videoPart .slider-info {
  padding-left: 15px;
  margin-top: 15px;
}
.videoPart .slider-info > div {
  display: inline-block;
  vertical-align: middle;
}
.videoPart .slider-info > div.kategori {
  margin-bottom: 0;
  margin-right: 15px;
}
.videoPart .slider-info > div.tarikh {
  margin-top: 0;
}
.videoPart .slider-title {
  font-size: 27px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 10px;
  padding-right: 20px;
  padding-left: 15px;
}

.audioPart {
  background: #000000;
  padding: 20px 0;
  border-top: 1px solid #D1D5DB;
}

.popular-homepage {
  padding: 20px 0 60px 0;
}
.popular-homepage .title-part {
  color: #2B2B2B;
}
.popular-homepage .popular-content {
  margin-top: 20px;
}
.popular-homepage .popular-content .popular-title {
  background: #E5E7EB;
  border-radius: 10px 10px 0 0;
  color: #FF2147;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px;
  border: 1px solid #DDE1E2;
  border-bottom: none;
}
.popular-homepage .popular-content .popular-list {
  border: 1px solid #DDE1E2;
  border-top: none;
  border-bottom: none;
  background: #F9FAFB;
  padding: 10px;
  font-size: 14px;
}
.popular-homepage .popular-content .popular-list .view-content .views-row {
  margin-bottom: 15px;
}
.popular-homepage .popular-content .popular-list .image-article {
  padding-right: 0;
}
.popular-homepage .popular-content .popular-list .image-article img {
  width: 100%;
  height: 111px;
  object-fit: cover;
  border-radius: 10px;
}
.popular-homepage .popular-content .popular-list .content-article .article-title {
  line-height: 15px;
  min-height: 30px;
  margin-bottom: 10px;
}
.popular-homepage .popular-content .popular-list .content-article .article-title a {
  color: #1C1C1C;
  font-weight: 500;
  text-decoration: none;
}
.popular-homepage .popular-content .popular-list .content-article .article-body p {
  margin-bottom: 10px;
}
.popular-homepage .popular-content .popular-list .content-article .article-body p em {
  font-style: normal !important;
}
.popular-homepage .popular-content .popular-list .content-article .article-body p strong {
  font-weight: 400 !important;
}
.popular-homepage .popular-content .popular-list .content-article .article-date {
  font-size: 12px;
  font-weight: 500;
  color: #6B7280;
  position: relative;
}
.popular-homepage .popular-content .popular-list .content-article .article-date:before {
  content: "";
  background: url("../images/Time small grey.svg") no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 3px;
}
.popular-homepage .popular-content .popular-list .content-article .article-date span {
  margin-left: 20px;
}

.more-popular {
  border: 1px solid #DDE1E2;
  border-top-width: 1px;
  border-top: none;
  border-radius: 0 0 10px 10px;
  background: #F9FAFB;
  padding: 15px;
  text-align: right;
  position: relative;
}
.more-popular:before {
  content: "";
  width: 100%;
  border-top: 1px solid #DDE1E2;
  display: block;
  position: relative;
  top: -15px;
}
.more-popular a {
  color: #FF2E6C;
  font-weight: 600;
  text-decoration: none;
}
.more-popular a span {
  margin-right: 7px;
  vertical-align: middle;
}
.more-popular a img {
  display: inline-block;
}
.more-popular a img.active {
  display: none;
}
.more-popular a:hover img {
  display: none;
}
.more-popular a:hover img.active {
  display: inline-block;
}

.mesti-terkini {
  border: 1px solid #D1D5DB;
  border-left: none;
  border-right: none;
  margin: 30px 0;
}
.mesti-terkini .mesti-kiri {
  border-right: 1px solid #D1D5DB;
}
.mesti-terkini .title-part {
  color: #2B2B2B;
}
.mesti-terkini .day-part {
  position: relative;
  margin-top: 20px;
}
.mesti-terkini .day-part .kategori-berita {
  position: absolute;
  left: 20px;
  top: 20px;
  background: #FF2147;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
  padding: 3px 20px;
}
.mesti-terkini .day-part .imej-berita a img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.mesti-terkini .day-title {
  margin: 5px 0 10px 0;
  line-height: 30px;
}
.mesti-terkini .day-title a {
  font-size: 24px;
  font-weight: 600;
  color: #1C1C1C;
  text-decoration: none;
}
.mesti-terkini .day-date {
  font-size: 12px;
  font-weight: 500;
  color: #6B7280;
  padding-right: 70px;
}
.mesti-terkini .day-date > span {
  float: left;
  position: relative;
}
.mesti-terkini .day-date > span:before {
  content: "";
  background: url("../images/Time small grey.svg") no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 3px;
}
.mesti-terkini .day-date > span:last-child {
  float: right;
}
.mesti-terkini .day-date > span:last-child:before {
  content: "";
  background: url("../images/Baca.png") no-repeat;
  width: 14px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 3px;
}
.mesti-terkini .day-date > span span {
  margin-left: 20px;
}
.mesti-terkini .baca-terkini {
  margin: 20px 0;
}
.mesti-terkini .baca-terkini .baca-terkini-title {
  background: #F51E1E;
  border-radius: 10px 10px 0 0;
  font-size: 18px;
  font-weight: 700;
  color: #FFF;
  padding: 10px 15px;
}
.mesti-terkini .baca-terkini .baca-terkini-list {
  background: #F9FAFB;
  box-shadow: 0px 3px 16px #00000029;
  font-size: 14px;
  padding: 20px;
  border-radius: 0 0 10px 10px;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content {
  position: relative;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content:before {
  content: "";
  width: 2px;
  height: calc(100% - 70px);
  position: absolute;
  background: #FCA5A5;
  left: 12px;
  top: 4px;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row {
  margin-bottom: 15px;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content {
  position: relative;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #DC2626;
  border-radius: 100%;
  position: absolute;
  left: -4px;
  top: 3px;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content > div {
  display: inline-block;
  vertical-align: top;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content > div img {
  width: 64px;
  height: 62px;
  object-fit: cover;
  border-radius: 10px;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content > div.terkini-date {
  font-size: 12px;
  font-weight: 600;
  color: #6B7280;
  padding: 0 0 0 10px;
  width: 45px;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content > div.terkini-content {
  width: calc(100% - 120px);
  padding-left: 10px;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content > div.terkini-content .terkini-kategori {
  font-size: 12px;
  background: #E5E7EB;
  border-radius: 13px;
  font-weight: 700;
  color: #374151;
  width: fit-content;
  padding: 2px 15px;
  text-transform: uppercase;
}
.mesti-terkini .baca-terkini .baca-terkini-list .view-content .views-row .field-content > div.terkini-content .terkini-tajuk a {
  font-weight: 500;
  line-height: 15px;
  margin-top: 5px;
  text-decoration: none;
  color: #1C1C1C;
}
.mesti-terkini .baca-terkini .more-popular {
  border: none;
  padding: 15px 0 0 0;
  margin-top: 10px;
}
.mesti-terkini .day-two {
  margin-top: 15px;
  border-top: 1px solid #D1D5DB;
  padding-top: 20px;
}
.mesti-terkini .day-two .day-title {
  margin: 0;
  line-height: 24px;
}
.mesti-terkini .day-two .day-title a {
  font-size: 20px;
}
.mesti-terkini .day-two .day-part {
  margin-top: 0;
}
.mesti-terkini .day-two .kategori-berita {
  left: 20px;
  top: 10px;
}
.mesti-terkini .baca {
  margin: 20px 0;
}
.mesti-terkini .baca .kategori-berita {
  left: 20px;
  top: 10px;
}
.mesti-terkini .baca-list {
  margin: 15px 0;
}
.mesti-terkini .baca-list .day-title {
  margin: 0;
  line-height: 24px;
}
.mesti-terkini .baca-list .day-title a {
  font-size: 20px;
}
.mesti-terkini .baca-list .day-part {
  margin-top: 0;
}
.mesti-terkini .baca-list .baca-list-more {
  margin-top: 20px;
}
.mesti-terkini .baca-list .baca-list-more .views-row .views-field {
  border-top: 1px solid #DDE1E2;
  padding: 15px 0;
}
.mesti-terkini .baca-list .baca-list-more .views-row .views-field a {
  font-size: 20px;
  line-height: 26px;
  color: #1C1C1C;
  text-decoration: none;
  font-weight: 600;
}
.mesti-terkini .popular-baca {
  margin-top: 15px;
}
.mesti-terkini .popular-baca .day-title {
  margin: 0;
  line-height: 24px;
}
.mesti-terkini .popular-baca .day-title a {
  font-size: 20px;
}
.mesti-terkini .popular-baca .day-part {
  margin-top: 0;
}

.node--type-article #block-rtm-page-title .content .field--name-field-category {
  background: #FF2147;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
  padding: 3px 20px;
  width: fit-content;
}
.node--type-article #block-rtm-page-title .content .title {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}
.node--type-article #block-rtm-content .field--name-field-image {
  float: none;
}
.node--type-article #block-rtm-content .field--name-field-image img {
  border-radius: 10px;
}
.node--type-article #block-rtm-content .field--name-field-tarikh {
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  position: relative;
}
.node--type-article #block-rtm-content .field--name-field-tarikh:before {
  content: "";
  background: url("../images/Time small grey.svg") no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 3px;
}
.node--type-article #block-rtm-content .field--name-field-tarikh time {
  margin-left: 20px;
}

/*# sourceMappingURL=custom3.css.map */