@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--topbar-color:#1F91FF;--theme-color:#1F91FF;--theme-color-hover:#1476d2}.btn-theme{background-color:var(--theme-color);color:#fff;border-color:#fff0}.btn-theme:hover{background-color:var(--theme-color-hover);color:#fff}.text-theme{color:var(--theme-color)}.bg-theme{background-color:var(--theme-color)!important}.pace .pace-progress{z-index:99999!important}body{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:<weight>;font-style:normal;font-variation-settings:"slnt" 0}.object-fit-cover{object-fit:cover}#header{z-index:9990}.modal-backdrop{z-index:9992}.modal{z-index:9993}.fancybox__container{z-index:9993!important}.topnav{background:var(--topbar-color);color:#fff;font-size:.8rem}.topnav .social-icon a{color:#fff}.topnav .nav-link{padding:0 15px;border-right:1px solid #fff8;color:#fffc}.topnav .nav-link:hover{color:#fff}.topnav .nav-item:last-child .nav-link{border:none}.mainnav{background:#fff;padding:0;box-shadow:0 10px 50px -20px #0003}.mainnav .nav-link,.mainnav .nav-link.show{color:#fff}.mainnav .nav-item .nav-link{padding:0 15px;height:100px;line-height:100px;color:#333;border-bottom:4px solid #fff0}.mainnav .nav-link:hover{color:#555}.mainnav .navbar-nav>.nav-item>.nav-link.active{color:var(--theme-color);border-bottom:4px solid var(--theme-color)}.mainnav .dropdown-menu{border:none;background:#fff;box-shadow:0 10px 50px -20px #0001;border-radius:4px}.mainnav .dropdown-menu .dropdown-item{color:#333;padding:10px 20px}.mainnav .dropdown-menu .dropdown-item:hover,.mainnav .dropdown-menu .dropdown-item.active{color:#333133 importa;background:#3331!important}.mainnav .dropdown:nth-last-child(-n+2) .dropdown-menu{left:auto;right:0}.jenis-kkn{background:#0C365F}.jenis-kkn .card{border:none;position:relative;overflow:hidden}.jenis-kkn .card-img-overlay{background:linear-gradient(90deg,#fff0,#0C365Faa);display:grid;justify-content:flex-end;align-items:flex-end;transition:.3s ease}.jenis-kkn .card-img-overlay .card-title{color:#fff;font-weight:700;transition:.3s ease}.jenis-kkn .card:hover .card-img-overlay .card-title{font-size:1.2rem}.jenis-kkn .card .card-img{transition:.3s ease}.jenis-kkn .card:hover .card-img{transform:scale(1.2)}.jenis-kkn .card:hover .card-img-overlay{background:#0C365Fcc}.post-item{background:none}.post-item .description{color:#888}.animation-fadein{animation:fadeIn 1s ease-out paused;animation:fadeIn linear forwards;animation-timeline:view(100% 0)}@scroll-timeline name fadeInScroll{source:auto;orientation:block;scroll-offsets:auto 100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}.col-lg-4:nth-child(2){animation-delay:300ms}.col-lg-4:nth-child(3){animation-delay:600ms}.post-thumbnail{width:100%;height:200px;object-fit:cover}.front-event{background:#8AC43C;background-size:cover}.front-gallery{background:#135799 url(https://kkn.unila.ac.id/wp-content/themes/kknunilatheme/assets/css/../images/background/header-bg.jpg) no-repeat center;background-size:cover}footer{background:#083663;color:#fff}.copyright{background:#0003;color:#fffa;font-size:.8rem}.social-icon a{text-decoration:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#fff3;border-radius:4px;transition:.3s ease}.social-icon a:hover{background-color:#fff;color:#083663}footer ul{list-style:none;margin:0;padding:0}footer ul li{padding:2px 0}footer ul li a{color:#fffa;text-decoration:none}footer ul li a:hover{color:#fff}.pagination{gap:5px}.pagination .page-link{border-radius:4px!important;color:#888}.pagination .page-item.active .page-link{color:#fff;background:var(--theme-color);border-color:#fff0}.hero-slider .slide{position:relative}.hero-slider .slide .caption{position:absolute;inset:0;z-index:2;display:flex;align-items:center}.hero-slider .slide .caption h5{font-weight:700}.hero-slider .slide .caption h1{font-weight:700;font-size:3rem}.hero-slider .slide .caption .btn{padding:15px 30px;font-weight:700}.hero-slider .slide .caption.light{color:#333}.hero-slider .slide .caption.dark{color:#fff}.hero-slider .slick-arrow{position:absolute;top:50%;left:30px;z-index:99;transform:translateY(-50%);width:50px;height:50px;line-height:50px;padding:0;text-align:center;color:#fff;background:#fff3;border:none}.hero-slider .slick-arrow.slick-next{left:auto;right:30px}.testimonial-slider .slick-arrow{position:absolute;top:50%;left:-100px;z-index:99;transform:translateY(-50%);width:50px;height:50px;line-height:50px;padding:0;text-align:center;color:#fff;background:var(--theme-color);border:none}.testimonial-slider .slick-arrow.slick-next{left:auto;right:-100px}.testimonial-slider .slide{padding:15px}.testimonial-slider .slide .card{border:none;background:linear-gradient(#f5f5f5,#fff)}.contact-map iframe{width:100%;height:400px;border-radius:15px;overflow:hidden}.card-gallery img{width:100%;height:240px;object-fit:cover}details{background-color:#f9f9f9;padding:15px;border-radius:5px;border:1px solid #ddd;cursor:pointer;transition:background-color 0.3s ease;margin:0 0 15px}details[open]{background-color:#e1f5fe}summary{font-weight:700;font-size:18px;color:#333;margin-bottom:10px}details .description{font-size:16px;color:#555;margin-top:10px}summary:hover{color:#0056b3}@media (max-width:769px){.mainnav .nav-item .nav-link{padding:15px;height:auto;line-height:1;border:none}.mainnav .nav-link.active{border:none}.navbar-brand img{height:40px!important}#header .offcanvas{background:#fffe;width:80%;backdrop-filter:blur(10px)}#header .offcanvas .offcanvas-header{padding:15px 30px}#header .offcanvas .offcanvas-footer .info{font-size:.8rem}#offcanvas .dropdown-menu{border-radius:0;}#offcanvas .nav-link{display:flex;justify-content:space-between}.topnav{padding:0}.topnav .container{padding:0}.topnav .container>div{padding:5px}.topnav .container>div:first-child{background:#0003;width:100%;text-align:center}body.admin-bar #offcanvas{top:46px}.mainnav .navbar-nav>.nav-item>.nav-link.active{border:none;background:#0001;}#offcanvas .offcanvas-body{padding:0}.hero-slider .slide .caption{position:relative;inset:auto;padding:15px 0}.hero-slider .slide .caption h5{font-size:.6rem}.hero-slider .slide .caption h1{font-size:1.2rem}.hero-slider .slide .caption .btn{font-size:.8rem;padding:8px 15px}.hero-slider .slide .caption.dark{background:var(--theme-color-hover)}}@media (min-width:768px){body.admin-bar #header{top:32px}}