@font-face { font-family: gotham; src: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/GothamMedium.ttf); } @font-face { font-family: gotham-light; src: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/GothamLight.ttf); } .spaceShifter{ margin-bottom:86px; } body,html{ padding:0; margin:0; font-family: gotham; background-repeat: no-repeat; background-position: top left; background-size: cover; background-color: #ccc; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgMain.svg); background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bg_img.jpg); background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Artboard-1.png); /*background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/BGN1.svgz);*/ font-size:24px; scroll-behavior: smooth; } body .page-id-258, body .page-id-133{ font-size:21px; } p:empty,#colophon{display: none;} .ms-madi-regular { font-family: "Ms Madi", cursive; font-weight: 400; font-style: normal; } .maskBanner { -webkit-mask-image: url(./PRI3.png); mask-image: url(./PRI3.png); mask-repeat: no-repeat; mask-size: 100%; } .maskMenu1{ -webkit-mask-image: url(./PRI3.png); mask-image: url(./PRI3.png); mask-repeat: no-repeat; mask-size: 100%; } .maskSalute{ -webkit-mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/croper.png); mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/croper.png); mask-repeat: no-repeat; mask-size: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); } #sectionBanner{ position: relative; width: calc(100% - 40px); /* padding-bottom:30%; */ margin:0 auto; display: flex; } #bannerCtrBg{ position: absolute; width:100%; height: 100%; top:0; left:0; -o-object-fit: cover; object-fit: cover; } #sectionMainEvent{ position: relative; display: flex; width:100%; padding-top:40px; /*min-height: 100vh;*/ /*max-width: 1500px;*/ padding-bottom:45%; margin: 0 auto; /* align-items: center; justify-content:center; flex-direction: column; */ /* background-color: #fff; */ /* background-repeat: no-repeat; background-size: cover; background-position: center; */ /* background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/guitar.png); */ /* background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgMain.jpg); */ } #sectionMainEvent:before, #sectionMainEvent:after{ content:" "; position: absolute; z-index: -2; left:0; top:0; width:100%; height: 100%; } #sectionMainEvent:after{ z-index: -1; /* background-repeat: no-repeat; background-position: 300px 0; background-size: cover; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/arrow.png); filter: invert(100%); */ /* background: #CF3F25; background: linear-gradient(270deg, rgba(207, 63, 37, 1) 0%, rgba(176, 135, 71, 1) 45%, rgba(162, 188, 208, 1) 100%); opacity:0.8; */ } #sectionMainEvent:before{ /* background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgMain.jpg); */ background-position: bottom; } #PRIInfo{ color:#000; display: flex; font-family: sans-serif; font-size: 1.2em; text-transform: uppercase; /* margin: 0 auto; max-width: 750px; */ margin-top:1.1em; /* padding: 10px; background-color: #fff; border-radius: 20px; */ margin-bottom: 5em; /* width: 90%; */ text-align: center; } .textFill{ margin-left:5px; margin-right:5px; } #festivalMap{ position: relative; width:50%; padding-bottom:23%; background-repeat: no-repeat; background-position: top center; background-size: contain; /* background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/mapFest.jpg); */ /* background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/mapMock.png); */ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/logoMiddle1.png); background-size: 86%; } #festivalExplaination{ width:50%; display: flex; justify-content: flex-start; align-items: center; } #sectionFestivalDefinition{ margin-bottom:50px; display: flex; width:100%; flex-wrap: wrap; } .mainSectionHdr{ font-size: 2.2em; font-weight: 800; text-transform: uppercase; margin-bottom: 13px; } .eventInfoSection{ line-height: 1.5;; } #festDev{ max-width: 800px; text-align: justify; color: #fff; font-size: 1.4em; font-family: gotham-light; } #sectionSeminarDefinition{ display: flex; justify-content: center; /* background-color: #f6f6f6; background-color: #e9e9e9; */ position: relative; overflow: hidden; } /* #sectionSeminarDefinition:before{ content: "WORKSHOP RUANG KARYA"; position: absolute; display: block; max-width:100%; top: 0; left: 0; font-size: 17em; font-weight: 800; color: #fff; line-height: 1; } */ #seminarFlexWrap{ max-width: 1024px; z-index: 2; } .sectionFestPadding{ padding-top: 2em; padding-bottom:5em; } #sectionDenahAcara { display: flex; max-width: 1700px; flex-wrap: wrap; margin: 0 auto; } .tileSeminarFest{ position: relative; /*width: 360px;*/ width:225px; height: 400px; box-sizing: border-box; padding:10px; background-color: #B19862; margin-bottom: 5px; background-repeat: no-repeat; background-size: contain; background-position: top; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/kkr.png); border-radius: 30px; overflow: hidden; } .tileWidth100{ width:100% !important; max-width: 100% !important; } #sectionLeaderTalk .tileWidth100 .grouperPhotoTalk + div{ max-width: 600px; } #sectionLeaderTalk .tileWidth100 .grouperPhotoTalk{ display: flex; justify-content: space-between; width: 200px; } #seminarFestList .tileSeminarFest { height: 450px; margin-bottom: 20px; } /* .tileSeminarFest::before{ position: absolute; width:100%; height: 100%; top:0; left:0; content: " "; box-sizing: border-box; background-color: #fff; opacity: 0.7; } */ #seminarFestList{ display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 25px; } .ruangKaryaHdr{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 5px; color:#fff; width:100%; } #seminarDay1{ margin-bottom: 35px; } .dayText{ font-size: 1.8em; text-transform: uppercase; } .ruangKaryaWrap{ width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; } .btnSeminarFestReg,.btnMoreInfo{ display: inline-block; padding:10px 8px; text-decoration: none; text-align: center; color:#fff; border-radius: 3px; margin-bottom:10px; margin-top:10px; width: calc(100% - 15px); } .btnMoreInfo{ background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/daftarSekarang.png); width:350px; height:86px; background-color: transparent; padding:0; } #seminarFestList .btnMoreInfo{display: none;} .tileSeminarFest{ position: relative; } .seminarTextContentWrp{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; padding: 0px; box-sizing: border-box; } #seminarFestList .seminarTextContentWrp .infoSeminarFest{ color:#666; } .infoSeminarFest{ font-size: 1.1em; color:#fff; } .speaker{ color:#fff; margin-top:50px; } .speakerName{ font-weight: 700; font-size: 1.3em; } .titleTileFest{ margin-bottom: 0px; font-size: 1.7em; font-weight: 500; text-transform: capitalize; color: #fff; } #seminarFestList .seminarTextContentWrp .titleTileFest{ margin-bottom: 3px; font-size: 1.4em; } .wrpFlexCtr{ display: flex; width: 100%; max-width: 1700px; flex-wrap: wrap; justify-content: SPACE-AROUND; /* /* margin-left: auto; */ /* margin-right:30px; */ } .wrpFlexCtr > .tileSeminarFest:nth-child(even) .infoSeminarFest, [id^="ruangKaryaDay"].wrpFlexCtr > .tileSeminarFest:nth-child(odd) .infoSeminarFest, #ruangKaryaDay2.wrpFlexCtr > .tileSeminarFest:nth-child(odd) .infoSeminarFest{ flex-direction: row-reverse; } #ruangKaryaDay2.wrpFlexCtr > .tileSeminarFest:nth-child(even) .infoSeminarFest, [id^="ruangKaryaDay"].wrpFlexCtr > .tileSeminarFest:nth-child(even) .infoSeminarFest{ flex-direction: row; } #sectionLeaderTalk{ position: relative; /* background-color: #000000c4; */ } /* #sectionLeaderTalk:before{ content: " "; z-index: -1; position:absolute; left:0; top:0; height: 100%; width:100%; background-repeat: no-repeat; background-size: cover; background-position: left center; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/pidato.png); background-attachment: fixed; filter: grayscale(100%); -webkit-filter: grayscale(100%); } */ #sectionLeaderTalk .tileSeminarFest, .sectionLeaderTalk .tileSeminarFest{ height: auto; width: 100%; border-radius: 0px; overflow: hidden; padding: 0; background-image: none; display: flex; align-items: center; background-color: transparent; /* background-color: #0000004d; */ margin-bottom:50px; } #sectionLeaderTalk .seminarTextContentWrp, .sectionLeaderTalk .seminarTextContentWrp{ position: relative; border:none; background-color: transparent; /* background-color: #ff742933; */ } #wrpLeaderTalk .btnMoreInfo{display: none;} #wrpLeaderTalk,.wrpLeaderTalk{ display: flex; flex-direction: column; justify-content: center; align-items: center; } #leaderTalkWrp,.leaderTalkWrp{ flex: 1; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; width: 100%; max-width: 950px; } #leaderHeaderText,.leaderHeaderText{ color: #fff; font-size: 2.2em; /* text-align: left; */ } #leaderTalkDesc,.leaderTalkDesc{ width: 100%; max-width: 1000px; color: #fff; text-align: center; font-size: 1.1em; font-size: 0.8em; } #sectionMusicFest{ /* background-color: #000; */ position: relative; /* background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/guitar.png); */ /* background-size: cover; background-repeat: no-repeat; background-position: right; */ color:#fff; } #sectionMusicFest::before{ content: " "; position: absolute; top:0; left:0; width:100%; height: 100%; /* background: #b50511; background: #b50511; background: linear-gradient(90deg, rgba(181, 5, 17, 1) 0%, rgba(194, 70, 68, 1) 73%, rgba(237, 183, 83, 1) 100%),url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/noise.svg); */ z-index: -1; } #sectionLeaderTalk .infoSeminarFest,.sectionLeaderTalk .infoSeminarFest{ display: flex; justify-content: space-around; /* color:#fff; */ } #sectionLeaderTalk .profileSpeaker, .sectionLeaderTalk .profileSpeaker{ background-repeat: no-repeat; background-position: center; background-size: contain; width: 850px; height: 700px; border-radius: 0; } #sectionLeaderTalk .profileSpeaker + div, .sectionLeaderTalk .profileSpeaker + div{ max-width: 1000px; display: flex; flex-direction: column; justify-content: center; } #sectionLeaderTalk .btnMoreInfo, .sectionLeaderTalk .btnMoreInfo{ margin-bottom: 0; padding-left: 0; margin-top: 0; /* color:#fff; */ } .spkTitle{ font-size: 1.2em; font-weight: 600; margin-top: 50px; } .indicatorDay{ margin-bottom: 15px; color: #fff; width: 90%; padding-bottom:86px; max-width: 1700px; font-size: 1.2em; font-weight: 600; background-repeat: no-repeat; background-position: center; background-size: contain; } .bgTransparent{ background-color: transparent !important; } .wrp810{ display: flex; flex-wrap: wrap; width:100%; max-width: 1700px; justify-content: space-around; } .wrpBtnJelajahKarya{ color:#fff; text-align: center; margin:30px auto; } .scetionMusicDimension{ width:100%; max-width: 1200px; margin:auto; text-align: center; font-size: 1.1em; } .wrp810 > div[id^="musicPerformance"]{ position: relative; width:100%; max-width: 800px; box-sizing: border-box; display: flex; padding-left:12px; padding-right:12px; /* padding:12px; */ /* border: 10px solid #fff; border-radius: 3px; */ margin-bottom: 65px; /* background-color: #44444470; */ border-radius: 5px; align-items: end; height: 700px; background-repeat: no-repeat; background-position: bottom; background-size: contain; } .wrp810 > div[id^="musicPerformance"]::before { position: absolute; z-index: 0; width:100%; height:100%; top:0; left:0; background-repeat: no-repeat; background-position: bottom; background-size: contain; /* filter:grayscale(100%); */ } /* #musicPerformance11:before {background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/salPriadi.png);} #musicPerformance12:before {background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Vierratale.png);} #musicPerformance21:before {background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/ghea.png);} #musicPerformance22:before {background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/dmasiv.png);} */ .bgPosTop{ background-position: center !important; } .photoHolder{ width:215px; height:200px; display: none; /* background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: cover; border-radius: 5px; */ } .musicPerfWrp{ display: flex; justify-content: center; margin-bottom: 5em; } .descnSchedule{ display: flex; flex-direction: column; color: #fff; align-items: center; justify-content: center; margin: 0 auto; border-radius: 5px; /* background-color: #fff; */ flex: 1; height: 50px; padding-bottom: 10px; margin-bottom: -90px; } .performanceName{ font-weight: 800; font-size: 2.4em; margin-bottom: 0; text-transform: capitalize; color: #fff; } .performanceShowTime{ font-family: gotham-light; margin-top: 20px; font-size: 2.3em; color:#fff; } #leaderTalk12{opacity: 0;} #wrpBooth,#wrpKuliner{ position: relative; display: flex; font-size: 2em; text-transform: uppercase; align-items: baseline; margin-right: 30px; margin-bottom: 30px; color:#fff; text-decoration: none; padding-bottom:20px; } #wrpBooth::before,#wrpKuliner:before{ position: absolute; content:"Lihat detail"; left:0; bottom:0; color:#fff; font-size: 0.5em; color:#ccc; } #poochWrapper{justify-content: start;display: flex;flex-wrap: wrap;} .textNumberStat{ font-weight: 800; margin-right: 8px; } #sectionUMKM{ background-repeat: no-repeat; background-position: bottom; background-size: cover; color:#fff; display: flex; flex-direction: column; justify-content: center; font-size: 1.3em; /* background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/booth.png); */ } #sectionUMKM > p,#sectionUMKM > div{ margin:0 auto; justify-content: center; } .noise { /* ... */ background: linear-gradient(to right, blue, transparent), url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/noise.svg); } .bgStandard2,.bgStandard{ position: relative; } .bgStandard::before,.bgStandard::after,.bgStandard2::before,.bgStandard2::after { position: absolute; z-index: -2; width:100%; height: 100%; top:0; left:0; } .bgStandard::before{ background: #CF3F25; background: linear-gradient(90deg, rgba(207, 63, 37, 1) 0%, rgba(176, 135, 71, 1) 45%, rgba(162, 188, 208, 1) 100%); } .bgStandard::after{ z-index: -1; background-repeat: no-repeat; background-position: -300px 0; background-size: cover; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/arrow.png); filter: invert(100%); opacity:0.1; } .bgStandard2::before { background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/boothTalk.jpg); } .bgStandard2::after{ opacity: 0.95; z-index: -1; background-image: none; background: #CF3F25; background: linear-gradient(90deg, rgba(207, 63, 37, 1) 0%, rgba(176, 135, 71, 1) 45%, rgba(162, 188, 208, 1) 100%); } #logoOfficialPRI{ width: 95%; margin: 0 auto; max-width: 950px; padding-bottom: 100%; background-size: 110%; background-repeat: no-repeat; background-position: top center; background-size: 103%; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/logoMiddle.png); } .displayInlineBlock,.displayInlineBlockRev{ display: inline-block; padding: 5px 15px; border-radius: 5px; background-color: red; margin-top: 8px; margin-bottom: 10px; } .displayInlineBlockRev{ background-color: #fff; color:red !important; } .talkTopicSeminar { color: #000; font-weight: 600; margin-top: 15px; } .tilePrizeJelajah{ position: relative; width:180px; /* height: 200px; */ /* background-color: #B19862;*/ background-color: #fff; border-radius: 20px; /* overflow: hidden; */ padding: 10px 20px; display: block; box-sizing: border-box; margin-bottom:15px; } .tilePrizeJelajah > .bgCtr{ position: relative; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: contain; width:100%; height: 150px; /* filter: grayscale(100%); */ } .sectionJelajahFooter{ max-width: 800px; } .prizeJelajahDesc{ position: relative; bottom: 0; left: 0; width: 100%; text-align: center; color: #000; /* padding: 5px; */ /* border-radius: 5px; */ text-transform: capitalize; box-sizing: border-box; font-weight: 600; } .prizeJelajahDesc > p{ font-weight: 500; font-size: 0.8em; visibility: hidden; margin: 0; height: 15px; } .sectionJelajahFooter{ margin:0 auto; max-width: 1024px; } .sectionJelajahFooter{ margin:0 auto; } /* #sectionJelajahKarya { background-color: #b1986287; } */ .wrpBtnJelajahKarya{ display: flex; flex-direction: column; align-items: center; } .wrpBtnJelajahKarya > a{ text-decoration: none; margin-bottom: 5px; color: #fff; padding: 10px; } #howTojelajahh { /* font-size: 1.3em; background-color: #fff; color: #b28c54; font-weight: 600; padding: 10px 30px; margin-top: 30px; border-radius: 30px; */ display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 480px; height: 50px; } #notifEventDate,.notifEventDate{ width:83%; margin: 30px auto; margin-bottom:20px; max-width: 950px; padding-bottom: 6%; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/eventDate.png); } .notifGratis{ width:70%; margin: 0px auto; max-width: 400px; padding-bottom: 5%; box-sizing: border-box; min-height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/gratis.png); } .stdWidth,.stdWidthFlex{ width:100%; max-width: 1500px; } .stdWidthFlex{ display: flex; flex-wrap: wrap; margin: auto; justify-content: space-around; } #sectionNavigationPRI .tileSeminarFest{ display: block; background-color: transparent; box-sizing: border-box; height: 211px; background-size: 124px; border-radius: 0; margin-bottom: 55px; /* background-image: none; */ } #sectionNavigationPRI .stdWidthFlex > a + p{display:none;} #sectionNavigationPRI .tileSeminarFest .seminarTextContentWrp{ background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: contain; padding:0; box-sizing: border-box; height: 55px; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 7)); } } .sliderAdapt { background: white; background: transparent; /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */ height: auto; margin: auto; overflow: hidden; position: relative; width: 1000; display: block; } .sliderAdapt::before, .sliderAdapt::after { background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); background: transparent; content: ""; height: 100px; position: absolute; width: 200px; z-index: 2; } .sliderAdapt::after { right: 0; top: 0; transform: rotateZ(180deg); } .sliderAdapt::before { left: 0; top: 0; } .sliderAdapt .slide-track { animation: scroll 40s linear infinite; display: flex; width: calc(var(--width) * 14); } .sliderAdapt .slide { height: var(--height); width: var(--width); } .slideContent{ font-weight: 600; font-size: 53px; text-transform: uppercase; font-family: inherit; color: #fff; display: flex; } .starSparkIcon{ background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/star.png); width: 78px; height: 60px; } #lokasiKaryaTitle{ margin-bottom:60px; } #denahPRITitle{ margin-top:60px; } #agendaKaryaTitle{ margin-top:60px; } #jelajahkaryaTitle{ margin-bottom:60px; } #panggungkaryaTitle{ margin-top:60px; } #dibalikKaryaTitle{ margin-bottom:60px; } #sliderAdapt{ margin-bottom:60px; } #pasariKaryaTitle{ margin-bottom:60px; } /*-----------------------------------------------------------------------------------------------------------------*/ .flexColWrp{ } .btnOnPRITtl{ background-repeat: no-repeat; background-position: center; background-size: contain; width:90%; max-width: 350px; padding-bottom:20%; margin: 0 auto; } #day11BalikPRI, #day2BalikPRI{ display: flex; justify-content: space-around; width: 100%; } .tileBalikText{ padding: 20px; text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: space-between; align-items: center; box-sizing: border-box; height: 325px; } .balikAuthorPRI,.balikSchedulePRI{ font-weight: 700; font-size: 1.05em; } .balikTitlePRI{ font-size: 1.1em; font-family: gotham-light; } .tileBalikText > div{ margin:20px auto; } .tileBalikPRI{ width:90%; max-width: 450px; box-sizing: border-box; } .tileBalikIcon{ width: 300px; height: 230px; margin:auto; background-repeat: no-repeat; background-position: center; background-size: contain; } .groupStanPRI { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-around; justify-content: space-around; } .tilePasarRaya{ background-repeat: no-repeat; background-size: contain; background-position: center; width:150px; height: 225px; } .flexWrpPRI { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-around; } .mb50{ margin-bottom:50px; } .indicatorDaySection{ width:90%; height: 150px; max-width: 1000px; margin:60px auto; background-repeat: no-repeat; background-position: center; background-size: contain; } .dailyActiviyBox { width: 90%; max-width: 1700px; margin: 20px auto; color:#fff; } .dailActivityTitle { display: flex; justify-content: center; } .flexSeperator{ display: flex; width:90%; max-width: 400px; justify-content: space-around; } .startBoxActivity,.endBoxActivity{ display: flex; } .startText,.endText{ font-size: 0.9em; font-weight: 600; text-align: left; } .startTime,.endTime { font-size: 2em; font-weight: 700; margin: 0 10px; } .dailActivityContent{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 15px auto; } .tileActivityExplain{ width:90%; max-width:600px; text-align: left; box-sizing: border-box; padding: 10px; } .dailActivityContent > .tileActivityExplain:nth-child(1){ width:90%; max-width:200px; } .denahAcaraTile{ background-repeat: no-repeat; background-position: center; background-size: contain; width:100%; margin:20px auto; max-width: 650px; padding-bottom: 40%; } .tempMap{ background-repeat: no-repeat; background-size: contain; background-position: center; width:90%; max-width: 1024px; margin:30px auto; padding-bottom:30%; } .boxFooterWrp{ display: block; width:90%; max-width: 1024px; margin:70px auto; text-align: center; /* justify-content: center; align-items: center; flex-direction: column; */ color: #fff; } .linkBroadcastPRI{ margin:30px auto; text-decoration: none; color:#fff; color: #fff; display: flex; justify-content: space-around; } .footerPRITtl { font-size: 2.3em; text-transform: capitalize; font-weight: 700; } .boxFooterWrp .linkBroadcastPRI{ margin: auto; } .companySampoernaName{ background-repeat: no-repeat; background-position: center; background-size: contain; width:90%; max-width: 600px; height: 100px; /* font-size: 2em; font-weight: 700; padding: 15px 40px; box-sizing: border-box; color: #D61F0B; background-color: #fff; border-radius: 30px; */ } .youtubeIconPRI{ background-repeat: no-repeat; background-position: center; background-size: contain; width:120px; } .dateEventPRI { font-size: 1.2em; padding: 20px 40px; color: #D61F0B !important; font-weight: 600; background-color: #fff; border-radius: 30px; box-sizing: border-box; } .compSosMedPRI{ text-align: center; padding: 20px; font-size: 1.7em; } #stanKulinerKarya,#stanUMKMKarya{ width: 90%; max-width: 1024px; font-weight: 700; font-size: 1.4em; } .showMobile { /*text-align: center;*/ /*color: #fff;*/ /*border-top: 1px solid #fff;*/ /*margin:auto;*/ /*padding-top: 20px;*/ /*margin-top: 30px;*/ /*margin-bottom:30px;*/ /*width:90%;*/ display: none; } .showMobile > div{ margin-bottom: 10px; font-size: 1.2em; } body .lokasiPRI{ font-size: 1.5em; font-weight: 600; } #mapWrapperPRI{ position: relative; width:90%; max-width: 1024px; padding-bottom: 30%; margin:auto; border-radius: 40px; overflow: hidden; } #mapWrapperPRI > iframe{ position: absolute; left:0; top:0; width:100%; height: 100%; } #logoOfficialPRIText{ font-weight: 800; font-size: 27px; color: #fff; padding-left: 42px; box-sizing: border-box; text-transform: uppercase; text-align: center; } .logoInstagram{ background-repeat: no-repeat; background-position: center; background-size: contain; width: 45px; height: 45px; display: inline-block; margin-bottom: -14px; } .cttSchedule{ font-family: gotham-light; margin-bottom: 20px; margin-top:5px; font-style:italic; } .ctcAuthor > b{ font-weight: 800; } .livePodcastWrp{ background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/podcast.png); width:90%; max-width: 285px; height: 70px; } #openingLeftSide,#openingRightSide{ width: 45%; min-height: 100vh; } #openingRightSide { width:55%; display: flex; flex-wrap: wrap; } .rightSideTile{ background-repeat: no-repeat; background-size: contain; background-position: center; width: 510px; height: 440px; } .speakerPosition{ font-family: gotham-light; font-style: italic; margin-top:5px; font-size: 1.3em; } .page-id-258 #stepsJelajahKarya, .page-id-258 .stdWrpJelajah, .page-id-133 #stepsJelajahKarya, .page-id-133 .stdWrpJelajah { display: flex; flex-wrap: wrap; width: 90%; margin: auto; max-width: 1200px; justify-content: space-around; margin-bottom: 4em; } .page-id-258 .scetionMusicDimension, .page-id-133 .scetionMusicDimension{ font-size:30px; } .page-id-258 .scetionMusicDimension, .page-id-133 .scetionMusicDimension { max-width:100%; } .page-id-258 #stepsJelajahKarya > div, .page-id-133 #stepsJelajahKarya > div { width:100%; max-width: 350px; box-sizing: border-box; margin-bottom:20px; /* padding:20px; border: 1px solid #ccc; border-radius: 15px; background-color: #fff; */ } .page-id-258 .bgPortion, .page-id-133 .bgPortion{ width:100%; /* padding-bottom: 45%; */ padding:20px 0; background-color:transparent; margin-bottom:0px; box-sizing: border-box; border-radius: 20px; text-align: center; } .page-id-258 .contentSection, .page-id-133 .contentSection{ color:#000; line-height: 1.5; font-size:14px; background-color: #fff; box-sizing: border-box; padding: 20px; border-radius: 20px; } .page-id-258 .stepAnnounce, .page-id-133 .stepAnnounce{ font-weight: 700; font-size: 1.2em; text-transform: uppercase; color:#fff; background-repeat:no-repeat; background-position:center; background-size:contain; width:100%; height:70px; } .page-id-258 .noteEmp, .page-id-133 .noteEmp{ font-style: italic; color: #c62f2f; } .page-id-258 .sectionBtnDay .page-id-133 .sectionBtnDay{ display: flex; flex-wrap: wrap; width:100%; justify-content: center; margin-top: 15px; } .page-id-258 .sectionBtnDay > a, .page-id-133 .sectionBtnDay > a{ background-color: #fff; display: block; padding:10px 20px; margin:10px; border-radius: 25px; text-decoration: none; color: #cd6342; width:100%; max-width: 300px; box-sizing: border-box; text-align: center; font-weight: 600; } .page-id-258 #riwayatJourney, .page-id-133 #riwayatJourney{ padding-top: 20px; padding-bottom: 20px; background-color: transparent; padding: 0; max-width: 100%; } .page-id-258 .stdWrpJelajah, .page-id-13 .stdWrpJelajah{ font-size: 1.3em; color:#fff; } .page-id-258 .item, .page-id-13 .item{ font-size:2em; } #titleNatural .item{ font-size:4em; } .page-id-258 #formJelajahKarya, .page-id-13 #formJelajahKarya{ position:relative; display: block; width: 90%; max-width: 550px; margin: auto; /*min-height: 700px;*/ background-color: #fff; border-radius: 30px; overflow: hidden; } .page-id-258 #formJelajahKarya > iframe, .page-id-13 #formJelajahKarya > iframe{ position:absolute; width:100%; height:100%; } .page-id-258 #jelajahkaryaTitle + #sectionJelajahKarya, .page-id-13 #jelajahkaryaTitle + #sectionJelajahKarya{ margin-top:3em; } #post-135 #UMKMListSection, #post-135 #KulListSection,#post-135 .PasarListWrp{ width:100%; max-width:1300px; margin:auto; } #post-135 .PasarListWrp{ display:flex; flex-wrap:wrap; justify-content:space-around; } .PasarListWrp br{ display:none; } #post-135 .tilePasar{ background-repeat:no-repeat; background-position:top; background-size:contain; width:315px; height:182px; margin-bottom:10px; cursor:none; } .ttlPasarKaryaList{ text-align: center; color: #fff; font-size: 4em; font-weight: 700; margin: 30px auto; } .tinyPasarWrap { display: flex; flex-wrap:wrap; width: 100%; max-width: 974px; justify-content: space-around; margin: 0 auto; } .tinyPasarWrap br{ display:none; } .regTextTtl { text-align: center; color: #fff; margin-bottom: 10px; } .sectionKulHdr{ display: flex; width:90%; max-width: 550px; flex-wrap: wrap; justify-content: space-around; margin: 0 auto; margin-bottom: 30px; } .kulHdr{ background-repeat:no-repeat; background-size:contain; background-position:center; width: 180px; height: 150px; } .standardPageChildWidth{ width: 90%; max-width: 1200px; margin: 0 auto; color:#fff; } .explainBringEvent{ color:#fff; } .eventDateTimeText{ display:flex; flex-direction:row; } .mbEvent-25{ margin-bottom:25px; } .eventTitle{ font-size: 2.1em; } .boldEventText { text-transform:uppercase; } .contextEventText { font-family: gotham-light; text-align:justify; } .contextEventText > p:first-child{ margin-top:5px; } .photoSummarySpeaker { width:90%; max-width: 450px; height: 400px; background-repeat: no-repeat; background-position: bottom; background-size: contain; } .headerSummary { display: flex; justify-content: space-between; flex-wrap:wrap; } .textSummarySpeaker { display: flex; flex-direction: column; justify-content:flex-end; width: 90%; max-width: 600px; } .textWithSeperator{ padding-right:40px; position:relative; } .textWithSeperator:before{ position:absolute; content:"|"; height:100%; width:2px; right:18px; font-family: gotham-light; } .formSummaryWrp { display: flex; width: 90%; max-width: 1200px; margin: auto; padding-top: 30px; margin-top: 30px; flex-wrap: wrap; } .formEventEmbWrp { width: 90%; max-width: 650px; max-width: 550px; margin-bottom:30px; } .explainBringEvent { width: 90%; max-width: 500px; } .bigNotifEvent{ background-repeat: no-repeat; background-position: left; background-size: contain; width: 300px; height: 50px; margin-bottom: 25px; } .centralItSmall{ max-width:1300px; margin:0 auto; } .classMb30{ margin-bottom:30px; } .page-id-200 #sectionMainEvent{ position:relative; width:100%; padding-bottom:50%; box-sizing:border-box; min-height:0; margin-bottom:30px; } .responsivePadding{ position:absolute; left:0; top:0; width:100%; min-height:100%; background-repeat:no-repeat; background-position:top; background-size:contain; margin-bottom:30px; } .blockAnchor{ display:block; } .blockAnchor + p{display:none;} .bkWrapper,.blockAnchor{ position: relative; width: 100%; padding-bottom: 34%; } /*#howTojelajahh{*/ /* display:none;*/ /*}*/ #ruangkaryaday1 > p{ display:none; } .wrapperAgenda{ position:relative; width:100%; } .ctrAgendaSche{ position:absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-size:contain; background-position:center; } #actBincangKaryaDay1,#actRuangKaryaDay1,#actTemuKaryaDay1,#actPanggungKaryaDay1, #actBincangKaryaDay2,#actRuangKaryaDay2,#actTemuKaryaDay2,#actPanggungKaryaDay2{ display:none; } .boxFrameBg{ background-repeat:no-repeat; background-position:center; background-size:contain; width:100%; } #wrpCtrl{ position:fixed; z-index:12; top:0; right:0; width:50px; height:50px; } #accordionController:checked + #mainMenuAccordiion{ right:0; } #mainMenuAccordiion{ position:fixed; z-index:11; background-color:#fff; height:100vh; width:500px; right:-500px; } /*----------------------------------------------------------Menu Here----------------------------------------------------*/ #mainMenuCtr{ position: fixed; width: 100%; height: 30px; z-index: 100; top:0; } #mainIconInMenu { width: 40px; height: 41px; position: absolute; z-index: 0; right: 10px; top:10px; background-repeat: no-repeat; background-position: center; background-size: 35px; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/burgerMenuMain.png); } #mainBoxMenu{ position: fixed; z-index: 100; top:60px; right:-380px; width:380px; height: calc(100vh - 60px); height:fit-content; display: block; background-color: #fff; background-color:#ffffffd9; transition: 0.5s ease-in; border-top-left-radius: 35px; border-bottom-left-radius: 35px; } #mainMenuCtrCheckbox{ position: absolute; width: 40px; height: 40px; right: 10px; top: 10px; } #mainMenuCtrCheckbox #highestMenu{ opacity: 0; height: 100%; width:100%; position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer; } .linkNavPointAccordion{ position: relative; } .level2MenuCtr { position: absolute; width: 100%; height: 100%; left: 0; top:0; } .level2MenuCtr input{ position: absolute; width: 100%; opacity: 0; height: 100%; cursor: pointer; } .menuLevel2List{ height: 0; overflow: hidden; transition: none; } .menuLevel2List a{ display: block; text-decoration: none; color:#000; width: 100%; padding: 8px; box-sizing: border-box; position: relative; } #mainMenuCtrCheckbox:has(#highestMenu:checked) + #mainBoxMenu { right:0; } .linkNavPointAccordion:has([id^="ttgKaryaMenu"]:checked) + .menuLevel2List{ height: fit-content; padding: 20px; padding-top: 0; } .linkNavPoint{ display: block; position: relative; width: auto; text-decoration: none; color:#000; } .linkNavPoint,.levelWrapperMenu .linkNavPointAccordion{ padding:15px; background-color: #D9D9D9; margin:0 10px; margin-bottom: 10px; border-radius: 48px; box-sizing: border-box; font-size: 15px; } .linkNavPoint,.levelWrapperMenu .linkNavPointAccordion, .linkWithIconL2{ font-size: 14px; } .menuLevel2List { display: flex; justify-content: center; } #linkSection p{ margin:0; } #linkSection br{ display: none; } #topPartLogoSection { display:none; width: 300px; height: 150px; margin: 10px auto; margin-top:30px; background-repeat: no-repeat; background-position: center; background-size: 230px; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/logoInMenu.png); } #linkSection { box-sizing: border-box; width: 100%; padding: 0 20px; max-height: calc(100vh - 145px); overflow: auto; margin-bottom: 30px; } .linkNavPoint p{ padding-left: 27px; } .linkNavPoint + p,.levelWrapperMenu + p, .linkWithIconL2 + p{ display: none;} .linkNavPoint + p,.iconMenuLevel1 + p,.iconMenuLevel1 + p + p,.iconMenuLevel1 + div{ padding-left: 27px; } .iconMenuLevel1{ background-repeat: no-repeat; background-position: center; background-size: contain; width: 20px;height: 20px; position: absolute; } .horizontalSpacer{ width:80%; border-top:1px solid transparent ; margin: 30px auto; margin-top: 10px; } .invisibleLink{ position:absolute; z-index:1; bottom:0; width:10%; height:15%; display:block; cursor:pointer; background-color:transparent; } #bK04{ position:relative; } #bK04:before{ position: absolute; /*font-family: gotham-light; content: "*Dalam tahap konfirmasi";*/ bottom: 10px; right: 10%; font-size: 0.8em; font-weight: 600; color: #fff; padding: 3px; border-radius: 5px; } .alwaysShowAllDevice{ padding-bottom: 5px; width: 100%; text-align: center; font-size: 21px; color:#fff; } .alwaysShowAllDevice .mediumTextSet{ font-size: 18px; text-align: center; color: #fff; font-weight: 600; /*margin-top: 10px;*/ margin-top: 0.5%; } .alwaysShowAllDevice + #bK01{ position:relative; overflow:hidden; } .alwaysShowAllDevice + #bK01 > .responsivePadding{ top: -10%; } .infoDataRK { width: 100%; padding-bottom: 60%; background-repeat: no-repeat; background-position: center; background-size: contain; } #formJelajahKarya{ position: relative; padding-bottom: 700px; width: 90%; max-width: 550px; border-radius: 35px; overflow: hidden; border: 1px solid #fff; } #formJelajahKarya iframe{ position: ABSOLUTE; left: 0; width: 100%; height: calc(100% + 40px); top: -40px; } .entry-content:has(.infoDataRK) .sectionFestPadding{ padding-bottom:40px !important; } .explainBringEvent > div{ display:none; } .explainBringEvent{ position:relative; } .explainBringEvent:before,#footerDay2S6:before, #footerDay2S5:before,#footerDay2S4:before{ position:absolute; content:''; width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:top; background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Alat-Kebutuhan-Ruang-Karya.png); } #footerDay2S6:before{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Ciwank-Ruang-Karya-Childpage.png); } #footerDay2S5:before{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Taufik-Ruang-Karya-Childpage.png); } #footerDay2S4:before{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Kelvin-Ruang-Karya-Childpagae.png); } /*-----------------------------------------------------------------------*/ #tentangPestaRakyatTitle .sliderAdapt .slideContent > div, #bincangKaryaTitle .sliderAdapt .slideContent > div, #ruangKaryaTitle .sliderAdapt .slideContent > div, #pasariKaryaTitle .sliderAdapt .slideContent > div, #panggungkaryaTitle .sliderAdapt .slideContent > div, #jelajahkaryaTitle .sliderAdapt .slideContent > div, #agendaKaryaTitle .sliderAdapt .slideContent > div, #denahPRITitle .sliderAdapt .slideContent > div, #lokasiKaryaTitle .sliderAdapt .slideContent > div { opacity:0; } #tentangPestaRakyatTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #bincangKaryaTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #ruangKaryaTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #pasariKaryaTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #panggungkaryaTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #jelajahkaryaTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #agendaKaryaTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #denahPRITitle .sliderAdapt.hideOnMobile .slideContent > div:last-child, #lokasiKaryaTitle .sliderAdapt.hideOnMobile .slideContent > div:last-child { font-size: 50px; } #tentangPestaRakyatTitle .sliderAdapt .slideContent, #bincangKaryaTitle .sliderAdapt .slideContent, #ruangKaryaTitle .sliderAdapt .slideContent, #pasariKaryaTitle .sliderAdapt .slideContent, #dibalikKaryaTitle .sliderAdapt .slideContent, #panggungkaryaTitle .sliderAdapt .slideContent, #jelajahkaryaTitle .sliderAdapt .slideContent, #agendaKaryaTitle .sliderAdapt .slideContent, #denahPRITitle .sliderAdapt .slideContent, #lokasiKaryaTitle .sliderAdapt .slideContent { background-repeat: no-repeat; background-position: left center; background-size: 96%; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_tentangPestaRakyat.png); } #bincangKaryaTitle .sliderAdapt .slideContent { background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_bincangKarya.png); } #ruangKaryaTitle .sliderAdapt .slideContent{ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_ruangKarya.png); } #pasariKaryaTitle .sliderAdapt .slideContent { background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_pasarKarya.png); } #dibalikKaryaTitle .sliderAdapt .slideContent{ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_temuKarya.png); } #panggungkaryaTitle .sliderAdapt .slideContent{ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_panggungKarya.png); } #jelajahkaryaTitle .sliderAdapt .slideContent{ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_jelajahKarya.png); } #agendaKaryaTitle .sliderAdapt .slideContent{ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_agendaKegiatan.png); } #denahPRITitle .sliderAdapt .slideContent{ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_denahAcara.png); } #lokasiKaryaTitle .sliderAdapt .slideContent{ background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/r_lokasiAcara.png); } /*---------------------------------------------------------------------------*/ @media only screen and (min-width:1025px){ .sectionJelajahFooter { max-width: 1024px !important; } .tilePrizeJelajah { width: 190px; } .tilePrizeJelajah > .bgCtr { position: relative; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 150px; } #sectionLeaderTalk .btnMoreInfo, .sectionLeaderTalk .btnMoreInfo { margin-left:-20px; margin-top:25px; } #musicPerformance21{ background-size: 46%; } #leaderTalk1{ margin-bottom:0 !important; } #leaderTalk6 .profileSpeaker{ width:600px; } #leaderTalk_3 { overflow:visible; } #leaderTalk_2 .profileSpeaker { width: 680px; background-position: right; } #leaderTalk2 .profileSpeaker + div{ margin-top:-90px; } #leaderTalk_1 .profileSpeaker + div { width:800px; margin-top: 95px; padding-left: 80px; } #leaderTalk_1 .profileSpeaker { width: 440px; } #leaderTalk9 .profileSpeaker { background-position: right; } #leaderTalk9 .profileSpeaker + div { width:750px; } #leaderTalk4 .profileSpeaker{ width: 720px; background-size: 110%; background-position: right bottom; } #leaderTalk5 .profileSpeaker { height: 650px; width: 750px; background-position: 60px; } #leaderTalk_5 .profileSpeaker { background-position: left; width: 480px; } #leaderTalk_6 .profileSpeaker { width: 470px; } #leaderTalk_6 .profileSpeaker + div { margin-top: 135px; } #leaderTalk_7 .profileSpeaker { background-position:150px; } #leaderTalk_9 .profileSpeaker { width: 600px; background-size: 80%; } #leaderTalk_9 .profileSpeaker + div { margin-top:-100px; } #leaderTalk_8 .profileSpeaker { width:800px; } #leaderTalk_8 .profileSpeaker + div{ margin-top:100px; } .justifyCenter{ justify-content:center !important; } .justifyStart{ justify-content: flex-start !important; } #leaderTalk2 .infoSeminarFest{ justify-content:flex-start; } #post-379 .photoSummarySpeaker{ background-size:55%; } #leaderTalk3 .profileSpeaker{width:910px;} #leaderTalk7 .profileSpeaker + div{ width:900px; } #leaderTalk3 .profileSpeaker + div{ padding-left:40px; } .wrpBtnJelajahKarya > p:first-child{ max-width: 70%; font-size:1.3em; } .wrp810 > div[id^="musicPerformance"]::after{ content:" "; position: absolute; width:100%; height:100%; top:0; left:0; background-repeat: no-repeat; background-position: bottom; background-size: contain; z-index: -1; background-color: #ffffff; filter: grayscale(0); mask-repeat: no-repeat; bottom:0; } #musicPerformance11:after { -webkit-mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/salPriadi.png); mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/salPriadi.png); mask-size: 95%; left: 11px; top: -10px; height: 385px; } #musicPerformance12:after { -webkit-mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Vierratale.png); mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/Vierratale.png); mask-size: 82%; left: 45px; top: -7px; height: 385px; } #musicPerformance21:after { -webkit-mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/ghea.png); mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/ghea.png); mask-size: 109%; left: -21px; top: 25px; height: 385px; } #musicPerformance22:after { -webkit-mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/dmasiv.png); mask-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/dmasiv.png); mask-size: 94%; left: 16px; top: -7px; height: 385px; } } @media only screen and (max-width: 1024px) { #sectionFestivalDefinition{ flex-direction: column-reverse; } #festDev { max-width: 700px; box-sizing: border-box; padding: 30px; } #sectionMainEvent{ max-height: 70vh; } #leaderTalkWrp{ max-width: 100%; margin:auto; } .wrpFlexCtr{margin: auto;} #festivalMap { width: 100%; padding-bottom: 50%; } #festivalExplaination { width: 100%; } .wrp810{justify-content: space-around;} .wrp810 > div[id^="musicPerformance"]{ max-width: 470px; height: 280px; } .scetionMusicDimension{width: 80%;margin-right: auto;} .indicatorDay{text-align: center;} #seminarFlexWrap{max-width: 910px;padding: 0 30px;} #seminarFestList{ justify-content: space-between; max-width: 610px; margin: auto; } } @media only screen and (max-width: 768px) { .page-id-258 #jelajahkaryaTitle + #sectionJelajahKarya, .page-id-13 #jelajahkaryaTitle + #sectionJelajahKarya{ margin-top:1em; } .explainBringEvent{ padding-bottom:45%; margin-bottom:45px; } .theStitle{ font-size:20px !important; } .entry-content:has(.infoDataRK) .sectionFestPadding{ padding-bottom:0px !important; } .entry-content:has(.infoDataRK) .sectionFestPadding > .mainSectionHdr:nth-child(2) > p{ font-size:14px !important; margin-bottom:10px !important; margin-top:0px !important; } #ruangKaryaDay1{margin-bottom:0px !important;} .alwaysShowAllDevice{ font-size:12px; } .alwaysShowAllDevice .mediumTextSet{ font-size:10px; } #KulListSection .regTextTtl,#pasariKaryaTitle + div > p { font-size:14px !important; } .ttlPasarKaryaList{ font-size:20px !important; } .kulHdr { width: 40% !important; height: auto; padding-bottom: 19%; margin-top: 15px; } #sectionUMKM{ margin-top:0 !important; } .headerMobile{ font-size: 10px !important; color: #fff; text-align: center; margin: 0 auto; } .headerMobile + div,.headerMobile + p + div, .headerMobile + a,.headerMobile + p + a{ overflow:hidden; } .headerMobile + div > .responsivePadding, .headerMobile + p + div > .responsivePadding, .headerMobile + a > .responsivePadding, .headerMobile + p + a > .responsivePadding, .headerMobile + #pasarKaryaArea:before, .headerMobile + a > .ctrAgendaSche, .headerMobile + div > .ctrAgendaSche{ top:-12px; } #panggungTextSpecial{ position: relative; height: 10px; } #panggungTextSpecial .absolutNeed{ margin: 0; position: absolute; top: 16px; } #post-135 .tilePasar { width: 50%; padding-bottom: 27%; height: auto; } .slideContent{ display:block; } #legendaArea{ padding-bottom:10px; } #sectionMainEvent{ min-height:auto; } .mobileMarginRule{ margin-top:0 !important; margin-bottom:25px !important; } #openingBannerPSRI{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/mainMobile-scaled.png) !important; } .page-id-200 #sectionMainEvent{ padding-bottom:130%; } #bK01Ttg{ padding-bottom:1em !important; } #bK01Ttg > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/tentangMobile.png) !important; padding-bottom: 110%; position: relative; } #ttgDate{ display:none; } #sectionFestivalDefinition{ margin-bottom:0 !important; } #sectionMainEvent{ margin-top:20px !important; } #agenda1Area > .ctrAgendaSche{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/AgendaDay1Mobile-scaled.png) !important; } #agenda1Area { padding-bottom: 530% !important; } #agenda2Area > .ctrAgendaSche{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/AgendaDay2Mobile-scaled-1-scaled.png) !important; } #agenda2Area { padding-bottom:302% !important; margin-top:20px !important; } #pasarKaryaArea { position:relative; width:100%; padding-bottom:92% !important; } #pasarKaryaArea > .ctrAgendaSche{ background-image:none !important; } #pasarKaryaArea:before{ content:' '; position:absolute; display:block; left:0; top:0; width:100%; background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/pasarKaryaMobile2.png)!important; background-repeat:no-repeat; background-position:center; background-size:contain; padding-bottom:53%; } #pasarKaryaArea:after{ content:' '; position:absolute; display:block; bottom:0; left:0; width:100%; background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/pasarKaryaMobile.png) !important; background-repeat:no-repeat; background-position:center; background-size:contain; padding-bottom:42%; } #kulLink{ width: 26% !important; left: 37% !important; height: 5% !important; } #UMKMLink{ width: 25% !important; left: 37% !important; top: 46% !important; height: 6% !important; } #temuKaryaArea > .ctrAgendaSche{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/temu-karyaMobile.png)!important; } #dibalikKaryaTitle,#sectionFestivalDefinition,#artistDuet, #pasariKaryaTitle,#dibalikKaryaTitle,#panggungkaryaTitle, #agendaKaryaTitle{ margin-top:20px !important; } #artistDuet{ padding-bottom: 330% !important; } #artistDuet > .ctrAgendaSche{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/panggungkaryaMobile-scaled.png) !important; } #pasariKaryaTitle,#leaderTalk_8 + p + .blockAnchor,#dibalikKaryaTitle, #jelajahkaryaTitle,#sectionMusicFest{ margin-bottom:20px !important; } #handuz{ margin-top: 25px !important; margin-bottom: 30px !important; } #agnoo6 .ctrAgendaSche{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/jelajahMobile.png) !important; } #bgBannerJelajah.ctrAgendaSche{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/jelajahMobile_.png) !important; } #invisibleJelajah1,#invisibleJelajah2 { bottom: 13% !important; height: auto !important; padding-bottom: 6% !important; left: 38% !important; width: 25% !important; } #invisibleJelajah2{ bottom: 6% !important; } #agnoo6 > #actD101 { padding-bottom: 113% !important; } #legendaArea > .denahAcaraTile{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/lefendMobile.png) !important; } .slideContent,.slide{ position:relative; } .tileMap{ background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; padding-bottom: 50%; margin: 10px auto; } #bK01 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm01.png)!important; } #bK02 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm02-2.png)!important; } #bK03 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm03.png)!important; } #bK08 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm04.png)!important; } #bK04 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm05.png)!important; } #bK05 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm06.png)!important; } #bK06 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm07.png)!important; } #bK07 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm08.png)!important; } #bK08_ > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/bgkm09.png)!important; } #bK09 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/ucupMobile.png)!important; } #bK09{ padding-bottom:35% !important; } #bla01 { padding-bottom:58% !important; } #bla01 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm01.png)!important; } #bla01.Palt > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm01_.png)!important; } #bla02 { padding-bottom: 32% !important; margin-top: 25px !important; } #bla02 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm02.png)!important; } #bla02 > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm02_.png)!important; } #handuz > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm03.png)!important; } #handuz > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm03_.png)!important; } #bla08 { padding-bottom: 53% !important; } #bla08 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm04.png)!important; } #bla08 > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm04_.png)!important; } #bla03{ padding-bottom: 35% !important; } #bla03 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm05.png)!important; } #bla03 > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm05_.png)!important; } #bla04 { padding-bottom: 34% !important; } #bla04 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm06.png)!important; } #bla04 > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm06_.png)!important; } #bla05 { padding-bottom: 38% !important; margin-top: 25px !important; } #bla05 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm07.png)!important; } #bla05 > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm07_.png)!important; } #bla06 { padding-bottom: 40% !important; margin-top: initial !important; } #bla06 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm08.png)!important; } #bla06 > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm08_.png)!important; } #bla07{ padding-bottom: 41% !important; margin-top: 25px !important; margin-bottom:25px !important; } #bla07 > .responsivePadding{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm09.png)!important; } #bla07 > .responsivePadding.Palt{ background-image:url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/rbm09_.png)!important; } #bK01{ overflow:hidden; width: 100% !important; padding-bottom: 51% !important; } #bK02{ padding-bottom: 40% !important; } #bK03 { padding-bottom: 46% !important; } #bK08 { padding-bottom: 44% !important; margin-bottom: 0 !important; } #bK04 { position:relative; padding-bottom: 44% !important; } #bK04:before{ position: absolute; /*font-family: gotham-light; content: "*Dalam tahap konfirmasi";*/ bottom: 10px; right: 10px; font-size: 8px; font-weight:700; color: #fff; padding: 3px; border-radius: 5px; } /*--height:30px !important;*/ /*.slideContent*/ /*{*/ /* font-size:1.2em;*/ /*}*/ /*.starSparkIcon*/ /*{*/ /* width:25px;*/ /* height:25px;*/ /*}*/ /*body,html{*/ /* background-repeat:repeat;*/ /*}*/ #howTojelajahh{ width:300px; } a[style *="jejakIcon.png"]{ background-size:23px !important; } body, html{ background-size:cover; } #festivalMap{ background-size:contain; } .tileBalikIcon{ width:200px; } .performanceShowTime{ font-size:2em; } .tileBalikText{ height:fit-content; margin-bottom:25px; } .tilePasarRaya{ width:120px !important; height:150px !important; } .btnMoreInfo{ width:210px; height:60px; } .slideContent{ font-size:23px; position:relative; box-sizing:border-box; } .starSparkIcon{ width:30px; height:30px; margin-left: -46px; position: absolute; left: 0; display:none; } .slideContent > .starSparkIcon + div{ box-sizing:border-box; position:relative; /*padding-left:35px;*/ position:relative; } .slideContent > .starSparkIcon + div:before{ content: " "; display: inline-block; width: 20px; height: 22px; left: 0; top: 0; background-image: url(https://pestarakyatuntukindonesia.com/wp-content/uploads/2025/08/star.png); background-repeat: no-repeat; background-size: contain; background-position: center 4px; } #sectionLeaderTalk .tileSeminarFest, .sectionLeaderTalk .tileSeminarFest{ margin-bottom:20px !important; } body .profileSpeaker{ background-size:contain !important; } #sectionNavigationPRI > .stdWidthFlex:nth-child(2){ margin-top:0px !important; } .formSummaryWrp #formJelajahKarya{ width:100%; } .formSummaryWrp { justify-content: space-around; } .photoSummarySpeaker { margin: 0 auto; margin-bottom: 50px; height: 300px; } .headerSummary{ justify-content:space-around; flex-direction:column-reverse; } .indicatorDaySection{ height: 50px; margin: 40px auto; } .dailActivityContent{ justify-content: start; } .denahAcaraTile{ padding-bottom: 80%; } .titleStanPRI{ margin:0 auto; margin-top:30px; margin-bottom: 15px; text-align: center; } #logoOfficialPRIText{ padding-left:15px; padding-right:15px; } .hideOnMobile{ display: none !important; } .showMobile{ display: block !important; } #sectionLeaderTalk .btnMoreInfo, .sectionLeaderTalk .btnMoreInfo{ text-align: center; margin: auto; } #sectionBanner{ width:100%; flex-direction: column; } #openingLeftSide, #openingRightSide{ min-height: fit-content; margin:0px auto; width:90%; } .rightSideTile{ width:95%; margin:auto; margin-top: 10px; height: 300px; } #sectionLeaderTalk .infoSeminarFest,.sectionLeaderTalk .infoSeminarFest{ text-align: center; } .bgSizeBigerMobile::before{ background-size: 125% !important; } body,html{font-size: 15px;} #sectionMainEvent{ max-height: fit-content; padding-bottom:120%; margin-bottom:20px; } #bK05{ padding-bottom:51% !important; } #bK06{ padding-bottom:40% !important; } #temuKaryaArea{ padding-bottom: 83% !important; } #sectionFestivalDefinition { flex-direction: column; justify-content: center; align-items: center; } #festivalExplaination{ width: 100%; padding: 30px; padding-top:0; box-sizing: border-box; } #festivalMap{ width:100%; padding-bottom: 50%; } .mainSectionHdr{ font-size: 2em; line-height: 1; } #seminarFlexWrap{ width: 100%; box-sizing: border-box; padding: 0 30px; } .tileSeminarFest { position: relative; margin-bottom: 20px; } .wrpFlexCtr{ margin: auto; box-sizing: border-box; padding: 0 20px; } #sectionLeaderTalk .profileSpeaker + div { max-width: 350px; padding-left: 20px; box-sizing: border-box; } #leaderTalk12{ display: none !important; } #leaderTalkWrp{ margin: auto; padding: 0 30px; box-sizing: border-box; } .indicatorDay { text-align: center; padding-bottom: 20px; margin-bottom: 0; width:90%; } #sectionMusicFest{padding-left: 30px;padding-right: 30px;} .photoHolder{width:0;} #sectionLeaderTalk{ /* background: #b08747; background: #DE7E1F; background: #000000cf; */ } .scetionMusicDimension{ max-width: 500px; } #sectionLeaderTalk .profileSpeaker, .sectionLeaderTalk .profileSpeake { width: 300px;height: 300px; margin-bottom: 20px; } .sectionLeaderTalk .profileSpeake{ height: 200px; } .sectionLeaderTalk .profileSpeaker{ width: 300px; height: 300px; } #seminarFestList{justify-content: space-around;} #sectionLeaderTalk .infoSeminarFest,.sectionLeaderTalk .infoSeminarFest{ flex-wrap: wrap; } .seminarTextContentWrp{padding:20px;} #sectionNavigationPRI .tileSeminarFest{ background-size: 33px; height: 86px; margin-bottom: 10px; width: 17%; margin-top: 0px; height: 74px; } #sectionNavigationPRI{ padding-top: 0; } .tilePasarRaya{ width:150px; } .wrp810 > div[id^="musicPerformance"]{ max-width: 470px; height: 280px; margin-top:40px; } #musicPerformance22{ margin-top: 70px; } .performanceName{font-size: 2.2em;} .tileBalikIcon{height: 100px;} .tileBalikText{ justify-content: start; min-height: initial; margin-bottom: 30px; } .tileBalikPRI{ max-width:90%; } #day11BalikPRI, #day2BalikPRI{ flex-wrap: wrap; } .tilePrizeJelajah{ width: 160px; } .footerPRITtl{ text-align: center; } .linkBroadcastPRI{ flex-wrap: wrap; } .companySampoernaName{ text-align: center; font-size: 1.5em; } .youtubeIconPRI{ height: 50px; margin-bottom: 10px; } #mapWrapperPRI{ width: 80%; padding-bottom: 50%; } } @media only screen and (max-width: 371px) { .bgSizeBigerMobile::before{ background-size: 125% !important; } #sectionLeaderTalk .profileSpeaker + div{ max-width: 100%; padding-left:0; } /* .tileSeminarFest{margin-bottom: 0;} */ #sectionLeaderTalk .tileSeminarFest{margin-bottom: 10px;border-radius:0;} .infoSeminarFest{text-align: center;} /* #sectionLeaderTalk .profileSpeaker{ width:85px; height: 85px; box-shadow: 0px 4px 11px 0px #0000004f; } */ .titleTileFest{ font-size: 1.2em; } .sectionFestPadding{padding-top:3em;padding-bottom:3em;} }