/* ----- Custom properties - start ----- */
:root {
	/* colour */
	--clr-primary: 213 80% 30%;
	--clr-white: 0 0% 100%;
	--clr-black: 0 0% 0%;
	--clr-grey: 0 0% 20%;
	--clr-secondary: 183 100% 42%;
	--clr-orange: 19 100% 50%;
	--clr-green: 122 39% 49%;
	--clr-corporate: 200 81% 25%;
	--clr-corporateBright: 200 81% 45%;
	--clr-people: 316 72% 26%;
	--clr-peopleBright:316 72% 46%;
	--clr-technical: 192 43% 32%;
	--clr-technicalBright:192 43% 52%;
	--clr-technology: 167 100% 16%;
	--clr-technologyBright:167 100% 36%;

	--clr-wiu: 63.2 100% 32.9%;
	--clr-wca: 358 68% 45%;
	--clr-tpt: 198.6 96.3% 42%;
	--clr-ew: 213 80% 30%;


	/* font-sizes */
	--fs-700: 2rem;
	--fs-600: 1.75rem;
	--fs-500: 1.55rem;
	--fs-400: 1rem;
	--fs-300: 0.9375rem;
	--fs-200: 0.875rem;
	--fs-100: 0.75rem;
	--fs-80: 0.625rem;

	/* font-weight */
	--fw-blk: 900;
	--fw-bold: 700;
	--fw-reg: 400;
	--fw-lt: 300;

	/* Swiper slider/carousel */
    --swiper-theme-color: hsl(var(--clr-primary));
    --swiper-navigation-color: var(--swiper-theme-color);
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-inactive-color: hsl(var(--clr-primary));
    --swiper-preloader-color: var(--swiper-theme-color);
	--swiper-navigation-size: 1.5rem;

	--flow-space:1rem;

}
/* 560px */
@media (min-width: 35em) {
	:root {
		--fs-700: 2.5rem;
		--fs-600: 2rem;
	}
}

/* 800px */
@media (min-width: 50em) {
	:root {
		/* font-sizes */
		--fs-700: 3.25rem;
		--fs-600: 2.25rem;
		--fs-500: 1.75rem;
		--fs-400: 1.125rem;
		--fs-300: 1rem;
	}
}

/* ----- Custom properties - end ----- */

/* ----- Custom reset - start ----- */
h1,h2,h3,h4,h5,h6,p{font-weight: 400;}

p{
	margin-bottom: .5rem;
}
sup{
	font-size: 60%;
}
address{
	font-style: normal;
	font-weight: 400;
	margin-bottom: .5rem;

}
/* ----- Custom reset - end ----- */

/* ----- Utility classes - start ----- */
.flex {display: flex;}
.fColWrap{flex-flow: column wrap;}
.fColNoWrap{flex-flow: column nowrap;}
.fRowWrap{flex-flow: row wrap;}
.fRowNoWrap{flex-flow: row Nowrap;}

.flexBasis100{flex-basis: 100%;}
.flexBasis50{flex-basis: 50%;}
.colGap{column-gap: .5rem;}
.rowGap{column-gap: .5rem;}

.grid {display: grid;}

.gridContainer {
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-areas: ". opt2Left content opt2Right .";
	height: 100vh;
	justify-content: center;
}
.flow > *:where(:not(:first-child)) {
	margin-top: var(--flow-space, 1rem);
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap; /* added line */
	border: 0;
}

/* colours */
.bg-primary {background-color: hsl(var(--clr-primary));}
.bg-white {background-color: hsl(var(--clr-white));}
.bg-grey {background-color: hsl(var(--clr-grey));}
.bg-secondary {background-color: hsl(var(--clr-secondary));}
.bg-orange {background-color: hsl(var(--clr-orange));}
.bg-green {background-color: hsl(var(--clr-green));}
.bg-corporate {background-color: hsl(var(--clr-corporate));}
.bg-people {background-color: hsl(var(--clr-people));}
.bg-technical {background-color: hsl(var(--clr-technical));}
.bg-technology {background-color: hsl(var(--clr-technology));}
.bg-corporateBright {background-color: hsl(var(--clr-corporateBright));}
.bg-peopleBright {background-color: hsl(var(--clr-peopleBright));}
.bg-technicalBright {background-color: hsl(var(--clr-technicalBright));}
.bg-technologyBright {background-color: hsl(var(--clr-technologyBright));}
.bg-wiu {background-color: hsl(var(--clr-wiu));}

.text-primary {color: hsl(var(--clr-primary));}
.text-secondary {color: hsl(var(--clr-secondary));}
.text-white {color: hsl(var(--clr-white));}
.text-grey {color: hsl(var(--clr-grey));}
.text-orange {color: hsl(var(--clr-orange));}
/* fonts */
.fs-700 {font-size: var(--fs-700);}
.fs-600 {font-size: var(--fs-600);}
.fs-500 {font-size: var(--fs-500);}
.fs-400 {font-size: var(--fs-400);}
.fs-300 {font-size: var(--fs-300);}
.fs-200 {font-size: var(--fs-200);}
.fs-100 {font-size: var(--fs-100);}
.fs-80 {font-size: var(--fs-80);}
/* font-weight */
.fw-blk {font-weight: var(--fw-blk);}
.fw-bold {font-weight: var(--fw-bold);}
.fw-reg {font-weight: var(--fw-reg);}
.fw-lt {font-weight: var(--fw-lt);}

.fs-700,.fs-600,.fs-500{
	line-height: 1.1;
}

.hide{
	display: none;
}
.centre{
	text-align: center;
}
.centreBlock{
	margin-left: auto;
	margin-right: auto;
}

a:link {color: hsl(var(--clr-primary))}
a:visited {color: hsl(var(--clr-primary))}
a:hover {color: hsl(var(--clr-secondary))}
a:focus   {color: hsl(var(--clr-orange))}
a:active {color: hsl(var(--clr-orange))}

.pageTitle{
	margin-inline:1rem;
}
.pColumns{
	columns:3 300px;
	column-rule: 1px dotted hsl(var(--clr-grey)/.5);
	column-gap: 2rem;

}
div.pColumns {
	padding: 1rem;
}

.strikeThrough {
    text-decoration: line-through;
}

/* ----- Utility classes - end ----- */

/* ----- Layout - start ----- */
body {
	font-family: "Roboto", sans-serif;
	font-size: var(--fs-300);
	font-weight: var(--fw-reg);
	color: hsl(var(--clr-grey));
}
.option2Left {grid-area: opt2Left;}
.option2Right {grid-area: opt2Right;}
.option2Left,
.option2Right {
	display: none;
}
.wrapper {
	grid-area: content;
	grid-template-rows: auto 1fr auto;
}
.innerWrapper {
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}
header {
	padding: 0.5em;
}
main {
	padding: 0 0.5em;
}
aside {
	padding: 1rem 0.5em;
}

/* 800px */
@media (min-width: 50em) {
	.innerWrapper {grid-template-rows: 1fr auto;}
}
/* 850px */
@media (min-width: 53.125em) {
	aside {
		padding: 0;
	}
}

/* 900px */
@media(min-width:53.125em){
	.innerWrapper{grid-template-columns:1fr 300px .5em;}
}
/* 1325px */
@media (min-width: 82.8125em) {
	.gridContainer {
		grid-template-columns: 0 0 minmax(50rem, 90rem) 0 0;
	}
	.opt2Added {
		grid-template-columns: 0.5em 300px minmax(48rem, calc(110rem - 600px)) 300px 0.5em;

	}
	.innerWrapper {
		grid-template-columns:1fr 300px .5em;
	}
	.option2Left,
	.option2Right {
		display: block;
		width: 300px;
		height: 600px;
	}
}
/* ----- Layout - end ----- */

/* ----- Components - start ----- */

/* ----- Button ----- */
.button {
	padding: .5rem 2rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
	display: block;
	background-color: hsl(var(--clr-orange));
	border: .2rem solid hsl(var(--clr-white));
	text-align: center;
	border-radius: .5rem;
	transition-duration: 0.4s;
	text-decoration: none;
}
.button:hover {
  background-color: hsl(var(--clr-green));
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active{
	color:hsl(var(--clr-white) / 1);
}

/* ----- Button - end ----- */
/* ----- Panel - start ----- */
.panel{
	padding: 1rem;
	background-color: hsl(var(--clr-grey)/.05);
	min-height: 100%;
}

.panel > div{
	margin-bottom: 1rem;
}
.panelLogo{
	padding-top: 1rem;;
	justify-content: center;
	width: 100%;
	gap:.5rem;
}
.panelLogo img{
	margin-inline: auto;
}
/* ----- Panel - end ----- */
/* ----- Option 1 top advert - start ----- */
.option1Top img{
	margin:0  auto;
}
@media (min-width: 728px) {
	.option1Top img{
		max-width: 728px;
	}
}
/* ----- Option 1 top advert - end ----- */

/* ----- Header - start ----- */
.primaryHeader {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	column-gap: 1rem;
	row-gap: 1em;
	margin: 0;
	/* background: url("http://www.intras.co.uk/test-ew/images/shared/hero.svg") bottom center no-repeat; */
	background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1500px" height="2646.502px" viewBox="0 0 1500 2646.502" enable-background="new 0 0 1500 2646.502" xml:space="preserve"><rect y="0" fill="%230F4688" width="1500" height="2293.502"/><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-498.2358" y1="5140.9912" x2="-498.2361" y2="4757.1748" gradientTransform="matrix(0.9679 0 0 -0.9679 1232.2427 7213.9277)"><stop offset="0" style="stop-color:%230F4688"/><stop offset="1" style="stop-color:%2300C8D4"/></linearGradient><path fill="url(http://read-eurowire.com/css/%23SVGID_1_)" d="M1500,2530.791c-306.586,109.479-1191.355,100.318-1500,0v-507.563h1500V2530.791z"/></svg>') bottom center no-repeat;
}

/* 1325px */
@media (min-width: 82.8125em) {
	.primaryHeader {margin: 0 .5rem 0 .5rem;}
}

.option1Top {width: 100%;}

.logo {
	padding: .5rem;
	grid-area: logo;
}


.primaryNavigation,
.subNavigation {
	padding: 0;
	margin: 0;
	list-style: none;
	justify-content: center;
	gap:1px;
}
.primaryNavigation  a {
	padding: .25rem .5rem;
	margin:0;
	display: block;
	text-decoration: none;
	color: hsl(var(--clr-white));
	transition: background-color .3s ease-in-out;
	cursor: pointer;
}
.primaryNavigation  a:hover,
.primaryNavigation  a:focus {
	background-color: hsl(var(--clr-white) / 0.5);
	color: hsl(var(--clr-primary) / 1);
	transition-property: color;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}
.primaryNavigation li{
	flex-direction: row;
	background-color:hsl(var(--clr-white) / .1);
}
.dropDown{
	padding:.4rem;
}
li.active{
	background-color:hsl(var(--clr-primary) / .5);
}
.subNavigation{
	padding: .5em;
	flex-direction: column;
	background-color: hsl(var(--clr-primary)/.95); 
	position: absolute;
	margin-top:1.8rem;
	transition-duration: 0.2s;
}
.mobileNavToggle {display: none;}

li.newsletter{
	border:.1rem solid hsl(var(--clr-white) / 1);
	border-radius: .25rem;
	background-color: transparent;
	margin-left:.2rem;
}

/* 750px */
@media (max-width: 46.875em) {
	nav {
		width: 100%;
		background-color:hsl(var(--clr-primary) / .125);
		border-radius: .25rem;
	}
	.primaryNavigation {
		padding:0;
		margin: 0;
		list-style: none;
		flex-direction: column;
		max-height: 0;
		width: auto;
		overflow: hidden;
		transition: max-height 0.5s ease-out;
		font-size: var(--fs-400);
		background-color: hsl(var(--clr-primary)/.95);
	}
	.primaryNavigation[data-visible="true"] {
		max-height: 1000px;
		transition: max-height 0.5s ease-in;
	}
	.primaryNavigation li{
		flex-wrap: wrap;
	}
	.subNavigation{
	margin-top: 0;
	background-color: hsl(var(--clr-white)/.04);
	position: relative;
	width:100%;
	}
	.mobileNavToggle {
		display: block;
		position: relative;
		background: transparent;
		border: 0;
		/* background-image: url("http://www.intras.co.uk/test-ew/images/shared/iconHamburger.svg"); */
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21"><g fill="%23ffffff" fill-rule="evenodd"><path d="M0 0h24v3H0zM0 9h24v3H0zM0 18h24v3H0z"/></g></svg>');
		background-position: center;
		background-repeat: no-repeat;
		width: 1.5rem;
		aspect-ratio: 1;
	}
	/* .mobileNavToggle[aria-expanded="true"] {background-image: url("http://www.intras.co.uk/test-ew/images/shared/iconClose.svg");} */
	.mobileNavToggle[aria-expanded="true"] {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21"><g fill="%23ffffff" fill-rule="evenodd"><path d="M2.575.954l16.97 16.97-2.12 2.122L.455 3.076z"/><path d="M.454 17.925L17.424.955l2.122 2.12-16.97 16.97z"/></g></svg>');}
	.mobileNavToggle:focus-visible {
		outline: 5px solid white;
		outline-offset: 5px;
	}
	li.newsletter{
		margin-left:0;
	}

}

/* 560px */
@media (min-width: 35em) {
	.primaryNavigation > li {
		cursor: pointer;
	}
}

/* ----- Hero section with cover image ----- */
.heroCover{
	padding-top: 1.25rem;
	justify-content: center;
	align-self: center;
}
.heroCover img{
	margin-left: 2rem;
	max-width: 100%;
  	height: auto;
	filter: drop-shadow(0px 0px .5rem hsl(var(--clr-primary) / 1));
	align-self: center;
}

.heroCover .hero{
	margin-top: 2.5rem;
	width: 40%;
}

/* ----- Hero section without magazine cover ----- */
#hero-short{
	justify-content: center;
}
.hero{
	padding-top: 1.25rem;
	flex-direction: column;
	width:100%;
}
.hero h2{
	margin: 0 auto;
	text-align: center;
}
/* 800px */
@media (max-width: 50em) {
	.heroCover{
		flex-direction: column;
	}
	.heroCover img{
		margin: 0 auto;
		max-width: 40%;
		height: auto;
		align-self: center;
	}
	.heroCover .hero{
		margin: 0;
		width: 100%;
		align-self: center;
		order:2;
	}
	
}
@media (min-width: 50em) {
	.hero{
		width: 70%;
	}
}
/* ----- Hero - end ----- */
/* ----- Notice - start ----- */
.notice{
	display: flex;
	justify-content: center;
	align-items:center;
	width: 100%;
	padding: .5rem;
	background-color:hsl(var(--clr-black) / .5);
}
.notice img{
	max-height: 50px;
}
/* ----- Notice - end ----- */
/* ----- Header - end ----- */

/* ----- AsideAdverts - start ----- */
.asideAdverts{
	flex-direction: row;
	flex-wrap: wrap;
	row-gap:.5rem;
	align-content: flex-start;
	justify-content: center;
}
.asideAdverts img{
	align-self:center;
	max-width: 100%;	
}
/* ----- AsideAdverts - end ----- */

/* ----- Footer - start ----- */
.footer{
	position: relative;
	margin-top: 2rem;
	padding-top:1rem;
	background-color: hsl(var(--clr-primary));
	color: hsl(var(--clr-white)/.15);
	text-align: center;
	flex-basis: 100%;
}
.footer div{
	width: 100%;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:focus,
footer a:active{
	color: hsl(var(--clr-white));
	text-decoration: none;
}

footer img{
	margin-inline:auto;
	margin-bottom: 1rem;
	max-height: 3rem;
}
.ppa{
	margin-right:.5rem;
	display:inline-block;
	height: 33px;
	width: 17px;
	background: url("http://read-eurowire.com/images/shared/ppa-w.png") no-repeat;
	position: relative;
	top:.5rem;
}
.social{
	margin: 1rem 0 1.5rem 0;
}
.social a{
	padding-inline:.5rem;
}

/* 600px */
@media (min-width: 37.5em) {
	.footer{
		padding: 1rem;
		text-align: left;
		justify-content:space-between;
	}
	.footer div{
		width: auto;
	}
	footer img{
		margin-inline:0;
	}
	.footerRight{
		align-self:flex-end;
	}
	.social{
		margin-bottom: 1rem;
		text-align: right;
	}
	.bumf{
		text-align: right;
		
	}
}
/* ----- Footer - end ----- */

/* ----- News Sections - start ----- */
.newsSections{
	padding: .5rem;
	margin: 0;
	list-style: none;
	gap: .5rem;
	row-gap: .5rem;	
}
/* .newsSections h2{
	--- Padding needed if each section has a specific link to a article and that article title is below this heading ---
	padding-bottom: .5rem; 
} */
.newsSections a{
	text-decoration: none;
	cursor: pointer;
	padding: 1.5rem;
	margin: 0;
	transition: 0.5s;
	flex-basis: 100%;
}
.bg-corporate:hover{
	background-color: hsl(var(--clr-corporateBright));
}
.bg-technology:hover{
	background-color: hsl(var(--clr-technologyBright));
}
.bg-people:hover{
	background-color: hsl(var(--clr-peopleBright));
}
.bg-technical:hover{
	background-color: hsl(var(--clr-technicalBright));
}
/* 600px */
@media (min-width: 37.5em) {
	.newsSections{
		justify-content: center;
		flex-wrap: nowrap;
	}
}
/* ----- News Sections - end ----- */

/* ----- Articles - start ----- */
.articles{
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: .5rem;
	justify-content: space-between;
	align-items:stretch;
	background-color: hsl(var(--clr-grey)/.05);
}
.article a{
	flex-direction: column;
	flex-wrap: wrap;
	text-decoration: none;
	height: 100%;
}
.article img{
	object-fit: cover;
	object-position: center;
}
.mainArticle{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.mainArticle h2, .mainArticle p{
	margin: 2rem;
}
.subArticle{
	position:relative;
	width:100%;
}
.subArticle h2{
	padding: 1.5rem;
	position: absolute;
	top: 0;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* maximum number of lines to display */
	min-width:100%;
	background: linear-gradient(hsl(var(--clr-primary)/.8) 0%, hsl(var(--clr-primary)/.5) 65%, hsl(var(--clr-primary)/0) 100%);
}
.subArticle img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	min-height: 100%;
}
/* 600px to 849px */
@media (min-width: 37.5em) and (max-width:53.0625em){
	.mainArticle a{
	flex-direction: row;
	flex-wrap: nowrap;
	}
	.mainArticle img{
	 max-width: 49.5%;
	}
	.subArticle {
		flex-basis: 49.5%;
	}
}
/* 1000px */
@media (min-width: 62.5em){
	.mainArticle a{
	flex-direction: row;
	flex-wrap: nowrap;
	}
	.mainArticle img{
	 max-width: 49.5%;
	}
	.subArticle {
		flex-basis: 49.5%;
	}
}
/* 1325px */
@media(min-width:82.8125em){
	.opt2Added .mainArticle a{
		flex-direction: column;
		}
		.opt2Added .mainArticle img{
		 max-width: 100%;
		}
}
/* ----- Articles - end ----- */

/* ----- Video - start ----- */
.videoWrapper {
	width: 100%;
	height: auto;
  }
/* ----- Video - end ----- */

/* ----- Carousels/Sliders - start ----*/
#show-slider, #testimonial-slider{
	display: grid;

}
.swiper {
	width: 100%;
	
  }
  .swiper-slide {
	padding: 2rem;
	background-color: hsl(var(--clr-grey) / .05);
	/* cursor: pointer; */
	height: auto!important;	
	justify-content:space-around;
	align-items:center;
	gap: 1rem;
	overflow: hidden;
  }
  
  .swiper-button-next, .swiper-button-prev {
	text-rendering: auto;
  }
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: .1;
  }
  .swiper-slide img{
	text-align: center;
	margin: 0 auto .5rem auto;	
}
/* ----- Carousels/Sliders - end ----*/

/* ----- Subscribe - start ----*/
 .subscription{
	flex-wrap: wrap;
	row-gap: .5rem;
}
.subscription .panel{
	flex-basis: 100%;
}
@media(min-width:550px){
	.subscription {
		row-gap: 0;
		column-gap: .5rem;
	}
	.subscription .panel{
		flex-basis: 49%;
	}
} 
/* ----- Subscribe - end ----*/

/* ----- Media Pack - start ----*/
.dist-web{
	gap: .5rem;
	overflow: hidden;
}
.mpack-distribution,
.mpack-website{
	flex-basis: 100%;
}

/* 715px to 849px */
@media(min-width:44.6875em) and (max-width:53.0625em){
	.dist-web{
 		flex-flow: row nowrap;
	}
	.mpack-distribution{
	flex-basis: 70%;
	}
	.mpack-website{
		flex-basis: 30%;
	}
}

/* 1000px to  1324px*/
@media (min-width: 62.5em) and (max-width:82.75em){
	.dist-web{
		flex-flow: row nowrap;
   }
   .mpack-distribution{
		flex-basis: 70%;
   }
   .mpack-website{
	   flex-basis: 30%;
   }
}
/* 1615px */
@media(min-width:100.9375em){
	.dist-web{
		flex-flow: row nowrap;
   }
   .mpack-distribution{
   		flex-basis: 70%;
   }
   .mpack-website{
	   flex-basis: 30%;
   }
}

.piecharts{
	margin-top: 1rem;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.piechart {
	width: 8rem;
	aspect-ratio: 1;
	position: relative;
	display: inline-grid;
	place-content: center;
	margin: 0 .25rem;
  }
  .piechart:before{
	content: "";
	position: absolute;
	border: .5rem solid hsl(var(--clr-white));
	border-radius: 50%;
	inset: 0;
	scale:95%;
  }
  .piechart:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	inset: 0;
	background: conic-gradient(hsl(var(--clr-secondary)) calc(var(--p)*1%),#0000 0);
	-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - 1rem),#000 calc(100% - 1rem));
			mask:radial-gradient(farthest-side,#0000 calc(99% - 1rem),#000 calc(100% - 1rem));
  }
  .world{
	flex: 1 0 100%;
  }

  .rTable-row{
	gap:1rem;
	padding: .5rem;
	margin-bottom: .5rem;
	align-content:flex-start;
	line-height: 1rem;
  }
  .rTable-cell{
	flex:1;
  }
  .rTable-cell ul{
	padding: 0;
	margin: 0;
  }
  .rTable-cell li{
	padding-bottom: .5rem;
	font-size: var(--fs-200);
  }
  .rTable-cell li:last-child{
	padding-bottom: 0;
  }
  .rTable-row{
	margin-bottom: 1rem;
  }
  .rTable-head{
	flex:1 2 0;
  }
  .rTable-features{
	flex:1 0 3;
  }
  .rTable-deadline{
	flex:1;
  }
  .rTable-deadline > div{
	margin-bottom:.5rem;
}
  /* 525px */
@media(min-width:32.8125em){
	.rTable-row{
		flex-direction: row;
	}
	.rTable-deadline{
		text-align: center;
	}
}
/* ----- Media Pack - end ----*/

/* ----- Sales & publishing Team - start ----*/
.team > .panel{
	gap: 2.5rem;
	justify-content: center;
}
/* ----- Sales & publishing Team - end ----*/

/* ----- History - start ----*/
.timeLineWrapper{
	margin: 2rem 2rem 4rem 2rem;
	position: relative;
}
.timeLine{
	padding: 2rem;
	margin:0;
	position:relative;
	gap:1rem;
	width:calc(100% - 6rem);
	flex-basis: 0 0 100%;
}
.timeLine img{
	align-self: center;
	display: none;
	min-width: 0;
	max-width: 100%;
	height: auto;
}
.timeLine:nth-child(odd){
	border-top:2rem solid hsl(var(--clr-secondary) / 1);
	border-bottom: 2rem solid hsl(var(--clr-secondary) / 1);
	border-right: 2rem solid hsl(var(--clr-secondary) / 1);
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	left:6rem;
	margin-top: -2rem;
}
.timeLine:nth-child(even){
	border-top:2rem solid hsl(var(--clr-secondary) / 1);
	border-bottom: 2rem solid hsl(var(--clr-secondary) / 1);
	border-left: 2rem solid hsl(var(--clr-secondary) / 1);
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	right:0rem;
	margin-top: -2rem;
}
.timeLine:nth-child(odd) > *{
	margin-left:-6rem;
}
.timeLine:nth-child(even) > *{
	margin-right:-6rem
}
/* triangle */
.timeLine:last-of-type::after{
  content: "";
  position: absolute;
  right: -2.9rem;
  height: 0;
  width: 0;
  bottom: -4rem;
  border-top: solid 3rem transparent;
  border-left: solid 3rem hsl(var(--clr-secondary) / 1);
  border-bottom: solid 3rem transparent;
}

/* 500px */
@media(min-width:31.25em){
	.tl-info{
		flex-flow: row nowrap;
		gap: 1rem;
		align-items:center;
	}
	.tl-info img{
		display: block;
		flex:0 0 25%;
	}
}

/* ----- History - end ----*/

/* ----- Archive - start -----*/
.library{
	margin:0;
	gap:1rem;
	justify-content: space-evenly;
}
/* ----- Archive - end -----*/

/* ----- Magazines - start -----*/
.mag-magazines{
	justify-content:space-evenly;
	text-align: center;
	gap:1rem;
}
.mag-WIU{
	aspect-ratio: 141 / 200;
	margin-bottom: 1rem;
	max-width: 141px;
	margin-inline: auto;
	display: flex;
  	justify-content: center;
}
.mag-WIU img{
	margin: auto;
	object-fit: cover;
}
/* ----- Magazines - end -----*/

/* ----- Advertisers - start -----*/

#magAdvertisers{
	gap:.5rem;
	display: flex;
	flex-wrap: wrap;
}
.magAdvertiser{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex-grow: 1;
	gap: 1rem;
	text-align: center;
	padding: 1rem 1.5rem;
	background-color: hsl(var(--clr-grey)/.05);
}
.magAdvertiser p{
	max-width: 30ch;
	margin-inline:auto;
}
.magAdvertiser img{
	align-self: center;
}
.magAdvertiser > .noLogo{
	display: block;
	height: 100px;
	width: 100px;
	background-color: hsl(var(--clr-grey)/.05);
	align-self: center;
}

/* ----- Advertisers - end -----*/

/* -------------------- Contact - start -------------------- */
.contact {
	justify-content:space-around;
	align-items:center;
	column-gap: 1rem;
	row-gap: 1rem;
}
  /* -------------------- Contact - end -------------------- */

/* -------------------- TERMS / POLICY - start -------------------- */
.terms,
.terms ul {
	margin: 0;
	padding: 0 0 0 1rem;
	list-style: none;
}
.terms	ul ul {
	margin: 0;
	padding: 0rem 1rem;
}
.terms	ul ul ul {
	margin: 0;
	padding: 0rem 1rem;
}
.terms	li {
	padding: .5rem;
}
table{
	margin-top:1rem;
	margin-inline: auto;
	width: 100%;
}
.terms th, .terms td{
	padding: .5rem;
	vertical-align: top;
}
.terms th{
	text-align: center;
	vertical-align: top;
	background-color: hsl(var(--clr-secondary) / .25);
}
.terms td{
	text-align: left;	
}
.terms tr:nth-child(odd){
	background-color: hsl(var(--clr-grey) / .15);
}
.terms tr:nth-child(even){
	background-color: hsl(var(--clr-grey) / .1);
}
.terms table ol{
	padding: 0;
	margin: 0 .5rem 0 1rem;
	list-style-position: outside;
}
.terms table li{
	padding: 0 0 .5rem 0;
	margin: 0;
}

/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media(max-device-width: 550px) {
		.terms table{
			min-width: 250px;
		}
		/* Force table to not be like tables anymore */
		.terms table, .terms thead, .terms tbody, .terms th, .terms td, .terms tr {
			display: block;
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		.terms thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
    	.terms tr {
      	margin: 0 0 1rem 0;
    	}
		.terms td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid hsl(var(--clr-white)/1);
			position: relative;
			padding-left: 50%;
			min-height: 5rem;
		}
		.terms td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 0;
			width: 45%;
			height: 100%;
			padding: .5rem;
			padding-bottom: 4rem;
			background-color: hsl(var(--clr-secondary) / .25);
			font-weight: 700;
			/* white-space: nowrap; */
		}
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.terms td:nth-of-type(1):before { content: "Purpose/activity"; }
		.terms td:nth-of-type(2):before { content: "Type of data"; }
		.terms td:nth-of-type(3):before { content: "Lawful basis for processing including basis of legitimate interest";}
	}
  /* -------------------- TERMS / POLICY - end -------------------- */

/* ----- Components - end ----- */

/* * {
	outline: 1px solid orange;

} */