.biber-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
grid-template-rows: auto;
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.biber-grid.rel-grid {
grid-template-columns: repeat(2,1fr);
}
.biber-item {
transition: .7s;
background: var(--secondary);
box-shadow: var(--shadow);
position: relative;
}
.biber-item:hover {
box-shadow: 0px 0 30px -2px rgba(11, 59, 95, 0.28);
}
.biber-item > a {
text-decoration: none;
display: flex;
align-content: center;
flex-wrap: wrap;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-decoration: none;
}
.biber-grid .item-thumb {
display: flex;
width: 100%;
}
.biber-grid .item-thumb img {
width: 100%;
aspect-ratio: 6/4;
object-fit: cover;
object-position: center;
}
.biber-grid .item-title {
color: #fff;
text-align: center;
padding: 10px 10px;
font-weight: 600;
font-size: 1.2rem;
line-height: 1.3;
text-align: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex: 1;
box-sizing: border-box;
gap: 10px;
position: relative;
}
.biber-grid.press-grid .item-title {
font-size: 1.1rem;	
align-items: flex-end;
}
.biber-grid .item-title > span {
width: 100%;
font-weight: 400;
align-self: flex-end;
}
.biber-grid .biber-item > i {
position: absolute;
left: 10px;
top: 10px;
color: var(--secondary);
background: #fff;
border-radius: 50%;
font-size: 16px;
box-shadow: 0px 0px 5px -2px var(--secondary), 0px 1px 0 0 var(--secondary);
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.biber-grid .item-cat {
position: absolute;
left: 10px;
top: 10px;
z-index: 2;
}
.item-cat a {
text-decoration: none;
background: rgba(0, 22, 67, 0.6);
color: #fff;
padding: 3px 8px;
line-height: 1;
font-size: 0.8rem;
font-weight: 600;
transition: .2s;
}
.item-cat a:hover {
background: var(--secondary);
} .biber-grid.article-grid .biber-item.no-img .item-title > div,
.biber-grid.nl-grid .biber-item.no-img .item-title > div {
padding-left: 37px;
width: 100%;
}
.biber-grid .biber-item.no-img .item-title {
align-content: flex-start;	
}
.biber-grid .biber-item.no-img .item-title > span {
align-self: flex-start;
} .biber-grid .biber-item.light-item {
background: linear-gradient(to top, #ececec, #fff);
border: 2px solid #fff;
box-sizing: border-box;
}
.biber-item.light-item:hover {
border: 2px solid var(--primary);
}
.biber-grid .biber-item.light-item .item-title {
gap: 5px;
align-items: flex-start;
color: var(--secondary);
border-top: 2px solid #fff;
}
.biber-grid .biber-item.small-title .item-title {
font-size: 1rem;
}
.biber-grid .item-title > span {
font-size: .92rem;  
} .biber-item.with-btn {
margin-bottom: 11px;
}
.biber-grid .item-title .read-more-btn {
background: #fff;
color: var(--primary);
display: block;
width: max-content;
padding: 3px 12px;
font-weight: 700;
margin: 15px auto -20px;
border: 2px solid #fff;
transition: .2s;
}
.biber-grid .item-title .read-more-btn:hover {
color: #fff;
border-color: var(--primary);
background: var(--primary);
}
.biber-grid .light-item .item-title .read-more-btn {
background: var(--secondary);
color: #fff;
}
.biber-grid .light-item .item-title .read-more-btn:hover {
color: #fff;
border-color: #fff;
background: var(--primary);
} .biber-grid .article-item .item-title > span,
.biber-grid .press-item .item-title > span,
.biber-grid .nl-item .item-title > span > span {
opacity: .7;
}
.biber-grid .nl-item .item-title b {
font-weight: 600; 	
}
.biber-grid .nl-item .item-title > span > span {
display: block;
margin-top: 3px;
}
.biber-grid.team-grid .biber-item {
margin-top: 85px;	
}
.biber-grid.team-grid .biber-item img {
aspect-ratio: 1/1;
width: 170px;
margin: auto;
margin-top: auto;
border-radius: 50%;
margin-top: -85px;
box-shadow: var(--shadow);
}
.biber-grid.team-grid .biber-item .item-title {
align-content: flex-start;
border: none;
line-height: 1.5;
}
.biber-grid.team-grid .item-title > div {
font-weight: 700;
}
.biber-grid.team-grid .item-title > span {
align-self: flex-start;
}
.team-grid-contacts {
gap: 7px;
display: flex;
justify-content: center;
margin-top: 10px;
}
.team-grid-contacts > span {
background: linear-gradient(to top right, #f2cf67 0%, #ffe38a, #f2cf67);
display: flex;
gap: 6px;
align-items: center;
padding: 7px 10px;
line-height: 1;
border-radius: 20px;
font-size: 95%;
font-weight: 700;
} .bib-peg {
text-align: center;
}
.bib-peg #more_posts {
margin-top: 30px;
display: inline-block;
padding: 8px 25px;
background: var(--primary);
color: #fff;
font-weight: 700;
font-size: 1.3rem;
line-height: 1;
transition: background .5s;
cursor: pointer;
position: relative;
}
.bib-peg #more_posts:hover {
background: var(--secondary);
}
.bib-peg #more_posts.loading {
color: transparent;
}
.bib-peg #more_posts svg {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
.bib-peg span {
margin-top: 40px;
display: inline-block;
font-weight: 600;
}
@media only screen and (min-width: 990px) { .biber-grid:not(.team-grid) .biber-item .item-thumb {
position: relative;
overflow: hidden;
}
.biber-grid:not(.team-grid) .biber-item .item-thumb::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
filter: brightness(1.5);
mask-size: 100% 100%;
-webkit-mask-image:  -webkit-linear-gradient(-30deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 70%);
-moz-mask-image:  -webkit-linear-gradient(-30deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 70%);
-o-mask-image:  -webkit-linear-gradient(-30deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 70%);
mask-image:  -webkit-linear-gradient(-30deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 70%);
animation-timing-function: linear;
transform: translate3d(-100%, 0, 0);
mask-position: 150% 0px;
background: #fff;
transition: 0s;
mix-blend-mode: overlay;
}
.biber-grid:not(.team-grid) .biber-item:hover .item-thumb::after {
transform: translate3d(100%, 0, 0);
transition: 2s;
}
}
@media only screen and (max-width: 990px) {
.biber-grid.team-grid {
grid-template-columns: repeat(2,1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.biber-grid .item-title {
padding: 10px;
font-weight: 500;
font-size: 1.1rem;
}
.biber-grid.press-grid .item-title {
font-size: 1rem;
}
}
@media only screen and (max-width: 990px) {
.biber-grid {
grid-template-columns: repeat(2,1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
@media only screen and (max-width: 768px) {
.vc_row:not(.press-pages) .biber-grid.pages-grid,
.biber-grid.team-grid,
.biber-grid.article-grid {
grid-template-columns: repeat(1,1fr);
}
.vc_row:not(.press-pages) .biber-grid.pages-grid .biber-item,
.biber-grid.team-grid .biber-item {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.biber-grid .item-title {
font-size: 1rem;
line-height: 1.3;
}
.biber-grid  .biber-item .item-title div, .biber-grid .biber-item .item-title span {
font-size: 85%;
} .biber-grid.press-grid,
.biber-grid.article-grid {
grid-template-columns: repeat(1,1fr);
grid-column-gap: 20px;
grid-row-gap: 15px;
}
.biber-grid.press-grid i,
.biber-grid.article-grid .item-cat {
left: auto;
right: 5px;
line-height: 1;
top: 5px;
}
.biber-grid.press-grid .item-cat a,
.biber-grid.article-grid .item-cat a {
font-size: 0.75rem;
padding: 3px 5px;
font-weight: 400;
}
.biber-grid.press-grid .biber-item,
.biber-grid.article-grid .biber-item {
width: 100%;
}
.biber-grid.press-grid .biber-item > a,
.biber-grid.article-grid .biber-item > a {
flex-direction: row;
align-content: flex-start;
align-items: flex-start;
}
.biber-grid.press-grid .item-thumb,
.biber-grid.article-grid .item-thumb {
flex: 0 0 80px;
width: 80px;
height: 100%;
overflow: hidden;
}
.biber-grid.article-grid .item-thumb img {
aspect-ratio: auto;
min-height: 80px;
height: 100%;
}
.biber-grid.press-grid .item-thumb img {
aspect-ratio: auto;
height: 80px;
min-height: calc(100% + 6px);
margin-top: -6px;
}
.biber-grid.press-grid .item-title,
.biber-grid.article-grid .item-title {
flex: 0 0 calc(100% - 80px);
width: calc(100% - 80px);
padding: 3px 12px;
text-align: right;
justify-content: flex-start;
align-content: space-between;
min-height: 100%;
}
.biber-grid.press-grid .biber-item .item-title div,
.biber-grid.press-grid .biber-item .item-title span,	
.biber-grid.article-grid .biber-item .item-title div,
.biber-grid.article-grid .biber-item .item-title span {
font-size: 80%;
} .biber-grid.team-grid .item-title div {
font-size: 110%;				
}
.biber-grid .biber-item .item-title span .team-grid-contacts span,
.biber-grid .biber-item .item-title span .read-more-btn {
font-size: 100%;		
}
.biber-grid .biber-item .item-title span .team-grid-contacts {
flex-wrap: wrap;
gap: 5px;
}
.biber-grid .biber-item .item-title span .team-grid-contacts > span {
width: auto;
text-align: center;
justify-content: center;
padding: 7px 20px;
}  }