.navbar-custom{padding:10px 20px;background:linear-gradient(45deg,#2a46a7,#2c95f7);padding:10px 20px;background:-webkit-linear-gradient(45deg,#2a46a7,#2c95f7);background:linear-gradient(45deg,#2a46a7,#2c95f7);-webkit-backface-visibility:hidden;backface-visibility:hidden}.content-container{margin-top:80px}.navbar-brand{display:flex;align-items:center}.navbar-brand img{height:40px;max-width:100%;width:auto}.navbar-hide{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out}.navbar-toggler{border:none;margin-left:0;font-size:28px;color:#fff}.navbar-toggler-icon{background-image:url('path/to/white-icon.svg');background-size:contain;background-repeat:no-repeat;width:24px;height:24px;-webkit-background-size:contain}.nav-item.dropdown:hover .dropdown-menu{display:block}.dropdown-menu{display:none;border-radius:0.5rem;background-color:#343a40}.dropdown-item:hover{background-color:#007bff;color:#fff}.dropdown-item{color:#fff;text-decoration:none}.search-form{display:none;position:absolute;right:15px;top:55px;z-index:999}.search-form.active{display:block}#search-bar{transition:display 0.3s ease-in-out;display:none;background-color:#fff;padding:10px;box-shadow:0px 4px 8px rgba(0,0,0,0.1);z-index:998;position:fixed;width:100%;top:60px;left:0}#recommendationList{margin-top:0;width:100%;max-height:200px;display:block;position:absolute;z-index:1000;overflow-y:auto;background-color:#fff;box-shadow:0px 4px 8px rgba(0,0,0,0.1);top:calc(100% + 0px);left:0}.list-group-item{padding:10px 15px;cursor:pointer}.list-group-item:hover{background-color:#f1f1f1}.judul-search{font-weight:bold;color:#007bff}.carousel-inner img{width:100%;height:300px;-webkit-object-fit:cover;object-fit:cover}.carousel-caption{padding:10px;border-radius:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (min-width:1025px){.navbar-custom{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}#search-icon{order:2;margin-right:10px;margin-left:auto;font-size:20px}.form-inline{margin-left:auto}.navbar-toggler{order:1;margin-left:0px;margin-right:10px}.container-fluid{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.div img.img-fluid{width:100%;height:370px;object-fit:cover}.share-buttons{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.detail-sidebar-iklan,.detail-sidebar-popular,.detail-sidebar-kategori,.detail-sidebar-artikel{width:100%;padding:10px;margin-top:20px;margin-bottom:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.detail-sidebar-iklan img{width:100%;height:auto}.detail-sidebar-popular img,.detail-sidebar-artikel img{width:100%;height:60px}}@media (max-width:767.98px){.navbar-custom{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.d-flex{display:flex;align-items:center;-webkit-overflow-scrolling:touch}.navbar-nav{flex-direction:column;text-align:center}.navbar-nav .nav-item{margin-bottom:10px}.form-inline{display:block}#search-icon{margin-right:15px;order:1;font-size:20px}.navbar-toggler{margin-left:0px;margin-right:0px;order:2}.container-fluid{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 10px}.offcanvas{margin-right:0px;margin-left:10px;background:linear-gradient(45deg,#2a46a7,#2c95f7);width:50%}.offcanvas .nav-link{cursor:pointer;padding:10px 15px;width:100%;display:block}.offcanvas .nav-link:hover{background-color:#013463;color:#fff}.div img.img-fluid{width:100%;height:220px;object-fit:cover}.carousel-inner img{height:200px;-webkit-object-fit:cover;object-fit:cover}.carousel-caption{position:absolute;bottom:20px;left:20px;color:#fff;padding:10px;border-radius:5px}.carousel-caption h1{font-size:20px;font-weight:none;text-align:center;position:relative;margin:0;left:15px}.carousel-caption p{display:none}.iframe-container{height:200px;width:100%}.share-buttons{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.detail-sidebar-iklan,.detail-sidebar-popular,.detail-sidebar-kategori,.detail-sidebar-artikel{width:100%;padding:10px;margin-top:20px;margin-bottom:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.detail-sidebar-iklan img{width:100%;height:auto}.detail-sidebar-popular img,.detail-sidebar-artikel img{height:60px !important}.scroll-up-btn{width:20px;height:20px;font-size:18px;bottom:15px;right:15px}.detail-content{padding:10px}.breadcrumb{margin-top:20px}.container{margin-top:20px}.img-fluid{height:auto}.media img{width:80px;height:auto}h1{font-size:1.75rem}p{font-size:1rem}}@media (min-width:768px) and (max-width:1024px){.navbar-custom{display:flex;justify-content:flex-start;align-items:center;padding:10px 20px;-webkit-object-fit:cover;object-fit:cover}#search-icon{margin-right:15px;order:1;font-size:20px}.navbar-toggler{margin-left:0px;margin-right:0px;order:2}.container-fluid{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 5px}.offcanvas{width:70%;background:-webkit-linear-gradient(45deg,#2a46a7,#2c95f7);background:linear-gradient(45deg,#2a46a7,#2c95f7)}.offcanvas .nav-link{cursor:pointer}.offcanvas .nav-link:hover{background-color:#013463;color:#fff}.video-container{padding-bottom:56.25%}.carousel-inner iframe{width:100%;height:100%;object-fit:cover}.div img.img-fluid{width:100%;height:370px;object-fit:cover}}.overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.1))}.carousel-caption .caption-bg{padding:20px;border-radius:10px}.carousel-caption h1,.carousel-caption p{margin:0}.artikel-judul a{color:black;text-decoration:none;transition:color 0.3s ease}.artikel-judul a:hover{color:#007bff}.container{margin-top:80px}.detail-content img{max-width:50%;height:auto;object-fit:cover;margin-bottom:15px}.detail-content img{max-width:100%;height:auto;object-fit:cover}.scroll-up-btn{display:none;position:fixed;bottom:20px;right:20px;background-color:#007bff;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;z-index:1000}.scroll-up-btn:hover{background-color:#0056b3}.artikel-gambar-wrapper{position:relative;overflow:hidden}.artikel-gambar{transition:transform 0.3s ease;width:100%;height:200px;object-fit:cover}.artikel-gambar.loaded{opacity:1}.judul-search{font-weight:bold;color:#0056b3}.artikel-judul:hover{cursor:pointer;text-decoration:underline}.card-link{text-decoration:none}.footer .footer-column{padding:20px}