---
title: "Remote Working Balances the Gender Inequality Scales"
description: "For years, women have been held back in their careers, read about how remote working is helping balance the gender inequality scales."
image: https://www.interprefy.com/hubfs/international%20womens%20day%20Interprefy.png
canonical: https://www.interprefy.com/resources/press/companynews/international-womens-day-how-remote-working-is-helping-balance-the-gender-inequality-scales
url: https://ai.interprefy.com/resources/press/companynews/international-womens-day-how-remote-working-is-helping-balance-the-gender-inequality-scales.md
last_converted: 2026-10-12T21:00:10.442Z
---

```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/international-womens-day-how-remote-working-is-helping-balance-the-gender-inequality-scales"
      },
      "headline": "Remote Working Balances the Gender Inequality Scales",
      "datePublished": "2021-03-08T10:54:42Z",
      "dateModified": "2022-01-19T10:05:22.803Z",
      "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/international%20womens%20day%20Interprefy.png"
      ],
      "author": {
        "@type": "Person",
        "name": "Annett Polaszewski-Plath",
        "url": "https://www.interprefy.com/resources/blog/author/annett-polaszewski-plath"
      }
    }
  ]
}
```

. `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)

# How remote working is helping balance the gender inequality scales - IWD 2021

By [Annett Polaszewski-Plath](https://www.interprefy.com/resources/press/companynews/author/annett-polaszewski-plath) on March 8, 2021

![International Women](https://www.interprefy.com/hs-fs/hubfs/international%20womens%20day%20Interprefy.png?width=1040&height=800&name=international%20womens%20day%20Interprefy.png)

For years, women have been held back in their careers for being ‘too nice’ or ‘too family-orientated’. Being a fully remote company, I’m extremely proud that Interprefy’s team consists of a slight majority of women. Flexible work schedules and the absence of a commute allows us to reconcile work and family better, regardless of gender. And while certainly challenging in many regards, and juggling childcare and work does not disappear miraculously, remote working helps balance the gender inequality scales.

For an industry which prides itself on solving complex challenges, the tech sector has so far struggled to find a solution to plugging the gender divide.

Many are either put off from working in the industry or arguably don’t receive the same level of opportunities as men.

[Just 5% of leadership positions](https://www.pwc.co.uk/who-we-are/women-in-technology/time-to-close-the-gender-gap.html) in tech are held by women, and although the industry is working hard to become more diverse, the gender gap is still an issue which urgently needs tackling.

![international womens day Interprefy ratio-2](https://www.interprefy.com/hs-fs/hubfs/international%20womens%20day%20Interprefy%20ratio-2.png?width=752&name=international%20womens%20day%20Interprefy%20ratio-2.png)

**What needs to change?**

The problem with life pre-pandemic was that men were inherently more attractive to businesses, even if just subconsciously.

[A McKinsey study](https://www.businessnewsdaily.com/4178-gender-gap-workplace.html) showcases the drastic comparison between men and women in the workplace, with women less likely to be hired into entry-level jobs than men even though they currently earn more bachelor's degrees and have the same attrition rate.

If there’s less chance you’ll lose talent for almost a year on maternity leave, rather than two weeks paternity leave, then you may be more likely to opt for option one. And while long office hours were historically seen as dedication and success, remote work allows for a more flexible approach to how everyone allocates their time to improve on productivity and efficiency.

The previous way of working had widened this divide. The rigid 9 to 5 meant many women had to make a choice between raising a family or focusing on their career.

While there are still plenty of women that have advanced up the corporate ladder over the past few decades, a quick glance at the Fortune 500 indicates we still have a long way to go. Just 37 of Fortune 500 companies are run by female CEOs.

We’re making great strides towards equal pay, but just raising awareness of the divide and highlighting the issues we face won’t bring change anytime soon, [as new statistics show](https://www.wraltechwire.com/2020/01/02/world-faces-100-year-wait-for-gender-parity-us-even-longer-report/) women are not expected to gain gender parity until 2120. So what can be done to balance the scales between women and men in tech?

**How has remote working helped bridge the gap?**

Evidence has increasingly pointed towards the lack of flexible working opportunities for women in tech and beyond placing a barrier in the way of gender equality in the sector.

And while more flexible working opportunities alone will not solve the gender imbalance, it’s becoming clear that it is likely to significantly narrow it.

Previously, whenever remote work was discussed, it was often associated with mother’s looking after children.

Now, with everyone in the same boat, this stigma has evaporated. Women are subsequently thriving with greater freedom enabling them to accept better career opportunities, higher salaries, and obtain a work-life balance without being ostracised.

Many believe that flexible, remote working will become the new normal. This will contribute positively towards levelling the playing field, but only if we still allow every voice to be heard - whether it’s in the office or via a video call.

In fact, many believe that going digital quite literally levels the playing field. Whereas some women may have been intimidated by sharing a boardroom with men whose voice can dominate the room, in a remote environment, we all have an equal chance of being heard.

Being a woman in remote work can be a struggle - especially with issues of visibility being exacerbated - it’s clear it offers advantages for women in the workplace, mitigates biases against them, and creates opportunities that they may not have encountered before.

**What does the future look like?**

The pandemic has allowed both businesses and employees to see the wood from the trees and realise the benefits remote working brings.

Twitter, Google and many more tech companies have announced long-term plans for remote working. These changes will manifest across the industry and provide a real glimpse into what the future may hold for women.

Increased flexible and remote working arrangements may mean that more senior jobs in tech will become real and workable options, enabling women to boost their earnings and reduce the gender gap in tech.

At Interprefy, we are committed to gender equality, diversity and inclusivity. Women currently make up more than half of our entire workforce, but we recognise more needs to be done for diversity in technology across the board. Creating more development opportunities and securing diversity across the organisation will continue to be our people focus.

We realise the importance of removing barriers to change and opportunity and are passionate about making the tech environment a more attractive career choice for all.

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

-

-

![Annett Polaszewski-Plath](https://www.interprefy.com/hs-fs/hubfs/Team/Annett%20Polaszewski%20Plath_Interprefy.png?width=100&height=100&name=Annett%20Polaszewski%20Plath_Interprefy.png)

#### Written by Annett Polaszewski-Plath

Learn about the latest developments at Interprefy from our Chief Executive Officer at Interprefy, Annett Polaszewski-Plath

[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/)