The inside story of Nathan Gill: his involvement with Reform UK, alleged Russian spy connections, and Kremlin financial dealings.

This CSS code defines a custom font family called “Guardian Headline Full” with multiple font weights and styles. It specifies the font files in different formats (WOFF2, WOFF, and TrueType) and their online locations for the browser to download and use. The font weights range from light (300) to semibold (600), each available in both regular and italic styles.@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format(“truetype”);
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: Guardian Titlepiece;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format(“truetype”);
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format(“truetype”);
font-weight: 400;
font-style: italic;
}@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format(“truetype”);
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);
font-weight: 900;
font-style: italic;
}@font-face {
font-family: Guardian Headline;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);
font-weight: 900;
font-style: italic;
}

#article-body>div .content–interactive-grid,
.content–interactive>div .content–interactive-grid,
#comment-body .content–interactive-grid,
[data-gu-name=body] .content–interactive-grid,
#feature-body .content–interactive-grid {
grid-column-gap: 0px;
grid-template-columns: 100%;
grid-template-areas: “media” “title” “headline” “standfirst” “lines” “meta” “body”;
}

@media (min-width: 30em) {
#article-body>div .content–interactive-grid figure.element–immersive figcaption,
.content–interactive>div .content–interactive-grid figure.element–immersive figcaption,
#comment-body .content–interactive-grid figure.element–immersive figcaption,
[data-gu-name=body] .content–interactive-grid figure.element–immersive figcaption,
#feature-body .content–interactive-grid figure.element–immersive figcaption {
padding: 0 20px;
max-width: 620px;
}
}

@media (min-width: 46.25em) {
#article-body>div .content–interactive-grid,
.content–interactive>div .content–interactive-grid,
#comment-body .content–interactive-grid,
[data-gu-name=body] .content–interactive-grid,
#feature-body .content–interactive-grid {
grid-template-columns: 100%;
grid-column-gap: 10px;
grid-template-areas: “title” “headline” “standfirst” “media” “lines” “meta” “body”;
}

#article-body>div .content–interactive-grid #maincontent,
.content–interactive>div .content–interactive-grid #maincontent,
#comment-body .content–interactive-grid #maincontent,
[data-gu-name=body] .content–interactive-grid #maincontent,
#feature-body .content–interactive-grid #maincontent {
padding-right: 80px;
}
}

@media (min-width: 61.25em) {
#article-body>div .content–interactive-grid,
.content–interactive>div .content–interactive-grid,
#comment-body .content–interactive-grid,
[data-gu-name=body] .content–interactive-grid,
#feature-body .content–interactive-grid {
grid-template-columns: 620px 300px;
grid-template-areas: “title right-column” “headline right-column” “standfirst right-column” “media right-column” “lines right-column” “meta right-column” “body right-column” “. right-column”;
}

@media (min-width: 71.25em) {
#article-body>div .content–interactive-grid,
.content–interactive>div .content–interactive-grid,
#comment-body .content–interactive-grid,
[data-gu-name=body] .content–interactive-grid,
#feature-body .content–interactive-grid {
grid-template-columns: 140px 1px 620px 300px;
grid-template-areas: “title border headline right-column” “. border standfirst right-column” “. border media right-column” “. border body right-column” “. border . right-column”;
}

#article-body>div .content–interactive-grid .content__standfirst,
.content–interactive>div .content–interactive-grid .content__standfirst,
#comment-body .content–interactive-grid .content__standfirst,
[data-gu-name=body] .content–interactive-grid .content__standfirst,
#feature-body .content–interactive-grid .content__standfirst {
padding-bottom: 0;
}

#article-body>div .content–interactive-grid figure.element–immersive figcaption,
.content–interactive>div .content–interactive-grid figure.element–immersive figcaption,
#comment-body .content–interactive-grid figure.element–immersive figcaption,
[data-gu-name=body] .content–interactive-grid figure.element–immersive figcaption,
#feature-body .content–interactive-grid figure.element–immersive figcaption {
/ Caption styling continues here /
}
}For interactive grid figures with immersive captions in specific content areas, the caption padding is set to 4 pixels at the top and 0 elsewhere.

In various content sections, elements with data attributes for lines and meta are positioned in the grid from row 2 to 5 and column 1 to 2. Lines elements have a maximum height and a top margin of 5 pixels, while meta elements have an 18-pixel top margin.

On larger screens with a minimum width of 81.25em, the interactive grid layout uses specific column widths: 219px, 1px, 620px, 80px, and 300px.

For iOS and Android devices, article headers use the Guardian Headline font family with medium weight for standfirst paragraphs and display section kickers, capitalizing their first letters. Keylines have 12 pixels of top padding, and byline authors are styled with a bold font weight. Image figures have automatic height, and paragraphs following atomic elements have no top margin.

Font faces for Guardian Headline Full are defined with light and light italic weights, sourcing from woff2, woff, and truetype files.The Guardian Headline Full font family includes various styles and weights, such as regular, medium, semibold, and bold, each available in normal and italic versions. These fonts are hosted online and can be loaded in different file formats like WOFF2, WOFF, and TrueType for web use.@font-face {
font-family: ‘Guardian Headline Full’;
src: url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2’) format(‘woff2’),
url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff’) format(‘woff’),
url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf’) format(‘truetype’);
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: ‘Guardian Headline Full’;
src: url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2’) format(‘woff2’),
url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff’) format(‘woff’),
url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf’) format(‘truetype’);
font-weight: 900;
font-style: italic;
}

@font-face {
font-family: ‘Guardian Titlepiece’;
src: url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2’) format(‘woff2’),
url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff’) format(‘woff’),
url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf’) format(‘truetype’);
font-weight: 700;
font-style: normal;
}

@media (min-width: 71.25em) {
.content__main-column–interactive {
margin-left: 160px;
}
}

@media (min-width: 81.25em) {
.content__main-column–interactive {
margin-left: 240px;
}
}

.content__main-column–interactive .element-atom {
max-width: 620px;
}

@media (max-width: 46.24em) {
.content__main-column–interactive .element-atom {
max-width: 100%;
}
}

.content__main-column–interactive .element-showcase {
margin-left: 0;
}

@media (min-width: 46.25em) {
.content__main-column–interactive .element-showcase {
max-width: 620px;
}
}

@media (min-width: 71.25em) {
.content__main-column–interactive .element-showcase {
max-width: 860px;
}
}

.content__main-column–interactive .element-immersive {
max-width: 1100px;
}

@media (max-width: 46.24em) {
.content__main-column–interactive .element-immersive {
width: calc(100vw – var(–scrollbar-width));
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + var(–half-scrollbar-width)) !important;
margin-right: calc(-50vw + var(–half-scrollbar-width)) !important;
}
}

@media (min-width: 46.25em) {
.content__main-column–interactive .element-immersive {
transform: translate(-20px);
width: calc(100% + 60px);
}
}

@media (max-width: 71.24em) {
.content__main-column–interactive .element-immersive {
margin-left: 0;
margin-right: 0;
}
}

@media (min-width: 71.25em) {
.content__main-column–interactive .element-immersive {
transform: translate(0);
width: auto;
}
}

@media (min-width: 81.25em) {
.content__main-column–interactive .element-immersive {
max-width: 1260px;
}
}

.content__main-column–interactive p,
.content__main-column–interactive ul {
max-width: 620px;
}

.content__main-column–interactive:before {
position: absolute;
top: 0;
height: calc(100% + 15px);
min-height: 100px;
content: “”;
}

@media (min-width: 71.25em) {
.content__main-column–interactive:before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
}

@media (min-width: 81.25em) {
.content__main-column–interactive:before {
border-left: 1px solid #dcdcdc;
left: -11px;
}
}

.content__main-column–interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}

.content__main-column–interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}

.content__main-column–interactive .element-inline {
max-width: 620px;
}

@media (min-width: 61.25em) {
figure[data-spacefinder-role=”inline”].element {
max-width: 620px;
}
}

:root {
–dateline: #606060;
–headerBorder: #dcdcdc;
–captionText: #999;
–captionBackground: hsla(0, 0%, 7%, 0.72);
–feature: #c70000;
–new-pillar-colour: var(–primary-pillar, var(–feature));
}

.content__main-column–interactive .element.element-atom,
.element.element-atom {
padding: 0;
}

#article-body > div .element-atom:first-of-type + p:first-of-type,
#article-body > div .element-atom:first-of-type + .sign-in-ga {
/ No additional styles specified /
}For the first paragraph in various content sections, add a top padding of 14 pixels.

Apply a drop cap style to the first letter of these paragraphs using the Guardian Headline font family, bold weight, 111px size, 92px line height, floated left, uppercase, with 8px right margin and colored using the specified variable.

Remove top padding for paragraphs following horizontal rules.

Set captions for showcase elements to be static, full width, and up to 620px wide.

Make immersive elements span the full viewport width minus scrollbar width.

On screens up to 71.24em wide, limit immersive elements to 978px and add 10px side padding to captions.

Between 30em and 71.24em, increase caption side padding to 20px.

Between 46.25em and 61.24em, maintain the 978px maximum width for immersive elements.For screens up to 46.24em wide, immersive elements are adjusted to remove left and right margins and align to the left edge. Between 30em and 46.24em, these elements have a larger left margin and captions with 20px side padding.

On larger screens (61.25em and above), the layout uses a grid system with defined columns and rows for different content areas. Headlines get a top border, meta information is positioned relatively with top padding, and standfirst text has specific styling for links and spacing. Images are aligned without left margin and constrained to a maximum width.

For even wider screens (71.25em+), the grid expands with more columns and rows. A decorative line appears above meta information, and standfirst sections feature a vertical separator line. At 81.25em and beyond, the grid structure further adjusts column and row allocations for optimal content placement.The CSS code defines styles for a webpage layout, adjusting elements like headlines, images, and captions across different screen sizes. Headlines are set to a bold font with specific widths and font sizes that change on larger screens. For medium screens, some margins are removed, and on larger screens, certain lines are hidden. Social and comment elements have borders matching the header’s color, while some components are not displayed.

The main media area is positioned relatively and adjusts its width and margins on smaller screens. Captions are placed at the bottom of images with a background color and text styling, including hidden elements that appear conditionally. A caption button is styled with a circular background and positioned in the corner, scaling on larger screens.

Interactive content columns have adjusted heights and headings with set widths. Dark mode support is included, changing background and feature colors based on user preferences or device settings.For iOS and Android devices, the first letter of the first paragraph in feature, standard, and comment articles is styled with a secondary pillar color. Article headers are hidden, and the furniture wrapper has minimal padding. Labels within the furniture wrapper use a bold, capitalized font in a specific headline font family and the new pillar color. Headlines are set to 32px, bold, with bottom padding and a dark gray color. Image figures in the furniture wrapper are also styled accordingly.For Android devices, images in standard and comment articles are positioned relatively, with a 14px top margin, no left margin, and a width that spans the full viewport minus the scrollbar width, while maintaining their aspect ratio.

On iOS and Android, images and their inner elements in feature, standard, and comment articles have a transparent background, a width matching the viewport minus the scrollbar, and an automatically adjusted height.

The standfirst section in feature, standard, and comment articles on both iOS and Android has 4px top padding, 24px bottom padding, and a negative 10px right margin.

Paragraphs within the standfirst use the Guardian Headline or similar serif fonts.

Links in the standfirst, including those in lists, are styled with the new pillar color, underlined with a 6px offset, and have a border color matching the header, with no background image or bottom border.For iOS and Android devices, when hovering over links within the standfirst section of feature, standard, or comment articles, the text decoration color changes to the new pillar color. Additionally, the meta section in these articles has no margin, and elements like bylines, authors, and related links adopt the new pillar color for text. The meta misc area has no padding, and any SVG icons within it are also styled accordingly.For Android devices, the stroke color of SVG icons in the meta section of furniture wrappers for standard and comment articles is set to the new pillar color.

On both iOS and Android, caption buttons in showcase elements are styled as centered flex containers with specific dimensions and positioning across feature, standard, and comment articles.

Article body content on iOS and Android receives equal horizontal padding in feature, standard, and comment layouts.

Regular image elements (excluding thumbnails and immersive types) in article bodies span nearly the full viewport width with automatic height and no margins on both platforms.

Captions for these regular images have no padding.

Immersive image elements extend to the full viewport width.

Quoted text in article prose is preceded by a colored marker using the new pillar color on both operating systems.

Links within article body prose on iOS for feature and standard articles…For iOS and Android devices, links within article bodies are styled with a primary pillar color, an underline 6 pixels below the text, and no background image. When hovered over, the underline changes to a new pillar color.

In dark mode, the furniture wrapper’s background becomes dark gray. Labels within it adopt the new pillar color, while headlines and standfirst text use the header border color. Standfirst links and author bylines also follow the header border color for consistency.For iOS and Android devices, apply the following styles to feature, standard, and comment article containers:

– Set the stroke color of SVG icons in the meta section to the new pillar color.
– Use the dateline color for captions in showcase image figures.
– Apply the new pillar color to quoted text in article body prose.
– Use a dark background for main content areas, including article body, interactive content, feature body, and comment body sections.
– Style the first letter after atomic elements in article bodies and interactive content with appropriate typography.This CSS code targets the first letter of paragraphs that follow specific elements within various article containers on iOS and Android devices. It applies to different sections like the main article body, feature body, comment body, and interactive content areas, ensuring consistent styling for drop caps or initial letter formatting across the platform.For Android devices, the first letter of paragraphs in various article containers (feature, standard, comment) and their specific sections (article-body, feature-body, comment-body, content–interactive) will be styled with a color variable, defaulting to white. This applies to paragraphs following elements like .element-atom, .sign-in-gate, or #sign-in-gate, and includes those with a data-gu-name attribute set to body.

On iOS and Android for comment articles, the standfirst element within the furniture-wrapper has a top padding of 24 pixels and no top margin.

Additionally, all h2 headings within prose have a font size of 24 pixels.For iOS devices, the caption button in feature, standard, and comment articles has a top padding of 6px and side padding of 5px. On Android, the same button uses 4px padding on all sides.

In dark mode, text and icon colors adjust for better readability: follow text and standfirst text become light gray, while follow icons, bylines, and standfirst links use a dark mode accent color with matching borders.

When the layout includes a Guardian organization logo, the branding element is always displayed.

Headlines, standfirst text, and labels in article containers use a medium font weight for emphasis.

The page background is set to a soft pink (#fff4f2) for weekend essays, which also applies to article sections and sub-meta areas.

Lines elements are hidden, and the furniture wrapper is positioned relatively. On larger screens, it uses a grid layout with specific row allocations.

Article headers have a fixed height of 70px (80px on wider screens) and contain labels. A decorative book GIF appears in the bottom-right corner, sized at 70x70px normally and 110x110px on larger displays.

A horizontal line spans below the labels on mobile and tablet views but disappears on desktop screens.For screens wider than 81.25em, adjust the furniture wrapper’s article header and title elements to a height of 125px. Also, set the headline’s top margin to -2px and remove bottom padding from its inner divs.

Within the headline wrapper, ensure full height, relative positioning, hidden overflow, and 24px bottom padding. Headline elements (h1, a) should have no max-width, and on hover, show a 2px thick underline with a 6px offset. Set their line height to 115%, font weight to 500, and font size to 36px, increasing to 50px on screens wider than 71.25em.

For the standfirst section, apply relative positioning and 4px top padding, reducing to 0 on screens wider than 61.25em and 2px on those over 71.25em.

Display the branding island in the meta container and set the main media to relative positioning, placing it in the ‘portrait’ grid area on screens wider than 61.25em. Ensure its inner divs are positioned relatively.The furniture wrapper styles the main media section to display a span element after a div. Figures within this section are set to full height with a left margin. Images and captions inside these figures adjust their width based on the viewport, accounting for scrollbars, and have specific margins and padding.

A decorative frame is added as a background image to each figure, positioned absolutely to cover the area.

For medium screens and larger, the layout changes: figures lose their left margin, while images and captions adopt fixed widths and adjusted spacing. The frame’s width also adjusts accordingly.

On wider screens, further adjustments are made to the widths of the frame, images, and captions, along with their margins and padding, to optimize the layout for different breakpoints.

The caption button is positioned at the bottom right of the media section, with its placement shifting slightly across various screen sizes to maintain alignment and usability.

A no-media division is centered within the container, taking up the full width and using flexbox for alignment.The CSS code defines styles for a furniture wrapper’s main media section, setting paragraph text to 24px size, bold weight, underlined, and a specific color. For interactive content columns on wider screens, it removes left margin and hides a pseudo-element. Supporting elements with blockquotes get a pinkish background.

First paragraphs feature a drop cap with large, uppercase, floated initial letters in a headline font and custom color. Headings are styled in burnt orange at 28px (32px on larger screens) with light weight, turning bolder if containing strong tags. Figures with iframes also adopt the pinkish background.

On apps and mobile platforms, follow buttons appear below bylines with 14px text, and media elements adjust to fit their content. In dark mode, the background shifts to dark gray for both article sections and weekend essays, with a decorative book image added after headers.For iOS and Android apps, the main media figure uses a specific white frame image as its background. The body background is set to white on these devices.

Labels and headlines in article containers are displayed with a medium font weight.

In light mode, the background color for iOS and Android is a custom weekend essay background, defaulting to a light pink shade.

For these devices, the opinion section uses a primary color of #c74600, which also applies to byline links.

In dark mode, the background changes to a dark gray, and the opinion primary color becomes a brighter orange. Opinion article bodies and tags have their background reset to default.

Article containers on iOS and Android use the weekend essay background color.

On larger screens, the furniture wrapper in article containers uses a specific grid layout with defined columns and rows for title, headline, meta information, standfirst, and portrait sections.

The title and GIF wrapper within the furniture wrapper is set to display as a flexible row, spaced apart, and positioned relatively.For iOS and Android devices, the content labels in feature, standard, and comment article containers have a font size of 17 pixels, normal style, bold weight, and 115% line height. Links within these labels use a custom color (defaulting to #c74600) and have no text transformation.

GIF containers and their images in these sections are set to 70×70 pixels. White book GIFs are hidden by default.

In dark mode, standard book GIFs are also hidden on iOS devices.This CSS code hides certain GIF elements with the class “book-gif” on iOS and Android devices for feature, standard, and comment article containers. Instead, it displays white versions of these GIFs (“book-gif-white”). It also adds a horizontal line at the bottom of the title and GIF wrapper on these devices, which spans the full viewport width on smaller screens but reduces to half the viewport width on screens larger than 61.25em.When the color scheme is set to dark on iOS or Android devices, the background color for the title and GIF wrapper in feature, standard, and comment articles changes to #606060.

For screens wider than 61.25em, the portrait main media headline wrapper in these article types on iOS and Android is assigned to the grid area named “headline.”

Additionally, the headline and byline text in feature, standard, and comment articles on both iOS and Android have a font size of 36px, normal style, medium weight (500), and a line height of 115%.For Android devices, the author’s name in comment articles is displayed in red.

In dark mode, the author’s name across all article types on iOS and Android devices appears in a darker orange.

On both iOS and Android, author profile pictures are hidden in all article types.

Article headlines have no bottom margin or padding.

Author bylines are shown in italic text, but the author’s name within the byline remains in normal font.

The main media element in articles automatically adjusts its height while maintaining a 4:5 ratio and has a transparent background.For iOS and Android devices, the following styles apply to feature, standard, and comment article containers:

– The main media figure element has full height and no left margin.
– The inner figure container is positioned at the top-left corner.
– The element’s inner container has a transparent background, visible overflow, and no padding.
– Images within these elements are set to the viewport width minus 40 pixels, with 20 pixels left margin and 25 pixels top margin.
– For images directly inside the element’s inner container, the top margin is reduced to 13 pixels.
– Figure captions are also styled consistently across these containers.For all devices, the figure captions in the main media section will have automatic height.

On iOS and Android devices, captions and their text within feature, standard, and comment articles are displayed as blocks with no maximum height, positioned relatively, and colored using a custom variable (defaulting to #999).

For screens wider than 46.25em:
– Figures in these sections have no maximum width.
– A pseudo-element before each figure spans almost the full viewport width with 10px margins.
– Images inside figures take up nearly the full viewport width with 30px left margin and 40px top margin.

For screens wider than 61.25em:
– The same pseudo-element styling applies to maintain consistent spacing.For iOS and Android devices, the main media figure elements in feature, standard, and comment article containers have specific styles. The width of the figure’s pseudo-element is set to half the viewport width minus 20 pixels and any scrollbar width. Images within these figures are sized at half the viewport width minus 40 pixels and the scrollbar width, with a left margin of 18 pixels, auto height, no padding, and a top margin of 10 pixels.

On larger screens (min-width: 71.25em), the pseudo-element is positioned 4 pixels higher. For even wider screens (min-width: 81.25em), the pseudo-element shifts 20 pixels to the left, and images adjust to half the viewport width minus 90 pixels and the scrollbar width, with a left margin of 12 pixels, a negative top margin of 10 pixels, and a top padding of 21 pixels.

In dark mode, the pseudo-element uses a white frame image as its background. Additionally, the first image in these figures has distinct styling for both operating systems.For iOS and Android devices, the first image in the main media section of feature, standard, and comment articles has specific styling. On smaller screens, the image and its pseudo-element span the full viewport width minus 20 pixels and the scrollbar width, with the image having no left margin and 10px padding.

When the screen width reaches 61.25em, the image width becomes half the viewport minus 30px and the scrollbar width, with a 5px left margin, auto height, and 21px top padding. The container’s maximum width is set to 620px, and the pseudo-element adjusts to half the viewport minus 20px and the scrollbar width, filling the container’s height.

At 81.25em screen width, the image width reduces to half the viewport minus 70px and the scrollbar width, with a 5px left margin, auto height, a -10px top margin, and 21px top padding.For iOS and Android devices, the first image in feature, standard, and comment articles has a left offset of -20px.

On screens wider than 46.25em, the caption button in these articles is positioned 45px from the bottom.

For screens wider than 61.25em, the main media area in these articles is set to a portrait grid area with a maximum width of 620px and automatic height.

All figure elements in these articles are relatively positioned with no top margin.

The inner container of each figure is absolutely positioned 15px from the top and 20px from the left, spanning the full viewport width minus 40px, with automatic height.

Images within these figures cover their containers completely while maintaining their aspect ratio.

The caption button is placed 24px from the right and 20px from the bottom of each figure.

On screens wider than 46.25em, the inner container of each figure adjusts its positioning accordingly.For Android devices, the inner figure element in feature, standard, and comment article containers is set to 680px wide with automatic height, positioned 10px from the top and left. The caption button in these containers is placed 25px from the bottom on both iOS and Android.

On wider screens (over 61.25em), figures in these article containers adjust to half the viewport width minus 20px and the scrollbar width.

The standfirst section in these containers has no top margin, with 8px top padding and 10px right padding, and its decorative before element is hidden. Text elements within the standfirst (paragraphs, links, and list items) use a 20px font size, normal style, medium weight, 115% line height, and no bottom padding.

On larger screens (over 61.25em), the standfirst in feature articles…For iOS and Android devices, the standfirst section in feature, standard, and comment article containers is assigned to the grid area named “standfirst.”

On these devices, the meta section in the same article types has no top padding and positions the published date relatively. A light gray horizontal line appears below the published date, spanning the full viewport width and positioned slightly to the left.

On larger screens (over 61.25em wide), the meta section is placed in the “meta” grid area and displayed as a block. The line below the published date then spans only half the viewport width.

For even wider screens (over 81.25em), the miscellaneous meta content has no left margin.

In dark mode, the line below the published date changes to a darker gray color.

Additionally, for iOS devices, the meta and keyline sections in feature, standard, and comment articles have a before pseudo-element applied.For iOS and Android devices, hide the meta and keyline elements in the furniture-wrapper for feature, standard, and comment article containers by setting their display to none.

Also, conceal rich-link aside elements in the same containers on both operating systems.

Remove the cutout-container within the comment-header of feature, standard, and comment article containers with display set to none and marked as important.

Set the background color of article-body and feature-body to a weekend essay theme (defaulting to #fff4f2) and add a 6px top margin.

Style horizontal rules (hr) in these sections to be 1px high, borderless, with a light gray background (#dcdcdc), 150px wide, left-aligned, 48px top margin, and 3px bottom margin.

Apply a drop cap effect to the first letter of the first paragraph (excluding those with span elements) or the paragraph following an hr: use specific fonts, 300 font weight, 111px size, 92px line height, floated left, uppercase, with padding and margin adjustments, and color based on CSS variables.

Make h2 headings with strong or b tags, or within prose, have a medium font weight (500).

In dark mode, change hr background to a darker gray (#606060), adjust drop cap color to a new pillar shade, and remove underlines from paragraph links.

For the first paragraph after an initial atom element in article or feature bodies, set the first letter’s font weight to 500.

(Note: The original text appears to be incomplete, ending abruptly with “body.ios #comment-body .element-atom+p:f”.)For iOS and Android devices, the first letter of the first paragraph in comment sections or article bodies is styled with a lighter font weight and no top padding. Headings (h2) are displayed in a dark orange color, sized at 28 pixels, with a light font weight and specific margins. On Android, a cutout container is hidden.

In dark mode, certain elements like headlines have a gradient background, and the first letter of non-initial paragraphs in comments or article bodies appears in white. Headings in these areas take on a custom orange color.

When scripting is enabled, interactive content and headers start invisible and fade in once fully loaded.

Most people remember Nathan Gill for his tall stature. Standing at 193cm (6ft 4in), the former Reform UK leader in Wales was notably taller than his peers, especially in his preferred cowboy boots. Otherwise, the quiet 52-year-old didn’t stand out much among the more flamboyant figures in Nigel Farage’s circles.

Previously, political profiles highlighted Gill’s unconventional traits: a teetotal Mormon who represented UKIP in the Senedd, despite accusations of frequent absences. Now, his legacy is marred by scandal. He is set to be sentenced at the Old Bailey after admitting to accepting bribes to make pro-Russia statements during his time as a European parliament member.

This downfall is rare in modern British politics, somewhat reminiscent of John Stonehouse, a Labour MP who spied for Czech intelligence in the 1960s. Gill’s disgrace also implicates Reform UK and Nigel Farage, as Gill was a close associate of Farage in Brussels. Although Farage has tried to distance himself, sources confirm their former closeness.

[Image description: Farage and Gill together at the EU headquarters in Brussels in June 2016, shortly after the Brexit vote.]The downfall began in July 2021 at Washington DC’s Dulles International Airport, where FBI agents intercepted Oleg Voloshyn, a pro-Kremlin Ukrainian politician linked to Viktor Medvedchuk—a Ukrainian oligarch often called the “dark prince” in his home country and a longtime ally of Vladimir Putin.

This occurred less than a year before Russia’s full-scale invasion of Ukraine. At the time, Medvedchuk faced treason charges, and his television channels, which spread Russian propaganda, had been shut down. Voloshyn, his envoy to the West, was under scrutiny by US authorities.

The FBI retrieved WhatsApp messages from Voloshyn’s phone showing he discussed secretly paying Gill. After three hours of questioning, Voloshyn was released, but the following year, both he and Medvedchuk were identified by the US as agents in a Kremlin scheme to install a puppet government in Ukraine.

Now in Moscow, Voloshyn is Gill’s co-accused but out of reach of British authorities. Two months later, in September 2021, counter-terrorism police arrested Gill at Manchester Airport. On his phone, they found messages confirming an agreement with Voloshyn. Prosecutors allege Gill accepted cash on at least eight occasions to express specific opinions that benefited Russia.

The total amount hasn’t been disclosed, but WhatsApp exchanges mentioned various sums adding up to at least £10,000. While his public statements seemed subtle, they helped set the tone in the West for a Kremlin propaganda campaign portraying Ukraine’s pro-Western leaders as oppressive.

In return for his role in this covert PR effort, Gill received “Christmas presents” and “postcards”—code words for money. These were rewards for delivering speeches in the European Parliament and giving TV interviews based on scripts provided by Voloshyn.

Via email, Voloshyn denied US and UK allegations that he acted under the direction of Russia’s FSB spy agency. He claimed the payments—typically £4,000 or £5,000 each—were merely fees for media appearances, not bribes. He described Gill as a “humble” father of five who was “definitely not rich” and a “victim of a geopolitical conspiracy.”

The complex case of Gill and Voloshyn highlights concerns about Russia’s efforts to build connections within British politics. In October 2018, Gill traveled to Ukraine with two other MEPs from Nigel Farage’s UKIP bloc, David Coburn and Jonathan Arnott. During the trip, all three gave interviews to 112 Ukraine, a pro-Russian channel tied to Medvedchuk.

Six weeks later, on December 11, they made similar remarks during a European Parliament debate on press freedom in Ukraine and its potential EU membership. Gill spoke first, expressing sympathy for Ukraine but arguing, “It is wrong to fight repression with repression.” British prosecutors say he received a script for this speech from Voloshyn on December 7.

Arnott and Coburn followed, with Arnott urging the Ukrainian government to protect press freedom amid “violence against journalists [and] the proposed closure of TV channels.” Coburn accused Kyiv’s leaders of failing on press freedom, alleging they were “plotting” to shut down 112 Ukraine and questioning Ukraine’s suitability for EU membership. Gill and Coburn also served on the channel’s new “international” board.Along with Voloshyn and others, there is no indication that Coburn or Arnott accepted bribes in the same manner as Gill.

Nigel Farage has asserted that Russia was provoked into the war in Ukraine. When the Guardian reached out, Arnott denied having any connections to Russia or acting on its behalf. He referenced another part of his speech where he stated, “the best response to a loss of freedom is increased freedom.” He added that this clarifies his perspective and background, emphasizing that Russia’s suppression of free speech should not be met with similar actions by Ukraine.

Efforts to contact Coburn have been made. Voloshyn, in correspondence with the Guardian, claimed that the broadcaster 112 Ukraine should have covered the MEPs’ travel expenses for their 2018 trip. However, declarations to the European parliament show that the three MEPs’ tickets were paid for by the European Centre for Democracy and Human Rights, a front organization established by Russian intelligence, which shares its name with a legitimate group. The front’s president, Janusz Niedźwiecki, was arrested in Poland in 2021 on suspicion of spying for Russia. Arnott stated that had he known the trip’s funding might have come from Russian sources, he would not have participated.

Farage has faced inquiries about his possible interactions with Voloshyn. Nadia Sass, Voloshyn’s wife and a journalist at 112 Ukraine, posted a photo on X of herself with Farage, apparently taken outside the European parliament around 2018, expressing that she would “miss Nigel Farage and his team.” Another tweet showed Farage holding a T-shirt with the slogan “Leave and Let Die #brexit,” reportedly taken in Gill’s Strasbourg office in 2018. Voloshyn explained that Sass gave it to Farage to promote her T-shirt business and claimed he has never spoken to Farage.

A spokesperson for Farage said he meets thousands of people annually, many of whom request photos, and he was shocked by Gill’s actions, which he condemns. They added that Farage was unaware of Gill’s “shameful activities.”

Niedźwiecki and Voloshyn also targeted parties associated with Farage beyond his own. Both were mentioned in warning emails sent to all MPs at Westminster in 2021 and 2022 by the House of Commons speaker, Lindsay Hoyle, alerting them that Voloshyn was seeking political support for Russian state objectives. Several MPs reportedly contacted security services after these warnings.

Sir John Whittingdale, a former minister and chair of the all-party parliamentary group on Ukraine, recalled encountering Voloshyn as the “right-hand man” to Kostyantyn Gryshchenko, who served as foreign minister under Ukraine’s pro-Russian president Viktor Yanukovych. Whittingdale met with Voloshyn and his wife in Westminster in 2018, where they complained about government restrictions on her TV channel. He noted that Voloshyn has since been identified as a Russian asset, though at the time he was working for the pro-Russian Ukrainian government.

There is no evidence that Whittingdale or other Tory MPs, such as Mark Pritchard, who was scheduled to appear on a panel with Sass, were compromised by their association with Voloshyn.Gill is expected to face the harshest consequences after his unexpected guilty plea in September to eight counts of bribery between December 2018 and July 2019. Looking pale, he changed his plea following earlier court appearances where he was ordered to give up his passport and register with police on Anglesey, the Welsh island where he lives with his family.

Before entering politics, Gill served as a Mormon bishop in Anglesey for six years. The island was also home to his family’s care home business, which operated mainly in Hull but collapsed with £116,000 in debts after the 2008 financial crisis.

He then pursued a political career, failing in several local elections before becoming a Ukip MEP in 2014. From business struggles and electoral defeats, Gill suddenly found himself at the heart of Brussels politics, mingling with international visitors and lobbyists at the European Parliament, where his interest in global affairs grew.

Nigel Farage has tried to distance himself from Gill, telling the BBC he was “stunned” to learn that his party’s former leader in Wales had accepted bribes. When asked if he had questioned Gill about his actions, Farage said he knew nothing about it, only that Gill had traveled to Ukraine against his advice, and was unaware of any statements Gill made.

However, colleagues from Brussels and Strasbourg described the two as close. Some recalled Gill as Farage’s “enforcer” or “right-hand man,” with offices next to each other. One former Ukip MEP said Gill was deeply involved in organizing and was like a right-hand version of Farage.

Another source noted Gill’s significant role in the party in Wales, similar to David Coburn’s in Scotland, though Coburn was seen as outspoken and fiercely loyal to Farage.

Gill also had personal vulnerabilities that foreign intelligence agencies might exploit. Alex Phillips, a former media adviser and fellow Brexit party MEP, described a “tragic backdrop,” suggesting he was targeted due to financial struggles. She expressed shock at his arrest and voluntarily spoke to police, stating she knew nothing of his secret activities. Phillips added that she didn’t believe Gill was cunning enough to fully understand what he was getting into, calling the situation quite sad.Here are several secure ways to get in touch, along with the advantages and disadvantages of each method.

Frequently Asked Questions
Of course Here is a list of FAQs about Nathan Gill designed to be clear concise and in a natural tone

BeginnerLevel Questions

1 Who is Nathan Gill
Nathan Gill is a former British politician who served as a Member of the European Parliament for Wales from 2014 to 2019 He was initially elected for the UK Independence Party and later represented The Brexit Party

2 What is Reform UK
Reform UK is a British political party originally known as The Brexit Party It was founded by Nigel Farage and focuses on policies like reforming the UKs institutions and controlling immigration

3 What was Nathan Gills role in Reform UK
Nathan Gill was a founding member and the partys first leader in Wales when it launched as The Brexit Party in 2019 He was also elected as an MEP for the party

4 What are the main allegations against him
The primary allegations are that he had connections to individuals accused of being Russian spies and that he was involved in financial dealings that may have benefited the Kremlin

Advanced Detailed Questions

5 What is the connection between Nathan Gill and the alleged Russian spies
Reports indicate that Gill employed a Latvian assistant named Jnis Bebris in the European Parliament Bebris was later accused by Latvian authorities of being a sleeper agent for the Russian intelligence services

6 What were the Kremlin financial dealings he was involved in
Gill was a director of a UKbased company called Stelmine Limited This company was reportedly involved in a project to build a smart city in Russia which was allegedly backed by a Russian stateowned bank under US sanctions This created concerns about the flow of money and potential influence

7 Did Nathan Gill know his assistant was an alleged spy
Gill has stated that he was unaware of the allegations against Bebris at the time of his employment and that he was shocked to learn of them He claimed the hiring process was handled by the European Parliaments administration

8 How did he respond to the allegations about Stelmine and the Russian project
Gill defended his involvement stating that the project was a legitimate business venture aimed at creating a Silicon Valley in Russia

Related Posts