.sidebar-title {
  font-weight: 600;
}

.control-sidebar-banner-text-wrapper {
  background-color: #0f084bd9;
  box-shadow: 2px 2px 3px rgba(0, 10, 10, 0.15);
}
.control-sidebar-banner-text {
  color: #fff;
  padding: 1.5rem;
  font-weight: 700;
}

.first-level-sidebar-list {
  padding-right: 25px;
}

body.single #recent-posts-sidebar {
  margin: 20px 0;
  display: inline-block;
  padding: 0 20px;
  box-sizing: border-box;
  list-style: none;
  order: 1;
}

body.single #recent-posts-sidebar > .first-level-sidebar-list {
  list-style: none;
  border-top: 2px solid #edeeef;
  margin-top: 20px;
  padding-top: 20px;
}

body.single #recent-posts-sidebar > .first-level-sidebar-list li {
  position: relative;
  color: var(--black-text-color);
}

body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  > li:not(:last-child) {
  margin-bottom: 10px;
}

body.single #recent-posts-sidebar > .first-level-sidebar-list > li a {
  color: var(--black-text-color);
  display: block;
  padding: 5px;
  max-width: 300px;
}

body.single #recent-posts-sidebar > .first-level-sidebar-list > li a > span {
  cursor: pointer;
}

body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  > li:not(.has-sublist):hover,
body.single #recent-posts-sidebar > .first-level-sidebar-list li.current-post {
  background: #0f084bd9;
}

body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  > li:not(.has-sublist):hover
  a,
body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  li.current-post
  a {
  color: #fff;
  text-decoration: none;
}

body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  > li:not(.has-sublist):hover:before,
body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  li.current-post:before,
body.single #recent-posts-sidebar li.has-sublist > span:hover:before {
  position: absolute;
  top: 50%;
  right: -17px;
  content: "";
  width: 0;
  height: 0;
  margin-top: -17px;
  border-left: solid 17px #0f084bd9;
  border-bottom: solid 17px transparent;
  border-top: solid 17px transparent;
}

body.single #recent-posts-sidebar li.has-sublist > span {
  font-weight: bold;
}
body.single #recent-posts-sidebar li.has-sublist > span:hover {
  position: relative;
  background: var(--main-site-color);
  display: block;
}
body.single #recent-posts-sidebar li.has-sublist > span:hover a {
  color: var(--white-text-color);
  text-decoration: none;
}
body.single #recent-posts-sidebar .second-level-sidebar-list {
  list-style: none;
  background-color: #f4f4f9;
  border-left: 1px solid var(--black-text-color);
}

body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  li.highlighted-parent-post {
  background: var(--main-site-color);
}
body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  li.highlighted-parent-post
  > span:before {
  position: absolute;
  top: 17px;
  right: -17px;
  content: "";
  width: 0;
  height: 0;
  margin-top: -17px;
  border-left: solid 17px var(--main-site-color);
  border-bottom: solid 17px transparent;
  border-top: solid 17px transparent;
}
body.single
  #recent-posts-sidebar
  > .first-level-sidebar-list
  li.highlighted-parent-post
  > span
  a {
  color: var(--white-text-color);
  text-decoration: none;
}

@media all and (max-width: 1280px) {
  .first-level-sidebar-list {
    padding-right: 0;
  }
  body.single #recent-posts-sidebar {
    order: 2;
  }
  body.single
    #recent-posts-sidebar
    > .first-level-sidebar-list
    > li:hover:before,
  body.single
    #recent-posts-sidebar
    > .first-level-sidebar-list
    li.current-post:before,
  body.single #recent-posts-sidebar li.has-sublist > span:hover:before,
  body.single
    #recent-posts-sidebar
    > .first-level-sidebar-list
    li.highlighted-parent-post
    > span:before {
    display: none;
  }
  body.single #recent-posts-sidebar > .first-level-sidebar-list > li a {
    max-width: 100%;
  }
}