:root {
  --brand-secondary: #8D9696;
}

.dp-po .dp-po-search {
  height: 120px;
}
.dp-po .dp-po-main {
  background: var(--background-color);
  min-height: calc(100vh - 274px);
  padding: 50px 0;
}
.dp-po .dp-po-navigation-block-link {
  border-radius: 12px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  padding: 20px 20px;
}
.dp-po .dp-po-navigation-block-title {
  font-weight: 600;
}
.dp-po .dp-po-title-link .dp-po-title-text {
  font-weight: 500;
}
.dp-po .dp-po-homepage .dp-po-block {
  border-radius: 12px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  padding: 30px;
}
.dp-po .dp-po-header .dp-po-brand-name, .dp-po .dp-po .h1, .dp-po .dp-po .h2, .dp-po .dp-po .h3, .dp-po .dp-po .h4, .dp-po .dp-po .h5, .dp-po .dp-po .h6, .dp-po .dp-po h1, .dp-po .dp-po h2, .dp-po .dp-po h3, .dp-po .dp-po h4, .dp-po .dp-po h5, .dp-po .dp-po h6 {
  font-family: var(--font-family-heading), var(--font-family-sans-serif);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.dp-po .dp-po-category-title-text {
  font-weight: 500;
}
.dp-po .dp-po-news-carousel-day {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dp-po .dp-po-news-carousel-item {
  border-radius: 12px;
}
.dp-po .dp-po-news-carousel-photo {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.dp-po .dp-po-news-carousel-cover {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.dp-po .dp-po-news-carousel-content.with-splash {
  height: 180px;
}
.dp-po .dp-po-news-carousel .badge {
  border: 1.5px solid #fff;
}
.dp-po .badge {
  border-radius: 6px;
  font-weight: 700;
}
.dp-po .dp-po-block {
  border-radius: 8px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
}
.dp-po .dp-po-sidebar-title {
  font-weight: 500;
}
.dp-po .dp-po-subscribe-btn,
.dp-po .dp-po-sidebar,
.dp-po .dp-po-navigation-block-figure,
.dp-po .dropdown-menu,
.dp-po .dp-po-post-meta,
.dp-po .dp-po-search-form input[type=search],
.dp-po .dp-po-homepage .dp-po-block,
.dp-po .dp-po-post-day,
.dp-po .form-control,
.dp-po .dp-po-news-listing-link,
.dp-po .dp-po-news-listing-date,
.dp-po .dp-po-ticket-block,
.dp-po .dp-po-ticket-sidebar,
.dp-po .dp-po-community-row-btn,
.dp-po .dp-po-community-title-button {
  border-radius: 8px;
}
.dp-po .dp-po-title-text {
  font-weight: 500;
}
.dp-po .dp-po-guides-section {
  background-color: #f5fafe;
}
.dp-po .dp-po-guides-landing {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.dp-po .dp-po-guides-block-main {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.dp-po .dp-po-community-row-icon {
  top: 12px;
}
.dp-po .dp-po-community-row-item {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
}
.dp-po .dp-po-community-title-button {
  border: 1.5px solid var(--brand-primary);
}
.dp-po .dp-po-community-title-button-dropdown {
  border-left: 1.5px solid var(--brand-primary);
}
.dp-po .dp-po-community-create-link {
  border: 1.5px solid var(--brand-primary);
  border-radius: 8px;
}
.dp-po .dp-po-subscribe-large .dp-po-subscribe-btn {
  border: 1.5px solid var(--brand-primary);
}
.dp-po .manage-emails-link {
  font-style: italic;
  font-weight: 500;
}
.dp-po .dp-po-guides-card {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  border: 1.5px solid #d3d6d7;
}
.dp-po .dp-po-community-header {
  border: 0px solid #d3d6d7;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
}
.dp-po .dp-po-community-channel-tags-link {
  border-radius: 24px;
  font-weight: 500;
  padding: 6px 20px;
}
.dp-po .dp-po-post-extra-link .dp-po-icon {
  font-size: 20px;
}
.dp-po .dp-po-search-hint {
  border-radius: 8px;
  border-top: 2px solid var(--brand-primary);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  top: 66px;
  overflow: hidden;
}
.dp-po .dp-po-search-form input[type=search].opened {
  border-radius: 8px 0 0 8px;
}
.dp-po .dp-po-search-form input[type=submit] {
  border-radius: 0 8px 8px 0;
}
.dp-po .dp-po-search-form input[type=search]:focus {
  border-color: var(--grey-dark);
  border-radius: 8px 0 0 8px;
}
.dp-po .dp-po-search-sidebar {
  border-radius: 8px;
  padding: 6px 0;
}
.dp-po .dp-po-guides-search-content-title {
  font-weight: 600;
}
.dp-po .dp-po-guides-search-content-list .chapter {
  font-weight: 600;
}
.dp-po .dp-po-guides-btn {
  color: var(--grey-darkest);
  border-color: var(--grey-darkest);
}
.dp-po .dp-pc_field .dp-pc_file-upload,
.dp-po .breadcrumb-item, .dp-po .dp-po .breadcrumb-item a,
.dp-po .dp-po-download-listing .dp-po-avatar,
.dp-po .dp-pc_field .react-select__control .react-select__placeholder {
  color: var(--grey-darkest);
}
.dp-po .btn-outline-secondary {
  color: var(--grey-darkest);
}
.dp-po .db-po-post-rating .btn, .dp-po .dp-po .dp-po-post-rating .btn {
  font-weight: bold;
  font-size: 14pt;
}
.dp-po .dp-po-status-ribbon {
  color: var(--brand-secondary-yiq);
}
.dp-po .form-control,
.dp-po .dp-po-news-listing-link,
.dp-po .dp-po-news-listing-date,
.dp-po .dp-po-ticket-block,
.dp-po .dp-po-ticket-sidebar,
.dp-po .dp-po-community-title-button {
  border-radius: 8px;
}
.dp-po .dp-po-comment-subtitle {
  font-style: italic;
}
.dp-po .dp-po-guides-block-header {
  background: #FBFBFB;
}
.dp-po .dp-po-guides-block-title-section,
.dp-po .dp-po-guides-meta {
  color: #566672;
}
.dp-po .dp-po-community-view-activity-list {
  flex-direction: row;
}
.dp-po .dp-po-community-view-activity-item:first-child {
  margin-right: inherit;
}
.dp-po .dp-po-guides-block-title {
  overflow: auto;
  text-overflow: clip;
  white-space: normal;
}
.dp-po .dp-po-post-rating .btn:not(:hover) {
  background-color: #fff;
  border-width: 2px;
}
.dp-po .dp-po-ticket-meta-cc-link {
  color: var(--text-color);
  border-color: var(--text-color);
}
.dp-po .dp-po-guides-search-form input[type=search]::placeholder,
.dp-po .dp-po-search-form input[type=search]::placeholder,
.dp-po .dp-po-ticket-search input[type=text]::placeholder,
.dp-po .dp-po-guides-home .dp-po-guides-filter input::placeholder,
.dp-po .form-control::placeholder {
  color: #767676;
  opacity: 1;
}
.dp-po .dp-po-news-recent-link-date,
.dp-po .dp-po-news-recent-item:first-child .dp-po-news-recent-link-date,
.dp-po .dp-po-news-recent-item:last-child .dp-po-news-recent-link-date {
  background: #eff0f0;
  color: var(--text-color);
}
.dp-po .dp-po-news-recent-link,
.dp-po .dp-po-news-recent-item:first-child .dp-po-news-recent-link,
.dp-po .dp-po-news-recent-item:last-child .dp-po-news-recent-link {
  color: #6E7777;
}
.dp-po .dp-po-search-sidebar-link.no-results .dp-po-search-sidebar-count {
  color: #4E5556;
  background-color: #C4CACA;
}
.dp-po .dp-po-search-details-title {
  color: #767676;
}
.dp-po .dp-po-ticketbadge-neutral .dp-po-ticketbadge-number {
  color: #464E4E;
}
.dp-po .dp-po-post-official-response span {
  color: var(--text-color);
}
.dp-po .dp-po-news-carousel .slick-dots li button {
  background: #89979A;
}
.dp-po .dp-po-message-bar-close {
  color: #889191;
}
.dp-po .dp-po-columnfilter-link {
  color: #89979A;
}
.dp-po .btn-primary.focus,
.dp-po .btn-primary:focus,
.dp-po .dp-po-subscribe-btn:focus,
.dp-po #omnisearch_input:focus,
.dp-po .dp-po-community-create-link:focus,
.dp-po .dp-po-community-title-button-link:focus {
  box-shadow: 0px 0px 0px 3px #FFF, 0px 0px 0px 6px var(--brand-primary);
}
.dp-po .btn-secondary:focus {
  box-shadow: 0px 0px 0px 3px #FFF, 0px 0px 0px 6px var(--brand-secondary);
}
.dp-po .btn-outline-secondary:focus {
  box-shadow: 0px 0px 0px 3px #FFF, 0px 0px 0px 6px var(--brand-secondary);
}
.dp-po .dp-po-guides-btn:focus {
  box-shadow: 0px 0px 0px 3px #FFF, 0px 0px 0px 6px var(--grey-darkest);
}
.dp-po .btn-outline-success:focus {
  box-shadow: 0px 0px 0px 3px #FFF, 0px 0px 0px 6px var(--success);
}
.dp-po .btn-outline-danger:focus {
  box-shadow: 0px 0px 0px 3px #FFF, 0px 0px 0px 6px var(--danger);
}
.dp-po .dp-po-news-carousel-arrow:focus {
  outline: 2px solid var(--brand-primary);
}
.dp-po .dpx-carousel .slick-dots button:focus,
.dp-po .dp-po-form-check input[type=checkbox]:focus + label::before {
  outline: 2px solid var(--brand-primary);
}
.dp-po .form-group .medium-editor-action:focus {
  border-color: #849090;
}
.dp-po .dp-po-community-title {
  overflow: visible;
}
.dp-po .dp-po-community-header-search button:focus {
  outline: 2px solid var(--brand-primary);
}
.dp-po .dp-po-community-title-link h1 {
  font-size: 1.87425rem;
}
.dp-po .dp-po-footer-powered,
.dp-po .dp-po-news-filter-title,
.dp-po .dp-po-news-filter-type-link,
.dp-po .dp-po-community-tabs-link,
.dp-po .dp-po-post-info-item,
.dp-po .dp-po-post-extra-link .dp-po-icon,
.dp-po .dp-po-community-row-activity-time,
.dp-po .dp-po-community-view-item-head,
.dp-po .dp-po-post-meta-title,
.dp-po .dp-po-account-sidebar-link,
.dp-po .dp-po-guides-search-content-title.collapsed:not(:hover) {
  color: var(--text-color);
}
.dp-po .dp-po-guides-tabs-item {
  background: white;
}
.dp-po .dp-po-guides-tabs-item:after {
  border-bottom-color: white;
}
.dp-po .dp-po-community-row-activity-title,
.dp-po .dp-po-post-meta-title,
.dp-po .dp-po-guides-tabs-item.active .dp-po-guides-tabs-link {
  font-weight: bold;
}
.dp-po .dp-po-guides-tabs-link {
  color: #4c4f50;
}
.dp-po .dp-po-ticket-block .badge-purple {
  background: #7D6AAF;
}

/* Add margin-bottom for mobile view */
@media (max-width: 768px) {
  .dp-po .dp-po-navigation-block-list > * {
    margin-bottom: 15px; /* Adjust the margin as needed */
  }
  /* Remove margin from the navigation block link in mobile view */
  .dp-po .dp-po-navigation-block-link {
    margin: 0;
  }
  .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-figure,
  .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) ~ li .dp-po-navigation-block-figure {
    background: #f7f7f7;
    border-radius: 12px 0 0 12px;
    flex: 0 0 30%;
    height: calc(100% - 12px);
  }
  .dp-po .dp-po-guides-block-header {
    align-items: center;
    background: #f7f7f7;
    border: 1px solid #d3d6d7;
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 20px 15px;
  }
  .dp-po .dp-po-guides-block-content {
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 0 0 8px 8px;
    border-top: 0 solid #d3d6d7;
    padding: 20px;
    z-index: 1;
  }
  .dp-po .dp-po-navigation-block-item:last-child a.dp-po-navigation-block-link {
    margin-right: 0px;
  }
  .dp-po .dp-po-homepage .dp-po-title {
    border-bottom: 1.5px solid #d3d6d7;
    display: flex;
  }
  .dp-po .dp-po-category-title .dp-po-icon {
    background: transparent; /* Set background to transparent */
    border-radius: 50px;
    flex: 0 0 50px;
    height: 30px;
    margin-bottom: 0;
    margin-right: -2px;
  }
  .dp-po .dp-po-category-title-expand {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    vertical-align: bottom;
    width: 50px;
    z-index: 1;
  }
  .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-link,
  .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) ~ li .dp-po-navigation-block-link {
    box-shadow: none;
    height: 90px;
    margin-bottom: -6px;
    padding: 0;
    padding-left: 6px;
  }
  .dp-po .dp-po-homepage .dp-po-title-text {
    min-width: unset;
  }
}
.dp-pc_field textarea ~ .dp-pc_label, .dp-pc_field .react-select__control {
  border: 2px solid var(--grey-light);
  border-radius: 8px;
  background-color: var(--input-background);
  height: var(--input-height);
  width: 100%;
  font-size: 18px;
  box-shadow: none;
  padding: 0 11px 0 12px;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone {
  border: 2px dashed var(--checkbox-border);
  border-radius: 8px;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  width: 100%;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .choose {
  border: 2px solid var(--checkbox-border);
  border-radius: 8px;
  padding: 10px;
  display: inline-block;
}