---
title: "SpotMe Announces Partnership with Interprefy"
description: "SpotMe SA, and Interprefy AG, announced a new partnership today. This partnership enriches the experience for virtual audiences."
image: https://www.interprefy.com/hubfs/Blog_Interprefy_spotme-interpretation-web-conferencing.png
canonical: https://www.interprefy.com/resources/press/companynews/spotme-interprefy-remote-interpreting-integration
url: https://ai.interprefy.com/resources/press/companynews/spotme-interprefy-remote-interpreting-integration.md
last_converted: 2026-10-12T21:54:15.063Z
---

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "VideoObject",
      "caption": {
        "@type": "MediaObject",
        "contentUrl": "https://www.interprefy.com/media-transcripts/159495977591/en.vtt",
        "inLanguage": "en",
        "name": "en Captions"
      },
      "contentUrl": "https://6564114.fs1.hubspotusercontent-na1.net/hubfs/6564114/What%20Is%20Interprefy.mp4",
      "dateModified": "2025-09-16T13:30:13.207Z",
      "duration": "PT2M46.24S",
      "height": 2160,
      "name": "What Is Interprefy",
      "thumbnailUrl": "https://6564114.fs1.hubspotusercontent-na1.net/hubfs/6564114/What%20Is%20Interprefy.mp4/medium.jpg",
      "uploadDate": "2024-03-05T12:28:36.137Z",
      "width": 3840
    },
    {
      "@type": "BlogPosting",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.interprefy.com/resources/press/companynews/spotme-interprefy-remote-interpreting-integration"
      },
      "headline": "SpotMe Announces Partnership with Interprefy ",
      "datePublished": "2020-09-30T09:05:10Z",
      "dateModified": "2026-06-05T16:07:32.490Z",
      "publisher": {
        "@type": "Organization",
        "name": "Interprefy AG",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.interprefy.com/hubfs/Interprefy%20Logo_Orange.png"
        }
      },
      "image": [
        "https://f.hubspotusercontent10.net/hubfs/6564114/Blog_Interprefy_spotme-interpretation-web-conferencing.png"
      ],
      "author": {
        "@type": "Person",
        "name": "Markus Aregger",
        "url": "https://www.interprefy.com/resources/blog/author/markus-aregger"
      }
    }
  ]
}
```

. `content:none` is the default, so a
blog with no entry below simply gets no pill rather than a wrong or empty
one — add a line for each new blog that adopts this stylesheet. */
body.hs-blog-listing.hs-blog-id-18068290575 .subscribe-strip-left::before{content:"Learning area"}  /* Learning Area / blog */
body.hs-blog-listing.hs-blog-id-30970945904 .subscribe-strip-left::before{content:"Company news"}   /* Press / Company News */

body.hs-blog-listing .subscribe-strip-left::before{
content:none;
display:inline-flex;align-items:center;gap:8px;
font-family:var(--f-ui);font-size:12px;font-weight:600;
letter-spacing:.14em;text-transform:uppercase;
color:rgba(255,255,255,.82);
background:rgba(255,255,255,.07);
border:1px solid var(--line-d);
border-radius:999px;padding:7px 15px;margin:0 0 20px;
}
body.hs-blog-listing .subscribe-strip-left h1{
font-family:var(--f-head) !important;
font-size:clamp(34px,5vw,64px) !important;
line-height:1.05 !important;
font-weight:700 !important;
letter-spacing:-.025em;
color:var(--white) !important;
margin:0 0 16px !important;
text-wrap:balance;
}
body.hs-blog-listing .subscribe-strip-left h5{
font-family:var(--f-body);
font-size:clamp(16px,1.35vw,18.5px) !important;
line-height:1.6 !important;
font-weight:400 !important;
color:rgba(255,255,255,.72) !important;
margin:0 !important;
max-width:52ch;
}

/* --------------------------------------------------------------------------
3. TOPIC FILTER — neutral chips, ink active state
   -------------------------------------------------------------------------- */
body.hs-blog-listing .topics-or-title{
padding:0 0 clamp(22px,3vw,36px) !important;
}
/* tinynav's mobile  is dropped — the pill row scrolls instead */
body.hs-blog-listing select.tinynav,
body.hs-blog-listing .tinynav1{display:none !important}

body.hs-blog-listing ul.l_tinynav1{
display:flex !important;
flex-wrap:wrap;
gap:9px;
margin:0;padding:0;
list-style:none;
}
body.hs-blog-listing ul.l_tinynav1 li{
display:block;
margin:0 !important;
}
body.hs-blog-listing ul.l_tinynav1 li a{
display:inline-flex;align-items:center;
font-family:var(--f-ui);
font-size:14px !important;
font-weight:500;
line-height:1;
white-space:nowrap;
color:var(--muted) !important;
background:var(--chip) !important;
border:1px solid transparent;
border-radius:999px !important;
padding:11px 18px !important;
text-decoration:none;
transition:background .25s var(--ease),color .25s var(--ease),
border-color .25s var(--ease),transform .25s var(--ease);
}
body.hs-blog-listing ul.l_tinynav1 li a:hover,
body.hs-blog-listing ul.l_tinynav1 li a:focus-visible{
color:var(--orange-text) !important;
background:var(--orange-tint) !important;
border-color:rgba(248,83,28,.35);
transform:translateY(-1px);
}
body.hs-blog-listing ul.l_tinynav1 li.active a{
color:var(--white) !important;
background:var(--ink) !important;
border-color:var(--ink);
}
body.hs-blog-listing ul.l_tinynav1 li.active a:hover{
background:var(--ink-2) !important;
color:var(--white) !important;
border-color:var(--ink-2);
}

/* --------------------------------------------------------------------------
4. POST GRID — real grid, equal-height cards
   -------------------------------------------------------------------------- */
body.hs-blog-listing .hhs-blog-post-mod{
background:var(--white) !important;
padding:0 0 clamp(30px,4vw,48px) !important;
}
body.hs-blog-listing .hhs-blog-post-mod .row{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:clamp(20px,2.4vw,30px);
margin:0 !important;
height:auto !important;
}
body.hs-blog-listing .hhs-blog-post-mod .row::before,
body.hs-blog-listing .hhs-blog-post-mod .row::after{display:none !important}

body.hs-blog-listing .hhs-blog-post-mod .col-sm-4{
width:100% !important;
max-width:none !important;
float:none !important;
padding:0 !important;
margin:0 !important;
height:auto !important;
display:flex;
}

/* the card */
body.hs-blog-listing .hhs-blog-post-card{
position:relative;
display:flex;
flex-direction:column;
width:100%;
height:auto !important;
margin:0 !important;
background:var(--white) !important;
border:1px solid var(--line);
border-radius:var(--r-card) !important;
box-shadow:0 1px 2px rgba(12,12,13,.04) !important;
overflow:hidden;
transition:transform .35s var(--ease),box-shadow .35s var(--ease),
border-color .35s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover{
transform:translateY(-4px);
border-color:rgba(248,83,28,.30);
box-shadow:0 26px 48px -26px rgba(12,12,13,.34),
0 0 0 4px rgba(248,83,28,.06);
}
/* image link */
body.hs-blog-listing .hhs-blog-post-card > a{
display:block;
overflow:hidden;
background:var(--paper-2);
}
body.hs-blog-listing .hhs-post-feat-img{
height:auto !important;
aspect-ratio:16/10;
width:100%;
border-radius:0 !important;
background-size:cover !important;
background-position:center !important;
transition:transform .6s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover .hhs-post-feat-img{
transform:scale(1.045);
}

/* card body */
/* The module's own script writes an inline height on every .hhs-post-content
to equalise cards. The grid does that now, and the inline height leaves a
dead 90px gap above the read-more, so it has to be overridden — an author
!important beats a non-important inline style. */
body.hs-blog-listing .hhs-post-content{
height:auto !important;
display:flex;
flex-direction:column;
flex:1 1 auto;
padding:clamp(18px,1.8vw,24px) clamp(18px,1.8vw,24px) clamp(20px,2vw,26px) !important;
}
/* reading time -> eyebrow with a pulsing orange dot */
body.hs-blog-listing .hhs-post-content .reading-minutes{
display:inline-flex;align-items:center;gap:8px;
font-family:var(--f-ui) !important;
font-size:11.5px !important;
font-weight:600 !important;
letter-spacing:.14em;
text-transform:uppercase !important;
color:var(--muted-2) !important;
margin:0 0 12px !important;
}
body.hs-blog-listing .hhs-post-content .reading-minutes::before{
content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto;
background:var(--orange);
box-shadow:0 0 0 3px var(--orange-tint);
}
body.hs-blog-listing .hhs-post-content > a{
text-decoration:none;
/* stretch the title link over the whole card so the summary is clickable */
}
body.hs-blog-listing .hhs-post-content > a::after{
content:"";position:absolute;inset:0;z-index:1;
}
body.hs-blog-listing .hhs-post-content h4{
font-family:var(--f-head) !important;
font-size:clamp(18px,1.45vw,20.5px) !important;
line-height:1.3 !important;
font-weight:700 !important;
letter-spacing:-.015em;
color:var(--text) !important;
margin:0 0 12px !important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
transition:color .25s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover h4{color:var(--orange-text) !important}

/* the meta row renders empty on this blog — collapse it */
body.hs-blog-listing .hhs-post-meta{display:none}

body.hs-blog-listing .hhs-post-summary{margin:0}
body.hs-blog-listing .hhs-post-summary p{
font-family:var(--f-body) !important;
font-size:15px !important;
line-height:1.62 !important;
color:var(--muted) !important;
margin:0 !important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
/* read-more affordance, pinned to the bottom of every card */
body.hs-blog-listing .hhs-post-content::after{
content:"Read article →";
margin-top:auto;
padding-top:18px;
font-family:var(--f-ui);
font-size:13.5px;font-weight:600;
color:var(--orange-text);
transition:transform .25s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover .hhs-post-content::after{
transform:translateX(3px);
}

/* --------------------------------------------------------------------------
5. EMPTY HUBSPOT LISTING SHELL
   The stock blog_content module renders nothing on this template (the custom
module above prints the posts) — stop it reserving vertical space.
-------------------------------------------------------------------------- */
body.hs-blog-listing .blog-section{padding:0 !important}
body.hs-blog-listing .blog-listing-wrapper{margin:0 !important;padding:0 !important}
/* The shell is empty on /resources/blog and /resources/blog/all (the custom
card module prints the posts there) — collapse it. On TOPIC pages it holds
the posts instead; section 11 turns those into the same card grid. */
body.hs-blog-listing .post-listing:empty{display:none !important}

/* --------------------------------------------------------------------------
6. "ALL POSTS" BUTTON
   -------------------------------------------------------------------------- */
body.hs-blog-listing .blog-pagination{
display:flex;justify-content:center;
padding:clamp(8px,1.6vw,18px) var(--gut) clamp(40px,5vw,72px);
}
body.hs-blog-listing .btn-all-posts,
body.hs-blog-listing .all-posts-link{
display:inline-flex !important;
align-items:center;gap:9px;
width:auto;
font-family:var(--f-ui) !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1;
color:#fff !important;
background:var(--orange) !important;
border:0 !important;
border-radius:999px !important;
padding:15px 28px !important;
text-decoration:none;
transition:transform .25s var(--ease),box-shadow .25s var(--ease),
background .25s var(--ease);
}
body.hs-blog-listing .btn-all-posts::after{content:"→";font-size:16px;line-height:1}
body.hs-blog-listing .btn-all-posts:hover{
background:var(--orange-2) !important;
transform:translateY(-2px);
box-shadow:0 16px 32px -14px rgba(248,83,28,.7);
color:#fff !important;
}

/* --------------------------------------------------------------------------
7. MOTION — entrance only, no JS
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:no-preference){
body.hs-blog-listing .subscribe-strip-left,
body.hs-blog-listing .topics-or-title,
body.hs-blog-listing .ifp-sub-copy,
body.hs-blog-listing .ifp-sub-card{
animation:ifpListRise .8s var(--ease) both;
}
body.hs-blog-listing .topics-or-title{animation-delay:.1s}
body.hs-blog-listing .ifp-sub-card{animation-delay:.08s}
}
@keyframes ifpListRise{
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:none}
}

/* --------------------------------------------------------------------------
8. FOOT-OF-PAGE SUBSCRIBE BAND
   Styles the .ifp-sub block from the header comment, and falls back to any
bare HubSpot Form module dropped in the last row of the page.
-------------------------------------------------------------------------- */
body.hs-blog-listing .ifp-sub,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child
.hs_cos_wrapper_type_form{
position:relative;
isolation:isolate;
overflow:hidden;
display:block;
float:none;
width:calc(100% - 30px);
max-width:var(--max);
margin:clamp(10px,1.6vw,20px) auto clamp(48px,6vw,88px);
border-radius:var(--r-panel);
background:var(--ink);
color:var(--white);
padding:clamp(34px,4.6vw,72px) clamp(24px,4vw,64px);
}
body.hs-blog-listing .ifp-sub::before,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child
.hs_cos_wrapper_type_form::before{
content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
background:
radial-gradient(48% 66% at 84% 8%,rgba(248,83,28,.32),transparent 62%),
radial-gradient(40% 52% at 6% 96%,rgba(248,83,28,.13),transparent 66%);
}
body.hs-blog-listing .ifp-sub::after{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:64px 64px;
-webkit-mask-image:radial-gradient(70% 70% at 50% 26%,#000,transparent 78%);
mask-image:radial-gradient(70% 70% at 50% 26%,#000,transparent 78%);
}

body.hs-blog-listing .ifp-sub-in{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:clamp(26px,3.6vw,56px);
align-items:center;
}
body.hs-blog-listing .ifp-sub-eyebrow{
display:inline-flex;align-items:center;gap:8px;
font-family:var(--f-ui);font-size:11.5px;font-weight:600;
letter-spacing:.16em;text-transform:uppercase;
color:var(--orange-2);
margin:0 0 14px;
}
body.hs-blog-listing .ifp-sub-eyebrow::before{
content:"";width:6px;height:6px;border-radius:50%;
background:var(--orange-2);box-shadow:0 0 0 4px rgba(248,83,28,.22);
}
body.hs-blog-listing .ifp-sub-copy h2{
font-family:var(--f-head);
font-size:clamp(24px,2.8vw,38px);
line-height:1.14;font-weight:700;letter-spacing:-.02em;
color:var(--white);
margin:0 0 14px;
text-wrap:balance;
}
body.hs-blog-listing .ifp-sub-lede{
font-family:var(--f-body);
font-size:clamp(15.5px,1.2vw,17px);
line-height:1.65;
color:rgba(255,255,255,.72);
margin:0;
max-width:46ch;
}
/* translucent card holding the form */
body.hs-blog-listing .ifp-sub-card{
background:rgba(255,255,255,.05);
border:1px solid var(--line-d);
border-radius:var(--r-ink);
padding:clamp(22px,2.6vw,32px);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
}

/* --- HubSpot form reset (the site theme paints its own skin — see
claude/design-system.md → "styling embedded HubSpot forms") ----------- */
body.hs-blog-listing .ifp-sub .hbspt-form,
body.hs-blog-listing .ifp-sub .hs-form-frame,
body.hs-blog-listing .ifp-sub form.hs-form,
body.hs-blog-listing .ifp-sub form.hs-form fieldset,
body.hs-blog-listing .ifp-sub .hs-form-field,
body.hs-blog-listing .ifp-sub .hs_submit,
body.hs-blog-listing .ifp-sub .actions,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child .hbspt-form,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child form.hs-form,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child form.hs-form fieldset{
background:none !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
padding:0 !important;
margin-inline:0 !important;
max-width:none !important;
width:100% !important;
}
body.hs-blog-listing .ifp-sub .hs-form-field{
display:flex;flex-direction:column;
margin-bottom:16px !important;
}
body.hs-blog-listing .ifp-sub .form-columns-2,
body.hs-blog-listing .ifp-sub .form-columns-3{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:0 14px;
}
body.hs-blog-listing .ifp-sub .hs-form-field > label,
body.hs-blog-listing .ifp-sub .hs-form-field > label span{
font-family:var(--f-ui) !important;
font-size:11.5px !important;
font-weight:600 !important;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,255,255,.62) !important;
margin:0 0 8px !important;
}
body.hs-blog-listing .ifp-sub .hs-form-required{color:var(--orange-2) !important}

body.hs-blog-listing .ifp-sub input.hs-input:not([type=checkbox]):not([type=radio]),
body.hs-blog-listing .ifp-sub select.hs-input,
body.hs-blog-listing .ifp-sub textarea.hs-input{
width:100% !important;
box-sizing:border-box;
font-family:var(--f-body) !important;
font-size:15.5px !important;
color:var(--white) !important;
background:rgba(255,255,255,.06) !important;
border:1px solid var(--line-d) !important;
border-radius:var(--r-tile) !important;
padding:13px 16px !important;
box-shadow:none !important;
transition:border-color .25s var(--ease),background .25s var(--ease);
}
body.hs-blog-listing .ifp-sub input.hs-input::placeholder,
body.hs-blog-listing .ifp-sub textarea.hs-input::placeholder{
color:rgba(255,255,255,.38) !important;
}
body.hs-blog-listing .ifp-sub input.hs-input:focus,
body.hs-blog-listing .ifp-sub select.hs-input:focus,
body.hs-blog-listing .ifp-sub textarea.hs-input:focus{
outline:none !important;
border-color:rgba(248,83,28,.65) !important;
background:rgba(255,255,255,.09) !important;
}

/* consent checkboxes */
body.hs-blog-listing .ifp-sub .hs-form-booleancheckbox-display,
body.hs-blog-listing .ifp-sub .legal-consent-container,
body.hs-blog-listing .ifp-sub .hs-richtext{
font-family:var(--f-body) !important;
font-size:12.5px !important;
line-height:1.55 !important;
color:rgba(255,255,255,.60) !important;
text-transform:none !important;
letter-spacing:0 !important;
}
body.hs-blog-listing .ifp-sub .hs-form-booleancheckbox-display{
display:flex;align-items:flex-start;gap:10px;
}
body.hs-blog-listing .ifp-sub input[type=checkbox]{
flex:0 0 auto;margin-top:2px;accent-color:var(--orange);
width:16px;height:16px;
}
body.hs-blog-listing .ifp-sub .hs-richtext a,
body.hs-blog-listing .ifp-sub .legal-consent-container a{
color:var(--orange-2) !important;text-decoration:underline;
}

/* submit — pin every state, or the theme repaints the label on hover */
body.hs-blog-listing .ifp-sub input[type=submit].hs-button,
body.hs-blog-listing .ifp-sub .hs-button,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child input[type=submit].hs-button{
display:inline-flex;align-items:center;justify-content:center;
width:auto !important;
margin-top:6px;
font-family:var(--f-ui) !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1 !important;
cursor:pointer;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
background:var(--orange) !important;
background-image:none !important;
border:1px solid var(--orange) !important;
border-radius:999px !important;
padding:14px 30px !important;
box-shadow:none !important;
opacity:1 !important;
transition:transform .25s var(--ease),box-shadow .25s var(--ease),
background .25s var(--ease);
}
body.hs-blog-listing .ifp-sub input[type=submit].hs-button:hover,
body.hs-blog-listing .ifp-sub input[type=submit].hs-button:focus,
body.hs-blog-listing .ifp-sub input[type=submit].hs-button:active,
body.hs-blog-listing .ifp-sub .hs-button:hover,
body.hs-blog-listing .ifp-sub .hs-button:focus,
body.hs-blog-listing .ifp-sub .hs-button:active{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
background:var(--orange-2) !important;
background-image:none !important;
border-color:var(--orange-2) !important;
opacity:1 !important;
transform:translateY(-2px);
box-shadow:0 16px 32px -14px rgba(248,83,28,.7);
}

/* validation + success */
body.hs-blog-listing .ifp-sub .hs-error-msg,
body.hs-blog-listing .ifp-sub .hs-error-msgs label{
font-family:var(--f-ui) !important;
font-size:12.5px !important;
color:#FF8A66 !important;
margin-top:6px !important;
}
body.hs-blog-listing .ifp-sub .hs-error-msgs{list-style:none;margin:0;padding:0}
body.hs-blog-listing .ifp-sub .submitted-message{
font-family:var(--f-body);
font-size:16px;line-height:1.6;
color:rgba(255,255,255,.86);
}

/* the inline reCAPTCHA badge renders as a full blue block mid-form.
Delete this rule if submissions ever start failing. */
body.hs-blog-listing .ifp-sub .hs-recaptcha,
body.hs-blog-listing .ifp-sub .grecaptcha-badge{display:none !important}

/* --------------------------------------------------------------------------
9. RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width:1080px){
body.hs-blog-listing .subscribe-strip-left{max-width:min(600px,78%)}
}
@media (max-width:860px){
body.hs-blog-listing .ifp-sub-in{grid-template-columns:1fr}
body.hs-blog-listing .subscribe-strip-wrap{
background-position:center 22% !important;
}
body.hs-blog-listing .subscribe-strip-wrap::before{
background:
linear-gradient(180deg,rgba(12,12,13,.90) 0%,rgba(12,12,13,.80) 55%,rgba(12,12,13,.62) 100%),
radial-gradient(60% 50% at 80% 6%,rgba(248,83,28,.30),transparent 64%);
}
body.hs-blog-listing .subscribe-strip-left{max-width:none}
}
@media (max-width:760px){
body.hs-blog-listing{--r-panel:26px;--r-ink:20px;--r-card:16px}
/* pills become a single scrolling row */
body.hs-blog-listing ul.l_tinynav1{
flex-wrap:nowrap;
overflow-x:auto;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
margin-inline:calc(-1 * var(--gut));
padding-inline:var(--gut);
padding-bottom:4px;
}
body.hs-blog-listing ul.l_tinynav1::-webkit-scrollbar{display:none}
body.hs-blog-listing ul.l_tinynav1 li{scroll-snap-align:start}
}
@media (max-width:560px){
body.hs-blog-listing .hhs-blog-post-mod .row{
grid-template-columns:1fr;
}
body.hs-blog-listing .subscribe-strip-wrap{
padding:38px 0 42px !important;
}
body.hs-blog-listing .subscribe-strip-left h5{font-size:15.5px !important}
body.hs-blog-listing .ifp-sub{padding:28px 20px}
}

/* --------------------------------------------------------------------------
10. HEADER NAV — strikethrough fix (version-2 blog menu)

   The theme draws the nav hover underline as an absolutely positioned bar on
`a.item-number-one:hover:before`, sitting at `bottom:20px` with
`width:calc(100% - 60px)`. Those numbers are tuned for the MAIN site header,
where the same theme rule gives the link `padding:10px 25px 25px`.

The blog templates use the version-2 menu, where the link's padding is only
`9px 14px` — so the link's box is 38.4px tall instead of ~46px, and a bar
20px up from the bottom lands straight through the middle of the label. That
is the "strikethrough on hover" seen on blog pages; nothing in this
stylesheet causes it, it is a pre-existing mismatch this file corrects.

Bar repositioned to sit ~5px under the text and to span the label rather
than the wider main-site padding box. Both blog body classes are covered, so
the same block can be pasted into the blog POST header HTML as well.
-------------------------------------------------------------------------- */
body.hs-blog-listing .hd_menu a.item-number-one:hover::before,
body.hs-blog-post    .hd_menu a.item-number-one:hover::before{
bottom:4px !important;
left:0 !important;
right:0 !important;
width:calc(100% - 28px) !important;   /* link padding is 9px 14px */
margin:auto !important;
}

/* --------------------------------------------------------------------------
11. TOPIC LISTINGS — stock HubSpot markup, rendered as the same card grid

   /resources/blog and /resources/blog/all print their posts through the
custom card module (.hhs-blog-post-mod, section 4). Topic pages —
/resources/blog/tag/ — do NOT: HubSpot falls back to its stock
.post-listing markup there. That is why switching category turned the
grid into a plain list.

GOTCHA: the template writes class="“post-item”" with CURLY quotes, so
`.post-item` matches nothing at all. Target `.post-listing > div`.

Source order inside an item is: reading time, title, author, image,
summary, topics. `order` re-stacks it as image → reading time → title →
summary → read-more, and author + topics are hidden so these cards read
identically to the main grid.
-------------------------------------------------------------------------- */
body.hs-blog-listing .post-listing{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:clamp(20px,2.4vw,30px);
width:100%;
max-width:var(--max);
margin:0 auto clamp(30px,4vw,48px) !important;
padding:0 15px !important;          /* matches the theme container inset */
box-sizing:border-box;
float:none !important;
}

/* the card */
body.hs-blog-listing .post-listing > div{
position:relative;
display:flex;
flex-direction:column;
width:auto !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
float:none !important;
background:var(--white);
border:1px solid var(--line);
border-radius:var(--r-card);
box-shadow:0 1px 2px rgba(12,12,13,.04);
overflow:hidden;
transition:transform .35s var(--ease),box-shadow .35s var(--ease),
border-color .35s var(--ease);
}
body.hs-blog-listing .post-listing > div:hover{
transform:translateY(-4px);
border-color:rgba(248,83,28,.30);
box-shadow:0 26px 48px -26px rgba(12,12,13,.34),
0 0 0 4px rgba(248,83,28,.06);
}

/* featured image — the theme caps it at max-height:170px / max-width:210px
and floats it right, so all four have to be unset before it can fill */
body.hs-blog-listing .post-listing .hs-featured-image-wrapper{
order:1;
width:100%;
aspect-ratio:16/10;
margin:0 !important;
padding:0 !important;
overflow:hidden;
background:var(--paper-2);
}
body.hs-blog-listing .post-listing .hs-featured-image-link{
display:block;width:100%;height:100%;
}
body.hs-blog-listing .post-listing img.hs-featured-image{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
float:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
object-fit:cover;
transition:transform .6s var(--ease);
}
body.hs-blog-listing .post-listing > div:hover img.hs-featured-image{
transform:scale(1.045);
}

/* reading time -> eyebrow. The theme puts 50px of top padding on it here. */
body.hs-blog-listing .post-listing .reading-minutes{
order:2;
display:inline-flex;align-items:center;gap:8px;
margin:20px 22px 12px !important;
padding:0 !important;
font-family:var(--f-ui) !important;
font-size:11.5px !important;
font-weight:600 !important;
line-height:1.2 !important;
letter-spacing:.14em;
text-transform:uppercase !important;
color:var(--muted-2) !important;
}
body.hs-blog-listing .post-listing .reading-minutes::before{
content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto;
background:var(--orange);
box-shadow:0 0 0 3px var(--orange-tint);
}

/* title */
body.hs-blog-listing .post-listing h2{
order:3;
margin:0 22px 12px !important;
padding:0 !important;
font-family:var(--f-head) !important;
font-size:clamp(18px,1.45vw,20.5px) !important;
line-height:1.3 !important;
font-weight:700 !important;
letter-spacing:-.015em;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
body.hs-blog-listing .post-listing h2 a{
color:var(--text) !important;
text-decoration:none;
transition:color .25s var(--ease);
}
/* stretch the title link over the card */
body.hs-blog-listing .post-listing h2 a::after{
content:"";position:absolute;inset:0;z-index:1;
}
body.hs-blog-listing .post-listing > div:hover h2 a{color:var(--orange-text) !important}

/* author byline and topic chips are dropped, to match the main grid */
body.hs-blog-listing .post-listing .post-header,
body.hs-blog-listing .post-listing .topic-list{display:none !important}

/* summary */
body.hs-blog-listing .post-listing .post-body{
order:4;
margin:0 22px !important;
padding:0 !important;
font-family:var(--f-body) !important;
font-size:15px !important;
line-height:1.62 !important;
color:var(--muted) !important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
body.hs-blog-listing .post-listing .post-body p{
margin:0 !important;font:inherit !important;color:inherit !important;
}
body.hs-blog-listing .post-listing .post-body a{
color:inherit !important;text-decoration:none;
}

/* read-more affordance, pinned to the bottom of every card */
body.hs-blog-listing .post-listing > div::after{
content:"Read article →";
order:5;
margin:auto 22px 24px !important;
padding-top:18px;
font-family:var(--f-ui);
font-size:13.5px;font-weight:600;
color:var(--orange-text);
transition:transform .25s var(--ease);
}
body.hs-blog-listing .post-listing > div:hover::after{transform:translateX(3px)}

@media (max-width:560px){
body.hs-blog-listing .post-listing{grid-template-columns:1fr}
}

/* --------------------------------------------------------------------------
11b. THE "SIMPLE" LISTING VARIANT (Company News /all, and any blog like it)

Not every blog nests the stock listing the same way. The Learning Area's
topic pages give one flat container:

.post-listing > div."post-item"           div."post-item" > .post-listing > div.post-item

so the grid landed on 71 separate .post-listing containers holding one post
each, and everything stacked into a single column. The fix is to move the
grid up to .post-listing-simple and flatten the two wrappers with
display:contents — the innermost div still matches `.post-listing > div`,
so every card rule in section 11 applies unchanged.
-------------------------------------------------------------------------- */
body.hs-blog-listing .post-listing-simple{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:clamp(20px,2.4vw,30px);
width:100%;
max-width:var(--max);
margin:0 auto clamp(30px,4vw,48px) !important;
padding:0 15px !important;
box-sizing:border-box;
float:none !important;
}
body.hs-blog-listing .post-listing-simple > div,
body.hs-blog-listing .post-listing-simple .post-listing{display:contents !important}

/* Company News posts carry no reading time, so the title would sit hard against
the image. Give it back the 20px the eyebrow would have contributed. */
body.hs-blog-listing .post-listing > div:not(:has(.reading-minutes)) h2{
margin-top:20px !important;
}

@media (max-width:560px){
body.hs-blog-listing .post-listing-simple{grid-template-columns:1fr}
}

The multilingual communication experience that gives you confidence at every step.
[Start Experiencing the Interprefy Difference!](https://www.interprefy.com/interprefy-agent)

[Solutions](https://www.interprefy.com/solutions)

[Our Solutions](https://www.interprefy.com/solutions)

- [Remote Simultaneous Interpretation](https://www.interprefy.com/solutions/remote-simultaneous-interpretation)

  - [AI Speech Translation](https://www.interprefy.com/solutions/ai-speech-translation)

  - [Live Captions](https://www.interprefy.com/solutions/multilingual-live-captions-and-subtitles)

[Who We Serve](https://www.interprefy.com/who-we-serve)

- [Event Organisers](https://www.interprefy.com/organisation-event-organisers)

  - [Corporate & Enterprise](https://www.interprefy.com/organisation-industry-corporates)

  - [Institutions](https://www.interprefy.com/organisation-institutions)

  - [Partners](https://www.interprefy.com/about-us/partners)

[Access Modes](https://www.interprefy.com/access-modes)

- [Interprefy Web Platform](https://www.interprefy.com/web-platform)

  - [Interprefy Mobile App](https://www.interprefy.com/solutions/access-modes/interprefy-now)

  - [Integrations](https://www.interprefy.com/solutions/integrations)

[Use Cases](https://www.interprefy.com/solutions/use-cases)

- [In-person & hybrid events](https://www.interprefy.com/solutions/use-cases/in-person-hybrid-events)

  - [Webinars & virtual events](https://www.interprefy.com/solutions/use-cases/webinars-and-online-events)

  - [Online meetings](https://www.interprefy.com/solutions/use-cases/online-meetings)

[Professional Services](https://www.interprefy.com/about/professional-services)

[Professional Services](https://www.interprefy.com/about/professional-services)

- [Project Management](https://www.interprefy.com/project-management)

  - [Remote Support](https://www.interprefy.com/professional-remote-support-services-interprefy)

  - [Media Services](https://www.interprefy.com/media-services)

[More Insights](https://www.interprefy.com/)

- [Can I get a report of my meeting?](https://knowledge.interprefy.com/can-i-get-a-report-of)

  - [How does Interprefy source and vet professional interpreters?](https://knowledge.interprefy.com/interpreter-recruitment)

  - [What training does Interprefy provide?](https://knowledge.interprefy.com/what-is-inteprefy-training-services?)

  - [Can you record my meeting or event?](https://knowledge.interprefy.com/can-you-record-my-event)

[Professional Services in a Nutshell](https://www.interprefy.com/)

[About Interprefy](https://www.interprefy.com/about-us)

[Company](https://www.interprefy.com/)

- [About Us](https://www.interprefy.com/about-us)

  - [Why Choose Interprefy](https://www.interprefy.com/why-interprefy-expert-support-for-multilingual-events)

  - [The Interprefy Experience](https://www.interprefy.com/the-interprefy-experience)

  - [Careers](https://www.interprefy.com/about-us/careers)

[Security](https://www.interprefy.com/entreprise-grade-security)

- [ISO 27001 Certified](https://www.interprefy.com/entreprise-grade-security)

  - [End-to-End Encryption](https://www.interprefy.com/entreprise-grade-security)

  - [Controlled Access](https://www.interprefy.com/entreprise-grade-security)

  - [Interpreters and NDA's](https://www.interprefy.com/entreprise-grade-security)

[Events](https://www.interprefy.com/resources/upcoming-public-events)

[TEDAI Vienna 2026](https://tedai-vienna.ted.com/)

[Check the latest event calendar](https://www.interprefy.com/resources/upcoming-public-events)

[Resources](https://www.interprefy.com/resources)

[News and Inspiration](https://www.interprefy.com/news-and-information)

- [Blog](https://www.interprefy.com/resources/blog)

  - [Success Stories](https://www.interprefy.com/customer-stories)

  - [Company News](https://www.interprefy.com/resources/press/companynews)

  - [Webinars and Ebooks](https://www.interprefy.com/resources/webinars-and-ebooks)

  - [Video Library](https://www.interprefy.com/product-demo-videos)

[Help Center](https://www.interprefy.com/faq)

- [Knowledge Base](https://knowledge.interprefy.com/)

  - [FAQs](https://www.interprefy.com/faq)

  - [Contact Us](https://www.interprefy.com/contact-us)

[What is interprefy](https://www.interprefy.com/)

[Pricing](https://www.interprefy.com/pricing)

[Contact us](https://www.interprefy.com/contact-us)

# SpotMe and Interprefy are Pleased to Announce a New Partnership to Provide Remote Interpretation Services to SpotMe Customers

By [Markus Aregger](https://www.interprefy.com/resources/press/companynews/author/markus-aregger) on September 30, 2020

###### Topics:

Event Planning and Hybrid Events

Microsoft Teams & Platform Integrations

![Interprefy SpotMe interpretation web conferencing ](https://www.interprefy.com/hs-fs/hubfs/Blog_Interprefy_spotme-interpretation-web-conferencing.png?width=1040&height=800&name=Blog_Interprefy_spotme-interpretation-web-conferencing.png)

SpotMe and Interprefy are pleased to announce a partnership, combining Interprefy’s leading [Remote Simultaneous Interpretation (RSI) technology](https://www.interprefy.com/interpretation-services/real-time-translation) with the leading virtual event and digital experiences powered by [the SpotMe platform](https://spotme.com/). SpotMe customers can now receive instant interpretation services in any language to support digital events.

**LAUSANNE, SWITZERLAND: SEPTEMBER 28 2020** – SpotMe SA, and Interprefy AG, today announced a new partnership. This partnership enriches the experience for virtual audiences and helps SpotMe clients fulfill the promise of digital experiences with global reach. The partnership will allow SpotMe customers to offer [instant interpretation services during live experiences](https://www.youtube.com/watch?v=gUBP2hXg_cs) in multiple languages without the cost or administration associated with traditional interpreting.

Interprefy revolutionizes simultaneous interpreting by replacing proprietary hardware with a cloud-based solution so that interpreters can deliver their services remotely. Online event participants can simply listen to the language of their choice through their smartphones, laptops or desktops. As interpreters work remotely, the best conference-level interpreters can be selected in any area of specialization at short notice, independently of their location.

Events with simultaneous interpreting can now be run on SpotMe’s platform, through the integrated Interprefy Gateway Solution. Thanks to the partnership, SpotMe clients no longer need to search for a separate interpretation solution to their virtual or digital experience needs. The seamless integration makes Interprefy’s powerful solution directly available to the global audience through the SpotMe platform.

> “Virtual and digital experiences really have the power to reach people across the globe,” said Josip Lisec, Head of Product at SpotMe. “Our clients have been asking for a solution, and we are pleased to be able to deliver a seamless and intuitive experience for audiences with our new partners at Interprefy”.

> “Interprefy makes SpotMe events multilingual, so that attendees can listen to presenters in a language of their choice, helping to increase engagement and inclusivity for all.” said Richard Roocroft, Director of Global Sales at Interprefy. “We are delighted to partner with SpotMe, a leader in virtual event and digital experiences.”

The new integration is immediately available to all SpotMe clients. For more information, speak to your SpotMe representative today or [request a demo](https://spotme.com/consult/).

### About SpotMe

The SpotMe team is dedicated to helping audiences feel connected to brands. That’s why companies like SAP, Pfizer, L’Oréal and KPMG use SpotMe’s virtual event platform and hybrid event apps to get more show-ups, higher participation, and fewer drop-offs. SpotMe has over 2M users every year (and that’s why they are the enterprise leader in event apps and virtual event platforms – check [g2.com](https://www.g2.com/products/spotme/reviews)).

### About Interprefy

[Interprefy](https://www.interprefy.com/) provides remote interpreting for events and meetings. Its platform revolutionises simultaneous interpreting by replacing cumbersome hardware with a cloud-based software so that interpreters can deliver their services without needing to be onsite, while event participants can simply listen to the language of their choice through their smartphones. Because event and meeting organizers don’t need to fly in interpreters, pay for hotels and organise for interpreting equipment to be installed, they can enjoy the stress-free and cost-effective premium service offered by Interprefy.

Scalability and flexibility are at the core of all Interprefy products. Interprefy is loved by world leading enterprises, international organisations and not-for-profits across the globe. Because Interprefy partners with leading language service providers the best interpreting talent for any mix of languages, including rare languages, can be sourced.

- [Tweet](https://twitter.com/share)

-

-

![Markus Aregger](https://www.interprefy.com/hs-fs/hubfs/Team/Markus%20Aregger_Interprefy.png?width=100&height=100&name=Markus%20Aregger_Interprefy.png)

#### Written by Markus Aregger

Head of Marketing at Interprefy

[Download from the App Store](https://apps.apple.com/us/app/interprefy/id971176635)

[Download from Google Play](https://play.google.com/store/apps/details?id=com.interprefy.interprefy&hl=en&gl=US)

[More download links](https://www.interprefy.com/download-interprefy-app)

-

-

-

-

Our Solutions

- [Remote Interpreting](https://www.interprefy.com/solutions/remote-simultaneous-interpretation)

  - [AI Speech Translation](https://www.interprefy.com/solutions/ai-speech-translation)

  - [Live Captions & Subtitles](https://www.interprefy.com/solutions/multilingual-live-captions-and-subtitles)

  - [Integrations](https://www.interprefy.com/solutions/integrations)

  - [Book an Interpreter](https://www.interprefy.com/about-us/interpreter-sourcing)

About Us

- [Why Us?](https://www.interprefy.com/about-us/why-interprefy)

  - [About Us](https://www.interprefy.com/about-us-old)

  - [How We Work](https://www.interprefy.com/about-us/how-we-work)

  - [Customer Stories](https://www.interprefy.com/customer-stories)

  - [Our Partners](https://www.interprefy.com/javascript:void(0);)

  - [Careers](https://www.interprefy.com/about-us/careers-old)

Resources

- [Blog](https://www.interprefy.com/resources/blog)

  - [News](https://www.interprefy.com/resources/press/companynews)

  - [eBooks & Webinars](https://www.interprefy.com/resources/webinars-and-ebooks)

  - [Knowledge Base](https://knowledge.interprefy.com)

  - [Join your meeting](https://interprefy.interpret.world/user/sign-in)

  - [Join mailing list](https://www.interprefy.com/join-our-mailing-list)

  - [Contact Us](https://www.interprefy.com/contact-us)









@2026 Interprefy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

- [Term of Use](https://www.interprefy.com/terms-of-use)

  - [Privacy Policy](https://www.interprefy.com/privacy-policy)

  - [Run a Speed Test](https://interprefy.speedtestcustom.com/)