@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../../../vivacoid/ramadan25/fonts/plus-jakarta-sans/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yygg_vb.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.widget-ramadhan25{--widget-space-small:8px; font-family:'Plus Jakarta Sans',sans-serif; --widget-space-normal:13px; --primary-color:#375D52; --secondary-color:#AE8D4B; --trinity-color:#58786E; font-family:sans-serif, serif; font-size:14px;
background-color:var(--primary-color); position: relative; overflow:hidden; border-radius:var(--widget-space-normal); box-shadow:0 8px 25px 0 rgba(0,0,0,.08);
background: linear-gradient(166.7deg, #053023 0%, #375D52 100%);}
.widget-ramadhan25-head{--logo-size:64px; padding:21px; margin-bottom: 21px; background: #E6EBE9; border-radius: 0 0 34px 34px;}
.widget-ramadhan25-logo{position: relative; width:100%; max-width: 300px;}
.widget-ramadhan25-logo:before{content:''; display:block; padding-top:calc(19/150*100%);}
.widget-ramadhan25-logo img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.thumb-pattern-widget{position: absolute; top: 0; left: 0;}

.jadwal-ibadah{justify-content: center; gap: 8px;}
.jadwal-ibadah > *{text-align: center;}
.title-wg-rm25{color: var(--secondary-color); font-weight: 700; font-size: 16px; text-transform: uppercase;}
.date-wg-rm25{color: #E6EBE9; font-size: 16px; font-weight: 500;}
.time-wg-rm25-container{display: flex; justify-content: center;}
.time-wg-rm25-content{background-color: #AE8D4B; padding: 4px 13px; border-radius: 8px; display: flex; gap: 4px; align-items:center; justify-content: space-between;}
.time-wg-rm25-content > * {color: #F7F4ED; font-size: 16px; font-weight: 700;}

.widget-ramadhan25-list{padding:0 var(--widget-space-normal);}
.widget-ramadhan25-list > *{margin-bottom:var(--widget-space-small);}
.widget-ramadhan25-row{--article-thumb-size:85px; display:grid; grid-template-columns: 1fr; 
grid-column-gap:var(--widget-space-normal); padding-bottom:var(--widget-space-normal);}
.widget-ramadhan25-row:last-child{margin-bottom:0;}
.widget-ramadhan25-thumb-link{position: relative; overflow:hidden; border-radius: 21px 2px 21px 2px; margin-bottom: 13px;}
.widget-ramadhan25-thumb-link::before{display: block; content: ''; padding-top: 56.25%;}
.widget-ramadhan25-thumb-link img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.widget-ramadhan25-thumb-link:hover{opacity:0.6;}
.widget-ramadhan25-info{display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:flex-start;}
.widget-ramadhan25-title{color:#FFF; display:block;}
.widget-ramadhan25-title:hover{color:var(--secondary-color) !important;}
.widget-ramadhan25-title h2{font-size:14px; line-height:140%; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.widget-ramadhan25-misc *{font-size:12px; color:#E6EBE9; font-weight:normal;}
.widget-ramadhan25-misc > *{display:inline-flex; margin-top:5px;}
.widget-ramadhan25-date{padding-left:5px; margin-left:2px;}
.widget-ramadhan25-cate{background: #E6EBE9; padding: 4px 8px; border-radius: 8px 2px 8px 2px;}
.widget-ramadhan25-cate > *{color: var(--trinity-color) !important; font-weight: 500;}

.wg-rm25-hadish{justify-items: center; row-gap: 13px;}
.thumb-wg-rm25-hadish{position: relative; width: 100%; max-width: 150px;}
.thumb-wg-rm25-hadish::before{display: block; content: ''; padding-top: calc(119/274*100%);}
.thumb-wg-rm25-hadish img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.wrapper-ayat{position: relative; background: #E6EBE9; border-radius: 21px 5px 21px 5px; padding: 21px; min-height: 265px;}
.content-ayat-container{position: relative;}
.content-ayat{position: relative; max-height: 140px; padding-bottom: 40px; overflow-y: scroll; box-sizing: content-box; -ms-overflow-style: none; scrollbar-width: none; padding-right: 8px;}
.content-ayat p{font-size: 13px;}
.overlay-ayat{position: absolute; height: 45px; width: 100%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(230, 235, 233, 0) 0%, #E6EBE9 100%);}
.info-ayat{position: relative; height: 90px;}
.wrapper-info-ayat{position: absolute; bottom: 0; left: 0; padding: 8px; padding-left: 72px; border-radius: 0 5px 13px 0; background: var(--secondary-color); color: #FFFFFF;}
.thumb-masjid{position: absolute; bottom: 0; left: 0; width: 97px;}
.thumb-masjid::before{display: block; content: ''; padding-top: calc(88/85*100%);}
.thumb-masjid img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.wg-smartmap-rm25{gap: 13px;}
.sm-notice-wrapper{margin: 0 13px; background: #E6EBE9; padding: 8px 13px; margin-top: 13px; border-radius: 13px; display: grid; grid-template-columns: 20% 1fr; gap: 13px;}
.sm-notice-icon{display: flex; align-items: center;}
.sm-notice-content{display: grid; row-gap: 8px;}
.sm-notice-content .title{font-size: 13px; color: var(--primary-color); font-weight: 800;}
.sm-notice-content .summary{font-size: 10px;}
.menu-smartmap-container{margin: 0 13px; overflow-x: scroll; box-sizing: content-box; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 8px;}
.menu-smartmap-list{display: flex; gap: 8px;}
.card-menu-row{display: flex; align-items: center; min-width: 180px; justify-content: center; gap: 8px; border-radius: 8px; padding: 5px 21px; background: #E6EBE9;}
.icon-menu-sm .svgicon{stroke: var(--secondary-color);}
.card-menu-row p{font-size: 20px; color: var(--primary-color); font-weight: 800;}
.card-menu-row.active, .card-menu-row:hover{background: var(--secondary-color);}
.card-menu-row.active p, .card-menu-row:hover p{color: #E6EBE9;}
.card-menu-row.active .icon-menu-sm .svgicon, .card-menu-row:hover .icon-menu-sm .svgicon{stroke: #E6EBE9;}
.place-recommended-container{margin: 0 13px; padding-right: 8px;}
.place-recommended-list{display: grid; row-gap: 13px;}
.card-place-list{width: 100%; background: #F7F4ED; border-radius: 13px; display: grid; grid-template-columns: 15% 1fr; gap: 8px; padding: 8px;}
.icon-place-container .svgicon{stroke: var(--secondary-color);}
.card-place-list .title-container{display: flex; gap: 8px;}
.card-place-content p{font-size: 16px; font-weight: 800; color: var(--primary-color);}
.place-info-container{display: flex; justify-content: space-between; margin-top: 13px; align-items: center;}
.place-info-container .place-info{display: flex; gap: 13px;}
.place-info-container .place-info > *{font-size: 10px; font-weight: 700; background: var(--secondary-color); color: #FFFFFF; border-radius: 2px 8px 2px 8px; padding: 8px;}
button.btn-to-place{padding: 5px 8px !important; border-radius: 5px !important; text-transform: uppercase; font-weight: 700; background: var(--primary-color) !important; font-style: normal !important;}
.overlay-place-scroll{position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: linear-gradient(180deg, rgba(253, 253, 253, 0) 0%, #FDFDFD 100%); z-index: 2;}

.card-place-list.blue-card .icon-place-container .svgicon{stroke: #4B7DAE;} 
.card-place-list.blue-card .info-indikator{background: #4B7DAE;} 
.card-place-list.red-card .icon-place-container .svgicon{stroke: #AE4B4B;} 
.card-place-list.red-card .info-indikator{background: #AE4B4B;} 
.card-place-list.green-card .icon-place-container .svgicon{stroke: #4BAE50;} 
.card-place-list.green-card .info-indikator{background: #4BAE50;} 

.gt-microsite-rm25{color: #E6EBE9; margin: 0 21px; font-weight: 800; font-size: 13px; font-style: italic;}
.widget-ramadhan25-more{display: flex; justify-content: center; align-items: center; margin-bottom: 21px;}
.widget-ramadhan25-btn{display:flex; border-radius:var(--widget-space-small); border-radius:4px; color:#FFF !important;
padding:21px; font-weight:bold; -webkit-appearance:none; text-align:center; font-style: italic; text-transform:uppercase; background: #AE8D4B; padding: 4px 21px !important;}
.widget-ramadhan25-btn:hover{background-color:var(--primary-color);}
.widget-ramadhan25-btn .fas{margin-left:5px;}


@media screen and (min-width:640px){
  .widget-ramadhan25.mobile-only .widget-ramadhan25-row{--article-thumb-size:151.11px;}
  .widget-ramadhan25.mobile-only .widget-ramadhan25-thumb-link{height:85px;}
}
.hide { display: none;}