.cpt-card-excerpt, .cpt-card-title{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cpt-year {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='currentColor'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 14px 8px;
  padding-right: calc(0.75rem + 14px + 0.75rem);
}

.cpt-archive-section{
  .cpt-chip.is-active{
    @apply !bg-black !text-white !border-black border !pr-12;
    position: relative;
  }
  
  .cpt-chip.is-active:after{
    @apply w-2.5 h-2.5 right-5 top-1/2 transform -translate-y-1/2 absolute;
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22326 1.23145L11.3005 11.3088M11.3005 1.23145L1.22314 11.3088' stroke='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }

  .cpt-pg{
    button{
      @apply md:w-10 md:h-10 w-8 h-8 flex items-center justify-center border font-bold border-transparent;
    }
  }
  
  .cpt-archive.is-loading .cpt-grid{ opacity: 0.3; }
  .cpt-archive .cpt-loader{ display:none; text-align:center; margin: 24px 0; }
  .cpt-archive.is-loading .cpt-loader{ display:block; }
  .cpt-archive .cpt-empty{ display:none; text-align:center; margin: 24px 0; }

  /* Dropdown layout */
  .cpt-tax-dropdown{
    @apply w-[290px];
  }
  .cpt-dd-toggle{
    @apply w-full text-left; 
  }
  .cpt-dd-toggle .cpt-dd-count-badge{
    @apply hidden ml-2.5 mr-auto items-center justify-center rounded-full bg-black text-white text-xs font-bold;
    min-width: 20px; 
    height: 20px;
    padding: 0 6px;
    line-height: 20px;
  }
  .cpt-dd-toggle.has-selected .cpt-dd-count-badge{
    @apply inline-flex;
  }
  .cpt-dd-panel{
    
  }
  .cpt-dd-item.is-active{
    @apply !bg-black !text-white !pr-10 relative;
  }
  .cpt-dd-item.is-active:after{
    @apply w-2.5 h-2.5 right-3 top-1/2 transform -translate-y-1/2 absolute;
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22326 1.23145L11.3005 11.3088M11.3005 1.23145L1.22314 11.3088' stroke='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cpt-clear-tax{
    @apply transition-colors duration-200 hover:opacity-80;
  }

  .cpt-selected-chips{
    .cpt-chip{
      @apply rounded-full px-5 py-2 border cursor-pointer transition-all duration-200 hover:opacity-80;
    }
  }
}

.cpt-single-section .content-wrap {
  .left{
    .spacing-px{ 
      @apply !px-0;
    }
  }

  .different-bg-padding section{
    @apply !px-6;
  }

  .entry-content{
    @apply flex flex-col pb-10;
  }

  .entry-content .left,
  .entry-content .right{
    @apply w-full;
  }

  .entry-content .right{
    @apply static top-auto max-h-none overflow-visible mt-10 lg:mt-20 px-sm xs:px-md sm:px-offsetMd md:px-offsetLg lg:px-0; 
  }

  @media (min-width: 1024px){
    .entry-content{
      @apply grid grid-cols-3 items-start;
    }

    .entry-content .left{
      @apply w-auto col-span-2;
    }

    .entry-content .right{
      @apply sticky top-32 overflow-y-auto;
    }
  }

  .anchors{
    @apply p-0;
    
    .anchor-item{
      @apply font-normal p-0 m-0;

      &:before{
        @apply hidden;
      }

      .anchor-link{
        @apply no-underline;
      }
    }
  }
}