@charset "UTF-8";

/* Table Of Content - end
================================================== */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
:root, [data-bs-theme=light] {
  /*--bs-body-font-family: "DM Sans", sans-serif;
  --bs-heading-font-family: 'SuisseIntl SemiBold';*/
  --font1: "Plus Jakarta Sans", sans-serif;
  --font2: "Noto Serif", serif;
  --font3: "Heebo", sans-serif;
  --bs-body-font-family: "Plus Jakarta Sans", sans-serif;
  --bs-heading-font-family: 'SuisseIntl SemiBold';
  --bs-body-font-size: 16px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-bg: #000;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color: #6B6B6B;
  --bs-body-color-rgb: 107, 107, 107;
  --bs-secondary-color: #71717A;
  --bs-secondary-color-rgb: 198, 198, 198;
  --bs-heading-color: #012A2B;
  --bs-primary: #0064d2;
  --bs-primary-dark: #083D62;
  --bs-primary-text-emphasis: #afbed3;
  --bs-dark: #0064D2;
  --bs-light: #E4EEEF;
  --bs-secondary: #00B5AA;
  --bs-primary-rgb: 0, 100, 210;
  --bs-dark-rgb: 1, 12, 43;
  --bs-light-rgb: 228, 238, 239;
  --bs-secondary-rgb: 2, 52, 54;
  --bs-border-color: #E4EEEF;
  --bs-border-color-translucent: rgba(228, 238, 239, 1);
  --bs-border-radius: 10px;
  --bs-border-radius-sm: 5px;
  --bs-border-radius-lg: 20px;
  --bs-transition: 300ms ease; }

  body.dark {
    background-color: #00244d;
    color: #fff;
  }

  .dark .hero_section h1, .dark .footer_layout_1 p {
    color: #bbb;
  }

  .dark .text-primary-dark, .dark .contact_section .form-group .input_title {
    color: #dde8f7 !important;
  
  }
  .dark .text-primary-emphasis {
/*    color: #9c8d6a !important;*/
  }
  .dark .text-muted {color: #7b8ba1 !important;}

  .dark .text-dark, .dark .text-light { color:#eee !important }

  .dark .section_decoration .dark .decoration_item {
    opacity: .3 !important;
  }

  .dark .header_layout_1 .stricked-menu, .dark .bg-white, .dark .modal-content {
    background-color: #00152c !important;
  }
  .dark .modal-content {border: none;}

  .dark .header_layout_1 .stricked-menu .site_logo img:nth-child(1) {
    display: inline-block; 
  }

  .dark .header_layout_1 .stricked-menu .site_logo img:nth-child(2) {
    display: none; 
  }

  .dark .main_menu_list > li > a, .dark .main_menu_list > li > .btn-bahasa, 
  .dark .header_layout_1 .xb-header:not(.stricked-menu) .main_menu_list > li > a,
  .dark .header_layout_1 .xb-header:not(.stricked-menu) .main_menu_list > li > .btn-bahasa {
    color: #bbb !important;
  }

  .dark .main_menu_list > li:hover > a, .dark .main_menu_list > li.active > a,
   .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark  a, .dark .text-primary, .dark .heading_text.text-white {
    color: #dde8f7 !important;
  }
  .dark .dropdown-menu {
    background-color: #00152c;
    border-color: transparent;
  }
   .dark .dropdown-menu > li:hover > a, .dark .dropdown-menu > li.active > a, .dark .dropdown-item.active, .dark .dropdown-item:active {
    background-color: #00244d;
   }

  .dark .hero_section .btn.bg-white, .dark .btn-main.bg-primary {
    background-color: #5b7498 !important;
    color: #eee;
  }
  .dark .hero_section .btn.text-primary, .dark .btn-main.text-white {
    color: #333 !important;
  }
  .dark .hero_title {color: #fff !important;}
  .dark .carousel-item .bg-white {background-color: #fff !important;}
  .dark .carousel-item .text-primary {color: #0064d3 !important;}
  .dark .hero_section .btn.bg-white:hover {
    background-color: #004a9c !important;
  }

  .dark .about_section {
    background: #00152c;
  }
  .dark .tugas-fungsi_section {
    background: url(../images/bg-tugas-dan-fungsi-dark.png?v=0) no-repeat center;
    background-size: cover;
  }
  .dark .filter_elements_nav button {background-color: #46464d;}
  .dark .filter_elements_nav ul > li.active button, .dark .filter_elements_nav ul > li:hover button {background-color: #306c68 !important; box-shadow: none;}
  .dark .team_block {
    background: #001d3f;
    box-shadow: 0px 0 20px #000;
  }
  .dark .team_block {padding: 10px;}
  .dark .team_member_content a img, .dark .career_info a img {
    filter: grayscale(100%);
  }
 .dark .career_info a img.img-blog, .dark .publikasi_wrapper img {filter: grayscale(0) !important;}
  .dark .review_section {
  background: url(../images/bg-katamereka-dark.jpg) no-repeat;
  background-size: 100%;
  }
  .dark .review_block {
    background: #001d3f;
  }
  .dark .publikasi_wrapper {
    border: 1px solid rgba(228, 228, 231, 0.2);
  }
  .dark .sosmed_section {
    background: url(../images/bg-sosmed-dark.jpg) center;
  }
  .dark .sosmed_section a {color: #000;}
  .dark .newsletter_input .submit_btn {background-color: #384658; color: #EFF2F6;}
  .dark .urut-wrapper .form-select { 
    background-color: #384658;  
    color: #EFF2F6; 
    border: none;
    background-image: url(../images/arrow-select-dark.svg);
  }
  .dark .sosmed-anggota img {filter: invert(1) !important;}
  .dark .mobile_menu_btn { background-color:#384658; }
  .dark .page-link:hover {background-color: rgba(39, 49, 61, .7);}
  .dark .blog-detail-content p {color: #bbb;}
  .dark .detblog-sosmed-wrapper a.share-facebook:hover {color: #4267B2 !important;}
  .dark .detblog-sosmed-wrapper a.share-linkedin:hover {color: #0077B5 !important;}
  .dark .detblog-sosmed-wrapper a.share-whatsapp:hover {color: #128C7E !important;}
  .dark .detblog-sosmed-wrapper a.share-link:hover {color: #0064d2 !important;}
  .dark .sidebar_widget {background-color: #001d3d;}  
  .dark .unduh_section {background-color: #002349;}
  .dark .file-block img {opacity: .5}
  .dark .btn-unduh {background-color: #384658 !important; border: none;}
  .dark .btn-unduh:hover {background-color: #6f8195 !important; color: #EFF2F6 !important;}
  .dark .info-kontak-item a:hover {background-color: #00244c;}
  .dark .info-kontak-item {border-color: #194b6d;}
  .dark .contact_section .btn-contact { background-color:#5b7498; }
  .dark .contact_section .btn-contact:hover { background-color:#435877; }
  .dark .contact_section .form-group input.form-control:hover, .dark .contact_section .form-group input.form-control:focus, 
  .dark .contact_section .form-group .form-control:hover, .dark .contact_section .form-group .form-control:focus
  {border: 1px solid #819ec4;}
  .dark .news-desc {color: #eee;}

  .dark .site_footer {
    background: #00152c;
  }
  .dark .site_footer .foot-sosmed img {
    filter: invert(1);
  }
  .dark .form-check.switch-theme .form-check-input {
    background-color: #003674;
  }
  .dark .newsletter_input input, 
  .dark .contact_section .form-group input.form-control,
  .dark .contact_section .form-group .form-control
  {background-color: #384658; color: #EFF2F6;}

  .dark .footer_layout_1 .footer_bottom { border-color: #002e62; }
/*  .dark .logo-footer {
    display: block;
    width: 198px;
    height: 80px;
    background: url(../images/logo-footer-dark.svg) no-repeat;
  }*/
  .dark .logo-footer { display:none; }
  .dark .logo-footer-dark { display:block; }

  .dark .switch-theme a.theme-dark{color: #EFF2F6; !important}
  .white-page.dark .header_layout_1 {border-color: #002e62 !important; }
  .white-page.dark .header_layout_1 .site_logo img:nth-child(2) {display:none !important; }
  .white-page.dark .header_layout_1 .site_logo img:nth-child(1) {display:block !important; }

  
  .dark .header-block {background-color: #00152c;}
  @media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { min-width: 1250px; }
  }
  @media screen and (max-width: 991px) {
    .dark .main_menu_list {
      background-color: #00152c;
    }
  }