/* Koffiebranders - Swiper */
.posts-wrapper.koffiebranders {width:100%; overflow:visible;}
.posts-wrapper.koffiebranders .swiper-wrapper {gap:32px; margin-bottom:16px;}
.posts-wrapper.koffiebranders .single {background:#e6dccf; border-radius:8px; width:276px; overflow:hidden; display:inline-flex; flex-direction:column; position:relative; padding-bottom:80px;}
.posts-wrapper.koffiebranders .single .image-wrapper {position:relative;}
.posts-wrapper.koffiebranders .single .image-wrapper img {height:320px; max-height:56vh; width:100%; object-fit:cover;}
.posts-wrapper.koffiebranders .single .content {padding:16px; display:flex; flex-direction:column; gap:4px; text-align:center; position:absolute; bottom:0; left:0; width:100%; min-height:80px;}
.posts-wrapper.koffiebranders .single .content:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#e6dccf; pointer-events:none; z-index:2;}
.posts-wrapper.koffiebranders .single .content .name {font-size:18px; font-weight:900; line-height:1.2; color:#4d4a45!important; position:relative; z-index:3;}
.posts-wrapper.koffiebranders .single .content .function {font-size:13px; color:#4d4a45!important; line-height:1.2; position:relative; z-index:3;}
.posts-wrapper.koffiebranders .posts-header .nav-wrapper {margin-left:auto;}

.posts-wrapper.koffiebranders .single .content {background:#e6dccf;}
.posts-wrapper.koffiebranders .single .content .fun-fact {font-size:12px; opacity:.8; color:#4d4a45!important; line-height:1.4; max-height:0; overflow:hidden; transition:all 0.8s ease-in-out; z-index:3; position:relative;}
.posts-wrapper.koffiebranders .single .content .fun-fact i {color:var(--primary_color)!important;}
.posts-wrapper.koffiebranders .single:hover .content .fun-fact {max-height:999px;}

/* .posts-wrapper.koffiebranders .single .content .fun-fact {font-size:16px; font-style:italic; line-height:1.2; color:#fff; position:absolute; top:0; left:0; width:100%; height:100%; background:#4d4a451f; display:flex; align-items:center; justify-content:center; padding:16px;}
.posts-wrapper.koffiebranders .single:hover .content .fun-fact {max-height:999px;} */

/* .posts-wrapper.koffiebranders .single .content {background:#e6dccf; text-align:left; line-height:1.2; gap:4px;}
.posts-wrapper.koffiebranders .single .content .fun-fact {font-style:italic; font-size:13px; color:#4d4a45!important; line-height:1.4; max-height:0; overflow:hidden; transition:all 0.8s ease-in-out; opacity:.6; padding-top:8px;}
.posts-wrapper.koffiebranders .single:hover .content .fun-fact {max-height:999px;} */

.posts-wrapper.koffiebranders.grid {display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px;}
.posts-wrapper.koffiebranders.grid .single {width:100%;}

.posts-wrapper.koffiebranders .single .content .contact-wrapper {position:absolute; bottom:calc(100% + 8px); left:8px; transform:translateY(50px); opacity:0; display:flex; gap:8px; pointer-events:none; z-index:1;}
.posts-wrapper.koffiebranders .single:hover .content .contact-wrapper {transform:translateY(0); opacity:1; pointer-events:auto;}
.posts-wrapper.koffiebranders .single .content .contact-wrapper a {background:#cd2a2e; color:#fff; width:40px; height:40px; border-radius:999px; display:inline-flex; justify-content:center; align-items:center; transform:translateY(20px); opacity:0; transition:all 0.5s ease-out;}
.posts-wrapper.koffiebranders .single:hover .content .contact-wrapper a:nth-child(1) {transition-delay:0.2s; transform:translateY(0); opacity:1;}
.posts-wrapper.koffiebranders .single:hover .content .contact-wrapper a:nth-child(2) {transition-delay:0.4s; transform:translateY(0); opacity:1;}