.wp-block-coffee-friend-navigation-with-icons{margin-bottom:40px;margin-top:40px}@media (min-width:1024px){.wp-block-coffee-friend-navigation-with-icons{margin-bottom:64px;margin-top:64px}}.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper{column-gap:10px;display:flex;flex-wrap:wrap;row-gap:24px}@media (min-width:1024px){.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper{column-gap:40px}}.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item{flex-grow:1;flex-shrink:1;max-width:calc(50% - 5px);position:relative;width:100%}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item{max-width:calc(33.3333% - 6.66667px)}}@media (min-width:1024px){.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item{max-width:calc(33.3333% - 26.66667px)}}@media (min-width:1200px){.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item{max-width:calc(16.6667% - 33.33333px)}}.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item .item-content{display:flex;flex-direction:column;gap:15px;height:100%}.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item .item-content .image-container{border-radius:8px;display:flex;height:103px;justify-content:center;overflow:hidden;width:100%;--tw-bg-opacity:1;background-color:rgba(245,245,241,var(--tw-bg-opacity))}.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item .item-content .image-container:hover{--tw-bg-opacity:1;background-color:rgba(254,248,225,var(--tw-bg-opacity))}.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item .item-content .image-container img{height:124px;margin-top:8px;min-width:20px;mix-blend-mode:multiply;width:auto}.wp-block-coffee-friend-navigation-with-icons .navigation-with-icons-wrapper .item .item-content .title{flex:1 1 0%;word-wrap:break-word;font-size:16px;font-weight:300;line-height:22px;padding-left:12px;padding-right:12px;text-align:center}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper{flex-wrap:wrap;gap:8px}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper{gap:24px}}@media (min-width:1024px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(33.33333% - 40px),1fr));grid-gap:40px;gap:40px}}@media (min-width:1200px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper{grid-template-columns:repeat(auto-fit,minmax(calc(16.66667% - 40px),1fr))}}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item{max-width:calc(50% - 4px);width:100%}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item{max-width:calc(50% - 12px)}}@media (min-width:1024px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item{max-width:none;width:auto}}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item a{display:block;height:100%}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content{align-items:center;border-radius:16px;gap:16px;justify-content:flex-start;--tw-bg-opacity:1;background-color:rgba(245,245,241,var(--tw-bg-opacity));padding:24px 8px;transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content:hover{--tw-bg-opacity:1;background-color:rgba(255,212,57,var(--tw-bg-opacity))}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content{padding-left:24px;padding-right:24px}}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content .image-container{background-color:initial;border-radius:0;height:auto;overflow:visible;width:auto}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content .image-container:hover{background-color:initial}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content .image-container img{height:66px;margin-top:0}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content .title{flex:none;font-size:18px;font-weight:600;line-height:24px;padding-left:0;padding-right:0}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-compact .navigation-with-icons-wrapper .item .item-content .title{font-size:20px;font-weight:700;line-height:22px}}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper{flex-direction:column;gap:16px}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper{flex-direction:row;gap:24px}}@media (min-width:1024px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(33.33333% - 40px),1fr));grid-gap:40px;gap:40px}}@media (min-width:1200px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper{grid-template-columns:repeat(auto-fit,minmax(calc(25% - 40px),1fr))}}@media (min-width:1600px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper{grid-template-columns:repeat(auto-fit,minmax(calc(20% - 40px),1fr))}}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item{max-width:none;width:100%}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item{max-width:calc(50% - 12px)}}@media (min-width:1024px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item{max-width:none;width:auto}}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item a{display:block;height:100%}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content{align-items:center;border-radius:16px;flex-direction:row;gap:16px;justify-content:flex-start;--tw-bg-opacity:1;background-color:rgba(245,245,241,var(--tw-bg-opacity));padding:16px;transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content:hover{--tw-bg-opacity:1;background-color:rgba(255,212,57,var(--tw-bg-opacity))}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content{gap:24px;padding:24px}}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content .image-container{background-color:initial;border-radius:0;flex:none;height:auto;overflow:visible;width:auto}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content .image-container:hover{background-color:initial}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content .image-container img{height:40px;margin-top:0}.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content .title{flex:1 1 0%;font-size:18px;font-weight:600;line-height:24px;padding-left:0;padding-right:0;text-align:left}@media (min-width:768px){.wp-block-coffee-friend-navigation-with-icons.is-style-b2b-horizontal .navigation-with-icons-wrapper .item .item-content .title{font-size:20px;font-weight:700;line-height:22px}}