/*for style on blog pages*/

.cx_shortcode.cx_taxonomies_terms_list:not(.style_card) .tax-term-list-wraper h3.tax-title {
    text-transform:capitalize;
    color:var(--cx-white);
    font-family: Poppins;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    /*margin-bottom:24px*/;
}



.cx_shortcode.cx_taxonomies_terms_list .tax-term-list-wraper  ul {
    list-style:none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: column;
}

.cx_shortcode.cx_taxonomies_terms_list .tax-term-list-wraper  ul li{
    color:var(--primary-50);
    font-family: "Inter";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-transform: capitalize; 
}

.cx_shortcode.cx_taxonomies_terms_list .tax-term-list-wraper  ul li a { color:inherit; }

.cx_shortcode.cx_taxonomies_terms_list .tax-term-list-wraper  ul li:has(a:visited) {color: var(--brand-primary-50);}


/*for tags desgin*/

.cx_shortcode.cx_taxonomies_terms_list.tag-wrapper .tax-term-list-wraper  ul {
    flex-direction: row;
    row-gap: 16px;
}

.cx_shortcode.cx_taxonomies_terms_list.tag-wrapper .tax-term-list-wraper  ul li{
    display: inline-flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 9999px;
    position:relative;
    border: 1px solid var(--border-color, var(--grey-48));
    color:var(--text-color, var(--text-54));
    background:var(--bg-color, var(--grey-45));
}


.cx_shortcode.cx_taxonomies_terms_list.on-single-post-page{margin:0;}


.cx_shortcode.cx_taxonomies_terms_list .tax-term-list-wraper .img-wrapper{
    border-radius: 16px;
}

.cx_shortcode.cx_taxonomies_terms_list .tax-term-list-wraper .img{
    height: 426px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}


@media (max-width:767px) {
    .cx_shortcode.cx_taxonomies_terms_list .tax-term-list-wraper .img {
        height:300px;
    }
}


/*==========================================================================
   style card 
========================================================================== */


.cx.cx_shortcode.cx_taxonomies_terms_list.cx_zico_taxonomies_terms_list.style_card .term_content {
    padding:24px 16px;
}


.cx.cx_shortcode.cx_taxonomies_terms_list.cx_zico_taxonomies_terms_list.style_card {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 32px;
    justify-content: start; /* prevents weird spacing when items are less */
}


.cx_shortcode.cx_taxonomies_terms_list.style_card .tax-term-list-wraper h3.tax-title {
    text-transform:capitalize;
    color:var(--grey-56);
}

.cx_shortcode.cx_taxonomies_terms_list.style_card .tax-term-list-wraper .term-title {
    text-transform:capitalize;
    color:var(--text-54);
}