/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@media (min-width:320px) and (max-width:369px){#hero{height:480px !important;}}
div.containerpop{justify-content:center;}div.sngal{margin-top:10px;margin-right:25px;border:1px solid #ccc;width:100%;}div.sngal:hover{border:1px solid #777;}div.sngal img{width:100%;height:auto;}.attr:hover{opacity:0.7;}
.search-form-wrapper{max-width:300px;margin:0 auto;}.search-form-wrapper .form-search{border-radius:20px;border:1px solid #ccc;padding:8px 12px;}.search-form-wrapper .form-search:focus{border-color:#007bff;box-shadow:0 0 4px rgba(0,123,255,0.5);}.search-form-wrapper button.btn{border-radius:20px;margin-left:-40px;}
.views-row.clearfix{display:flex !important;justify-content:space-between;flex-wrap:wrap;align-items:stretch;margin-bottom:31.5px !important;}.views-field.views-field-title .field-content a{font-size:1.25rem;font-weight:bold;display:block;margin-bottom:0.5rem;text-decoration:none;color:var(--bs-primary);}.views-field.views-field-title a{font-size:1.25rem;font-weight:bold;display:block;margin-bottom:0.5rem;text-decoration:none;}.views-field.views-field-field-isi .field-content p{font-size:1rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.views-field.views-field-title .field-content a{font-size:1.25rem;font-weight:bold;display:block;margin-bottom:0.5rem;text-decoration:none;color:var(--bs-primary);}.views-col{padding:15px;border:1px solid #ddd;border-left:4px solid var(--bs-primary);border-radius:5px;transition:background-color 0.3s ease,color 0.3s ease;overflow:hidden;flex:0 0 47%;max-width:47%;box-sizing:border-box;display:flex;flex-direction:column;}.views-row > .views-col:first-child{margin-right:0px;}i > .views-col{all:unset;display:contents;overflow:hidden;}.views-row > i{padding:15px;border:1px solid #ddd;border-radius:5px;transition:background-color 0.3s ease,color 0.3s ease;flex:0 0 47%;max-width:47%;box-sizing:border-box;display:flex;flex-direction:column;}.views-col *{margin:0;padding:0;box-sizing:border-box;}.views-col:hover{background-color:var(--bs-primary);border-left:4px solid var(--bs-warning);}.views-col:hover .views-field.views-field-title .field-content a{color:#FFDE21;transition:color 0.3s ease;}.views-col:hover .views-field.views-field-title a{color:#FFDE21;transition:color 0.3s ease;}.views-col:hover .views-field.views-field-field-isi .field-content{color:#f8f9fa;}.views-field.views-field-title .field-content a:hover{color:#B89816;text-decoration:underline;}.views-field.views-field-title a:hover{color:#B89816;text-decoration:underline;}.views-col:hover .views-field.views-field-field-isi-artikel .field-content{color:#f8f9fa;}.views-col:hover .views-field.views-field-body .field-content{color:#f8f9fa;}.views-col:hover .views-field.views-field-body .field-content p a{color:#FFDE21;}.views-row > i:hover{background-color:var(--bs-primary);}.views-row > i:hover .views-field.views-field-body .field-content{color:#f8f9fa;}.views-row > i:hover .views-field.views-field-title .field-content a{color:#FFDE21;}@media screen and (max-width:1024px){.views-row.clearfix{margin-bottom:22px !important;}}@media screen and (max-width:768px){div.views-row.clearfix > div.views-col{width:100% !important;}.views-row.clearfix{margin-bottom:15px !important;}.views-field.views-field-title .field-content a{font-size:1.25rem;}.views-field.views-field-title a{font-size:1.25rem;}.views-field.views-field-title .field-content a{font-size:1.25rem;}}
#search-block-form.form-inline{display:flex;align-items:center;width:100%;gap:0.5rem;}#search-block-form .form-item-keys{flex:1;}#search-block-form input.form-search{width:100%;}#search-block-form .form-actions{flex-shrink:0;}
.d-flex.flex-wrap.justify-content-md-between.align-items-md-center{justify-content:center !important;align-items:center;}
img.icon-popup{width:40px;height:auto;transition:all 0.3s ease;display:block;margin:10px auto;}.card:hover .icon-circle img.icon-popup{width:70px;}.card-body{text-align:center;transition:padding 0.3s ease;}.card-title{margin-bottom:10px;}.custom-card{background-color:white;border:1px solid #ddd;border-radius:8px;transition:background-color 0.3s ease,color 0.3s ease;}.custom-card:hover{background-color:var(--bs-primary);}.custom-link{text-decoration:none;color:var(--bs-primary);transition:color 0.3s ease;}.custom-link:hover{text-decoration:underline !important;color:#FFDE21 !important;}.custom-card:hover .custom-link{color:white;}.icon-circle{width:75px;height:75px;background-color:var(--bs-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.card:hover .icon-circle{width:70px;height:70px;}.circle-card{width:100%;aspect-ratio:1 / 1;max-width:240px;max-height:240px;border-radius:50%;background-color:#f8f9fa;box-shadow:0 0 15px rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;padding:20px;text-align:center;transition:transform 0.3s ease;}.circle-card:hover{transform:scale(1.05);}.circle-card img{width:60px;height:60px;margin-bottom:10px;}.circle-card h5{font-size:1rem;margin-bottom:8px;font-weight:600;}.circle-card a{font-size:0.875rem;text-decoration:none;}a.lihat-selengkapnya:hover{text-decoration:underline !important;}
iframe.live{width:100%;border-style:none;overflow:hidden;padding-left:3rem;padding-right:3rem;}iframe.live{height:920px !important;}@media (min-width:320px){iframe.live{height:1000px !important;}}@media (min-width:375px){iframe.live{height:1070px !important;}}@media (min-width:425px){iframe.live{height:1300px !important;}}@media (min-width:576px){iframe.live{height:1250px !important;}}@media (min-width:768px){iframe.live{height:1080px !important;padding-left:0 !important;padding-right:0 !important;}}@media (min-width:992px){iframe.live{height:950px !important;padding-left:0.5rem !important;padding-right:0.5rem !important;}}@media (min-width:1200px){iframe.live{height:900px !important;padding-left:1.5rem !important;padding-right:1.5rem !important;}}@media (min-width:1400px){iframe.live{height:940px !important;padding-left:3rem !important;padding-right:3rem !important;}}@media (max-width:767px){iframe.live{padding-left:2.8rem !important;padding-right:2.8rem !important;}}
.myiframe{width:100%;border-style:none;height:300px;padding-left:3.4rem;padding-right:3.4rem;}.myiframe body{text-align:center;}@media (min-width:768px) and (max-width:992px){.myiframe{height:300px;}}@media (max-width:767px){.myiframe{height:300px !important;padding-left:3.9rem !important;padding-right:3.9rem !important;}}@media (min-width:320px){.myiframe{height:400px !important;}}@media (min-width:375px){.myiframe{height:300px !important;padding-left:4.8rem !important;padding-right:4.8rem !important;}}@media (min-width:425px){.myiframe{height:300px !important;padding-left:6.4rem !important;padding-right:6.4rem !important;}}@media (min-width:576px){.myiframe{height:300px !important;padding-left:10rem !important;padding-right:10rem !important;}}@media (min-width:768px){.myiframe{height:400px !important;padding-left:0 !important;padding-right:0 !important;}}@media (min-width:992px){.myiframe{height:300px !important;padding-left:0.6rem !important;padding-right:0.6rem !important;}}@media (min-width:1200px){.myiframe{height:300px !important;padding-left:2rem !important;padding-right:2rem !important;}}@media (min-width:1400px){.myiframe{height:300px !important;padding-left:3.4rem !important;padding-right:3.4rem !important;}}
.title.page-title{color:var(--bs-primary);font-weight:600;margin-bottom:1.5rem;}
.to-top{position:fixed;bottom:30px;right:30px;background:rgb(150,124,93) !important;color:#fff !important;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;z-index:999;}.to-top.show{opacity:1;visibility:visible;}.to-top:hover{background:#555;}