.pb-itemblock {
    width: 100%;
    height: 0;
    display: block;
    position: relative;
    padding: 0 0 100%;
    text-decoration: none;
    background: var(--color-gray-lightest);
}
.pb-itemblock,
.pb-itemblock * {
    box-sizing: border-box;
}
.pb-itemblock:before {
    width: 100%;
    height: var(--itemblock-fx-size);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background: var(--itemblock-fx-color-moz);
    background: var(--itemblock-fx-color-webkit);
    background: var(--itemblock-fx-color);
    filter: var(--itemblock-fx-color-filter);
    z-index: 2;
    opacity: var(--itemblock-fx-opacity);
}
.pb-itemblock > img,
.pb-itemblock > .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    border: none;
    z-index: 1;
}
.pb-itemblock > .content {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: var(--itemlist-spacer);
    z-index: 3;
}
.pb-itemblock > .content .type {
    margin: var(--itemblock-type-spacer);
    font-size: var(--itemblock-type-size);
    color: var(--itemblock-type-color);
    font-weight: var(--itemblock-type-weight);
    line-height: var(--itemblock-type-line);
    text-align: var(--itemblock-type-align);    
}
.pb-itemblock > .content .title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin: var(--itemblock-title-spacer);
}
.pb-itemblock > .content .title span {
    font-size: var(--itemblock-title-size);
    color: var(--itemblock-title-color);
    font-weight: var(--itemblock-title-weight);
    line-height: var(--itemblock-title-line);
    text-align: var(--itemblock-title-align);    
}
.pb-itemblock > .content .title svg {
    width: var(--itemblock-icon-size);
    height: var(--itemblock-icon-size);
    margin-left: var(--itemblock-icon-spacer);
}
.pb-itemblock > .content .title svg use {
    fill: var(--itemblock-icon-color);
}
.pb-itemblock > .content .summary {
    height: 0;
    max-height: calc( var(--itemblock-summary-heightIndex) * var(--itemblock-summary-line));
    margin: var(--itemblock-summary-spacer);
    overflow: hidden;
    font-size: var(--itemblock-summary-size);
    color: var(--itemblock-summary-color);
    font-weight: var(--itemblock-summary-weight);
    line-height: var(--itemblock-summary-line);
    text-align: var(--itemblock-summary-align);
    text-overflow: ellipsis;
}

/* Hover */
.pb-itemblock:hover:before {
    height: var(--itemblock-fx-size--hover);
    background: var(--itemblock-fx-color-moz--hover);
    background: var(--itemblock-fx-color-webkit--hover);
    background: var(--itemblock-fx-color--hover);
    filter: var(--itemblock-fx-color-filter--hover);
    opacity: var(--itemblock-fx-opacity--hover)
}
.pb-itemblock:hover > .content .summary {
    height: calc( var(--itemblock-summary-heightIndex) * var(--itemblock-summary-line));
}

/* TIPOS */
/* Ambientes */
[data-type="ambients"] .pb-itemblock .content .type {
    display: none;
}
/* Linhas */
[data-type="lines"] .pb-itemblock .content .type {
    display: block;
}
/* Designers */
[data-type="designers"] .pb-itemblock .content .type {
    display: none;
}
.pb-itemblock--spacer
{
    box-shadow: none;
    opacity: 0;

}