section#blog-single {
    /* padding: 0; */
  
    & .row.col2 {
      align-items: stretch;
  
      & .w75 {
        width: var(--base-width);
        max-width: var(--base-width);
        /* padding: var(--base-lg-padding); */
        padding-left: 0;
        & ul li{
          line-height: var(--base-line-height);
        }
        & a {
          font-weight: var(--font-weight-regular);
        }
        & .row.col.accordion-holder {
          width: var(--base-width);
          max-width: var(--base-width);
  
          & .accordion {
            width: var(--base-width);
            max-width: var(--base-width);
            border-top: var(--base-border);
            padding: var(--base-sm-padding) 0;
  
            &:last-of-type {
              border-bottom: var(--base-border);
            }
  
            &.active .accordion-content {
              max-height: max-content;
              padding: var(--base-sm-padding) 0;
              opacity: 1;
            }
  
            & .accordion-title {
              padding: var(--base-sm-padding) 0;
              cursor: pointer;
  
              & .row.col2 {
                align-items: center;
                flex-direction: row;
                justify-content: space-between;
  
                & strong,
                & i {
                  color: var(--cta-mid);
  
                  & span {
                    color: var(--base-bg-30-transparent);
                    font-size: calc(var(--base-font-size) - 5px);
                    margin-bottom: calc(var(--base-sm-margin) / 2);
                    display: block;
                  }
                }
              }
            }
  
            & .accordion-content {
              max-height: 0;
              overflow: hidden;
              transition: max-height 0.4s ease, padding 0.3s ease, opacity 0.3s ease;
              padding: 0;
              opacity: 0;
            }
          }
        }
        & ul li::before {
          content: "\f068";
          font-family: var(--font-awesome);
          font-weight: var(--font-weight-bold);
          position: relative;
          left: -10px;
          top: 0;
        }
        & h1,
        & h2,
        & h3,
        & h4,
        & h5,
        & h6 {
          margin-bottom: calc(var(--base-sm-margin) * 2);
        }
      }
  
      & .w25 {
        display: none;
        /* width: var(--base-width);
        max-width: var(--base-width); */
        background-color: var(--primary-light);
        border-radius: 0 0 var(--base-border-radius) var(--base-border-radius);
        padding-top: calc(var(--base-lg-padding) - calc(var(--base-sm-padding) * 3));
        position: relative;

        & .sidebar-wrapper{
          position: sticky;
          top: calc(var(--base-sm-padding) * 2);
          & .sidebar-content-holder {
            padding: calc(var(--base-sm-padding) * 3);
            padding-top: var(--base-sm-padding);
            & ul {
              width: var(--base-width);
    
              & li {
                border-bottom: var(--base-border);
                padding-bottom: 0;
                margin-bottom: var(--base-sm-margin);
    
                & a {
                  color: var(--black-color);
                  display: block;
                  padding: 0 0 var(--base-sm-padding) 0;
    
                  & i {
                    margin-right: var(--base-sm-padding);
                    color: var(--primary-dark-40-transparent);
                  }
                }
              }
            }
    
            &.sidebar-cta {
              background-color: var(--nav-primary-li);
              color: var(--white-color);
              text-align: var(--base-text-align-center);
    
              & .btn-holder {
                justify-content: center;
    
                & a.btn-primary {
                  border-color: var(--white-color);
                }
              }
            }
          }
        }
      }
    }
}
@media (min-width: 375px) { }

@media (min-width: 425px) { }

/* 2. LARGE MOBILE (480px+) */
@media (min-width: 480px) { }

/* 3. TABLET (768px+) */
@media (min-width: 768px) { }

/* 4. DESKTOP (1024px+) */
@media (min-width: 1024px) { }

/* 5. LARGE DESKTOP (1200px+) */
@media (min-width: 1200px) {
  section#blog-single {
    padding: 0;
    & .row.col2 {
      & .w75 {
        width: calc(var(--base-width) * 75 / 100);
        max-width: calc(var(--base-width) * 75 / 100);
        padding: var(--base-lg-padding);
        padding-left: 0;
      }
  
      & .w25 {
        display: flex;
        flex-direction: column;
      }
    }
  }
}

/* 6. EXTRA LARGE (1440px+) */
@media (min-width: 1440px) { }