/* Layout and Grid System */

/* Section Spacing */

html {
   scroll-padding-top: 100px;
}

.budi-section {
   margin-top: 40px;
}

.budi-section-title {
   font-weight: 400;
   margin-bottom: 24px;
}

.budi-section-title-link {
   color: var(--neutral-black);
   text-decoration: none;
}

.budi-section-title-icon {
   width: 24px;
   height: 24px;
   font-size: 20px;
}


.budi-page-content-header {
   max-width: 745px;
   margin-bottom: 24px
}

.budi-page-content-header__subtitle {
   font-size: 12px;
   line-height: 18px;
   color: var(--neutral-800);
}

.budi-page-content-header__description {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   align-self: stretch;
}

/* Main Page Layout */

.budi-main {
   padding: 50px 0 130px;
   color: var(--neutral-black);
}

.budi-main__wrapper {
   grid-template-columns: 246px 1fr 517px;
   gap: 24px;
}

.budi-main__content {
   gap: 40px;
   min-width: 0;
}

.budi-main__sidebar {
   top: 86px;
}

.budi-right-column {
   top: 86px;
}

/* Sidebar */

.budi-sidebar__menu {
   border-left: 1px solid rgb(0 0 0 / 15%);
}

.budi-sidebar__menu-link {
   font-size: 14px;
   line-height: 1.5;
   color: var(--neutral-800);
   padding: 4px 12px;
}

.budi-sidebar__menu-item {
   display: flex;
}

.budi-sidebar__menu-link.active,
.budi-sidebar__menu-link:hover {
   color: var(--primary);
}

/* Search Input with Dropdown */

.budi-search-input-with-dropdown {
}

.budi-search-input-with-dropdown__dropdown {
    display: none;
}

.budi-search-input-with-dropdown:focus-within .budi-search-input-with-dropdown__input {
    border-bottom: none;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.budi-search-input-with-dropdown:focus-within .budi-search-input-with-dropdown__dropdown {
    display: block;
    border: 1px solid #dddcdf;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: none;
}

.budi-search-input-with-dropdown__clear-btn {
    font-size: 12px;
    line-height: 18px;
    color: var(--primary);
    text-decoration: none;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
}

/* Layout Responsive Styles */

@media (min-height: 950px) {
   .budi-right-column {
      position: -webkit-sticky;
      position: sticky;
      z-index: 1020;
   }
}

@media (max-width: 1599px) {
   .budi-main__wrapper {
      grid-template-columns: 200px 1fr 424px;
   }
}

@media (max-width: 1399px) {
   .budi-main__wrapper {
      grid-template-columns: 190px 1fr 348px;
   }
}

@media (max-width: 1199px) {
   .budi-main__wrapper {
      grid-template-columns: 1fr 348px;
   }
   
   .budi-main {
      padding: 0px 0 130px;
   }
}

@media (max-width: 991px) {
   .budi-main__wrapper {
      grid-template-columns: 1fr;
   }

   .budi-section {
      margin-top: 30px;
   }
}

@media (max-width: 767px) {
   .budi-main {
      padding: 0px 0 40px;
   }
   
   .budi-padding-section {
      padding-top: 0;
   }

   .budi-section {
      margin-top: 20px;
   }
}