@scope (#mos-b4e00159-7ec7-424d-b778-9b51c77bac0b) { @font-face {
font-family: “Independent Serif”;
src: url(“https://assets.the-independent.com/fonts/Independent-Serif-Medium.woff2”) format(“woff2”);
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Serif”;
src: url(“https://assets.the-independent.com/fonts/Independent-Serif-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Sans”;
src: url(“https://assets.the-independent.com/fonts/Independent-Sans-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Sans”;
src: url(“https://assets.the-independent.com/fonts/Independent-Sans-Medium.woff2”) format(“woff2”);
font-weight: 500;
font-style: normal;
font-display: swap;
}
.bookmark-experience {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.55);
z-index: 10000;
padding: 12px;
margin: 0;
}
.bookmark-experience,
.bookmark-experience * {
box-sizing: border-box;
}
.bookmark-experience .modal {
position: relative;
width: 100%;
max-width: 400px;
margin: 0;
padding: 32px 24px 28px;
text-align: center;
color: #ffffff;
background: linear-gradient(90deg, #3b030f 0%, #3b030f 27%, #76071f 52%, #3b030f 100%);
box-shadow: 2px -2px 8px rgba(0, 0, 0, 0.5);
}
.bookmark-experience .close-btn {
position: absolute;
top: 12px;
right: 12px;
width: 16px;
height: 16px;
cursor: pointer;
background: none;
border: none;
padding: 0;
}
.bookmark-experience .close-btn__icon,
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
display: block;
}
.bookmark-experience .close-btn__icon {
position: relative;
width: 16px;
height: 16px;
}
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
content: “”;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 1.5px;
background: #ffffff;
}
.bookmark-experience .close-btn__icon::before { transform: translateY(-50%) rotate(45deg); }
.bookmark-experience .close-btn__icon::after { transform: translateY(-50%) rotate(-45deg); }
.bookmark-experience .logo-row {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 24px;
}
.bookmark-experience .logo-premium-image {
display: block;
height: 24px;
width: 272px;
max-width: 86%;
object-fit: contain;
}
.bookmark-experience .headline {
font-family: “Independent Serif”, Georgia, serif;
font-weight: 500;
font-size: 28px;
line-height: 32px;
letter-spacing: -0.5px;
color: #ffffff;
margin: 0 0 16px;
}
.bookmark-experience .body-text {
font-family: “Independent Serif”, Georgia, serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.3px;
color: #ffffff;
margin: 0 0 24px;
}
.bookmark-experience .subscribe-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 42px;
padding: 12px 16px;
background: #ffffff;
color: #76071f;
border-radius: 4px;
font-family: “Independent Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
letter-spacing: -0.5px;
text-transform: uppercase;
text-decoration: none;
}
.bookmark-experience .subscribe-link:hover,
.bookmark-experience .subscribe-link:focus {
background: #f0e6e8;
color: #76071f;
}
.bookmark-experience .login-copy {
margin: 12px 0 0;
font-family: “Independent Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.5px;
color: #ffffff;
}
.bookmark-experience .login-link {
color: #ffffff;
text-decoration: underline;
cursor: pointer;
}
@media screen and (min-width: 600px) {
.bookmark-experience {
padding: 16px;
}
.bookmark-experience .modal {
max-width: 520px;
padding: 40px 48px 32px;
}
.bookmark-experience .close-btn,
.bookmark-experience .close-btn__icon,
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
width: 16px;
}
.bookmark-experience .close-btn {
top: 16px;
right: 16px;
}
.bookmark-experience .logo-premium-image {
height: 28px;
width: 320px;
}
.bookmark-experience .headline {
font-size: 32px;
line-height: 36px;
letter-spacing: -0.75px;
margin-bottom: 16px;
}
.bookmark-experience .body-text {
font-size: 16px;
line-height: 22px;
margin-bottom: 28px;
}
}
}
Want to bookmark your favourite articles and stories to read or reference later? Start your Independent Membership today.
Already a member?
Log in
html:not(.mos-bookmark-open) .bookmark-experience { display: none !important; }
South Africa’s bowlers made a strong start to the eagerly anticipated Test series against Australia, reducing the tourists to 187 for six before bad light forced an early end in Durban.
Returning to the country eight years on from the sandpaper ball-tampering scandal that rocked the sport, Australia were under pressure at Kingsmead after Wiaan Mulder dismissed Travis Head for nine and surprise pick Nic Maddinson departed for a 33-ball duck.
Ten years on from his last Test appearance, and only 12 months after returning to cricket following cancer treatment, Maddinson’s unexpected elevation saw him struggle badly before chopping Marco Jansen on.
Experienced duo Marnus Labuschagne and Steve Smith added 60 for the third wicket but neither kicked on as Mulder and Jansen both struck again either side of lunch.
Paceman Anrich Nortje then dismissed Alex Carey and Beau Webster in the space of the three deliveries as Australia crumbled to 124 for six.
Yorkshire-born Matt Renshaw carried the fightback, making 46 not out alongside captain Pat Cummins (33no) but when the skies darkened after just 65.2 overs the Proteas remained in the driving seat – even without seam spearhead Kagiso Rabada.
PA
