@scope (#mos-d2c66fb5-d7f5-42c2-9510-b0462bf8fb6b) { @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; }
Matt Renshaw made a superb 190 to help Australia take command of the first Test against South Africa in Durban.
Returning to South Africa eight years on from the sandpaper ball-tampering scandal, Australia mounted a recovery on day two after the Proteas’ bowlers had made a strong start, reducing the tourists to 187 for six before bad light had forced an early end on Friday.
Resuming 46 not out alongside captain Pat Cummins, Renshaw went on to craft a first Test century since January 2017 as Australia were all out for 390, with South Africa finishing day two at 27 for one.
After Cummins was out for 43, Renshaw went on to dig in alongside number 10 Nathan Lyon to make a 134 stand before eventually being dismissed in the first over after tea.
South Africa’s reply got off to a sluggish start when Ryan Rickelton was out to Josh Hazlewood for a three-ball duck in the second over before Aiden Markram (15 not out) and David Bedingham (12 not out) saw the hosts through to the close without further loss.
PA






