/* ----- Block ----- */
.b-cpt2__tabs-header { padding: 0.5rem; }

.b-cpt2__tab-btn {
    padding: .5rem 1rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--color-medium-dark);
    border-radius: var(--border-radius-3xs);
}

.b-cpt2__tab-btn.is-active {
    color: var(--color-white);
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
    pointer-events: none;
}

.b-cpt2__items {
    padding-top: 1.5rem;
    padding-bottom: 5rem;
}

@media ( hover: hover ) {
    .b-cpt2__tab-btn { transition: all .2s; }

    .b-cpt2__tab-btn:hover {
        color: var(--color-primary-dark);
        background-color: var(--color-medium-light);
    }
} 

@media ( max-width: 1099px ) {
    .b-cpt2__items { padding: 2rem; }
}



/* ----- Item ----- */
.b-cpt2__item-image { padding-bottom: 91.982%; }

@media ( max-width: 1099px ) {
    .b-cpt2__item-text:not(.is-expanded) {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-clamp: 4;
        overflow: hidden;
    }

    .b-cpt2__item .read-more.is-expanded svg { transform: rotate(180deg); }

    .b-cpt2__item--post .b-cpt2__item-image { padding-top: 91.936%; }
}



/* ----- Selectbox -----*/
.b-cpt2 .SumoSelect > .CaptionCont {
    padding: .938rem 1.438rem;
    font-size: 1rem;
    line-height: 1.75rem;
    background: var(--color-light);
    border: 1px solid var(--color-light);
    border-radius: var(--border-radius-3xs);
    transition: all .2s;
}

.b-cpt2 .SumoSelect > .CaptionCont > span,
.b-cpt2 .SumoSelect > .optWrapper > .options li.opt {
    font-size: .875rem;
    line-height: 1.375rem;
    text-transform: uppercase;
}

.b-cpt2 .SumoSelect > .optWrapper {
    background: var(--color-light);
    border: 0;
    border-top: 1px solid var(--color-medium);
    border-radius: 0;
    border-bottom-left-radius: var(--border-radius-3xs);
    border-bottom-right-radius: var(--border-radius-3xs);
    box-shadow: none;
}

.b-cpt2 .SumoSelect.open > .optWrapper { top: 100%; }

.b-cpt2 .SumoSelect > .optWrapper > .options { max-height: 19rem; }

.b-cpt2 .SumoSelect > .optWrapper > .options li.opt {
    padding: 1rem 1.5rem;
    text-transform: none;
    border: 0;
    border-radius: 0 !important;
}
.b-cpt2 .SumoSelect > .optWrapper > .options li.opt:not(:first-child) { border-top: 1px solid var(--color-medium); }

.b-cpt2 .SumoSelect > .optWrapper > .options li.opt.selected { background: var(--color-medium); }