/*.
	Theme Name: Automotive Online
	Description: Theme for Automotive Online titles
	Version: 1.0
	Author: Steven Don
*/

/* CSS reset */

* { box-sizing: border-box; margin: 0; padding: 0; }

/* Fonts */

@font-face
{
	font-family: 'Avenir';
	src: url(fonts/AvenirLTStd-Roman.eot);
	src: url(fonts/AvenirLTStd-Roman.eot?#iefix) format('embedded-opentype'),
			url(fonts/AvenirLTStd-Roman.woff) format('woff'),
			url(fonts/AvenirLTStd-Roman.ttf) format('truetype'),
			url(fonts/AvenirLTStd-Roman.svg#1297092b477b7e1dcddfcf3bbb416185) format('svg');
	font-style: normal;
	font-weight: 400;
}
@font-face
{
	font-family: 'Avenir';
	src: url(fonts/AvenirLTStd-Oblique.eot);
	src: url(fonts/AvenirLTStd-Oblique.eot?#iefix) format('embedded-opentype'),
			url(fonts/AvenirLTStd-Oblique.woff) format('woff'),
			url(fonts/AvenirLTStd-Oblique.ttf) format('truetype'),
			url(fonts/AvenirLTStd-Oblique.svg#3940793a09c3eddee1217f9201c66bf9) format('svg');
	font-style: oblique;
	font-weight: 400;
}
@font-face
{
	font-family: 'Avenir';
	src: url(fonts/AvenirLTStd-Medium.eot);
	src: url(fonts/AvenirLTStd-Medium.eot?#iefix) format('embedded-opentype'),
			url(fonts/AvenirLTStd-Medium.woff) format('woff'),
			url(fonts/AvenirLTStd-Medium.ttf) format('truetype'),
			url(fonts/AvenirLTStd-Medium.svg#ef669aafc9b550b465914779447af056) format('svg');
	font-style: normal;
	font-weight: 500;
}
@font-face
{
	font-family: 'Avenir';
	src: url(fonts/AvenirLTStd-Black.eot);
	src: url(fonts/AvenirLTStd-Black.eot?#iefix) format('embedded-opentype'),
			url(fonts/AvenirLTStd-Black.woff) format('woff'),
			url(fonts/AvenirLTStd-Black.ttf) format('truetype'),
			url(fonts/AvenirLTStd-Black.svg#2d55e36446b90be6f85f84e74f83cb6c) format('svg');
	font-style: normal;
	font-weight: 900;
}
@font-face
{
	font-family: 'CachetPro';
	src: url(fonts/CachetPro-Book.woff2) format('woff2'),
			url(fonts/CachetPro-Book.woff) format('woff'),
			url(fonts/CachetPro-Bold.ttf) format('truetype'),
			url(fonts/CachetPro-Book.otf) format('opentype');
	font-style: normal;
	font-weight: 400;
}
@font-face
{
	font-family: 'CachetPro';
	src: url(fonts/CachetPro-Medium.woff2) format('woff2'),
			url(fonts/CachetPro-Medium.woff) format('woff'),
			url(fonts/CachetPro-Medium.ttf) format('truetype'),
			url(fonts/CachetPro-Medium.otf) format('opentype');
	font-style: normal;
	font-weight: 500;
}
@font-face
{
	font-family: 'CachetPro';
	src: url(fonts/CachetPro-Bold.eot);
	src: url(fonts/CachetPro-Bold.eot?#iefix) format('embedded-opentype'),
			url(fonts/CachetPro-Bold.woff) format('woff'),
			url(fonts/CachetPro-Bold.ttf) format('truetype'),
			url(fonts/CachetPro-Bold.svg#2a2f829e72bf994bf9dd7ebc30f4f7c8) format('svg');
	font-style: normal;
	font-weight: 700;
}
@font-face
{
	font-family: 'Ciutadella';
	src: url(fonts/CiutadellaSlab-Rg.woff2) format('woff2'),
			url(fonts/CiutadellaSlab-Rg.woff) format('woff'),
			url(fonts/CiutadellaSlab-Rg.ttf) format('truetype'),
			url(fonts/CiutadellaSlab-Rg.otf) format('opentype');
	font-style: normal;
	font-weight: 400;
}
@font-face
{
	font-family: 'Ciutadella';
	src: url(fonts/CiutadellaSlab-Md.woff2) format('woff2'),
			url(fonts/CiutadellaSlab-Md.woff) format('woff'),
			url(fonts/CiutadellaSlab-Md.ttf) format('truetype'),
			url(fonts/CiutadellaSlab-Md.otf) format('opentype');
	font-style: normal;
	font-weight: 500;
}
@font-face
{
	font-family: 'Ciutadella';
	src: url(fonts/CiutadellaSlab-SmBd.woff2) format('woff2'),
			url(fonts/CiutadellaSlab-SmBd.woff) format('woff'),
			url(fonts/CiutadellaSlab-SmBd.ttf) format('truetype'),
			url(fonts/CiutadellaSlab-SmBd.otf) format('opentype');
	font-style: normal;
	font-weight: 600;
}
@font-face
{
	font-family: 'Ciutadella';
	src: url(fonts/CiutadellaSlab-Bd.woff2) format('woff2'),
			url(fonts/CiutadellaSlab-Bd.woff) format('woff'),
			url(fonts/CiutadellaSlab-Bd.ttf) format('truetype'),
			url(fonts/CiutadellaSlab-Bd.otf) format('opentype');
	font-style: normal;
	font-weight: 700;
}
@font-face
{
	font-family: 'LyonText';
	src: url(fonts/LyonText-Regular.woff2) format('woff2'),
			url(fonts/LyonText-Regular.woff) format('woff'),
			url(fonts/LyonText-Regular.ttf) format('truetype'),
			url(fonts/LyonText-Regular.otf) format('opentype');
	font-style: normal;
	font-weight: 400;
}
@font-face
{
	font-family: 'LyonText';
	src: url(fonts/LyonText-RegularItalic.woff2) format('woff2'),
			url(fonts/LyonText-RegularItalic.woff) format('woff'),
			url(fonts/LyonText-RegularItalic.ttf) format('truetype'),
			url(fonts/LyonText-RegularItalic.otf) format('opentype');
	font-style: italic;
	font-weight: 400;
}
@font-face
{
	font-family: 'LyonText';
	src: url(fonts/LyonText-BoldItalic.woff2) format('woff2'),
			url(fonts/LyonText-BoldItalic.woff) format('woff'),
			url(fonts/LyonText-BoldItalic.ttf) format('truetype'),
			url(fonts/LyonText-BoldItalic.otf) format('opentype');
	font-style: italic;
	font-weight: 700;
}
@font-face
{
	font-family: 'LyonText';
	src: url(fonts/LyonText-Bold.woff2) format('woff2'),
			url(fonts/LyonText-Bold.woff) format('woff'),
			url(fonts/LyonText-Bold.ttf) format('truetype'),
			url(fonts/LyonText-Bold.otf) format('opentype');
	font-style: normal;
	font-weight: 700;
}

/* Basic styles */

:root
{
	--accent: #C2191A;
	--accent-dark: #780F10;
	--accent-light: #C2191A;
	--accent-premium: #19A113;
	--branding-primary: #C2191A;
	--branding-secondary: #AE9962;
	--light: #E9E9E9;
	--footer-bkg: #333333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #FFF;
	color: black;
	font-family: 'Avenir', sans-serif;
	font-size: 16px;
}

.pillar-management
{
	--accent: var(--accent-mgmt, #C2191A);
	--accent-dark: var(--accent-mgmt-dark, #780F10);
	--accent-light: var(--accent-mgmt-light, #C2191A);
}

#sub-menu-werkplaats,
.pillar-werkplaats
{
	--accent: var(--accent-wkplts, #00B6ED);
	--accent-dark: var(--accent-wkplts-dark, #004C6B);
	--accent-light: var(--accent-wkplts-light, #00B6ED);
}

body
{
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.4;
}

a
{
	color: inherit;
	text-decoration: none;
}

p
{
	letter-spacing: 0.04em;
}

.pillar
{
	margin: 0 auto;
	max-width: 1282px;
	padding-inline: 16px;
	position: relative;
}

@media (min-width: 1282px)
{
	.pillar
	{
		max-width: 1250px;
		padding-inline: 0;
	}
}

/* Advertising */

.advertisement
{
	max-width: 100%;
	overflow: hidden;
}

.billboard
{
	display: none;
	text-align: center;
}

.adv img
{
	display: block;
	margin-inline: auto;
}

.billboard .adv iframe,
.billboard .adv img
{
	margin: 1rem auto;
}

@media (min-width: 1024px)
{
	.billboard
	{
		display: block;
	}
}

#hpt
{
	display: none;
	height: 250px;
	margin-inline: auto;
	overflow: visible;
	position: relative;
	width: 970px;
}

#hpt .adv iframe,
#hpt .adv img
{
	margin: 0 !important;
}

#hpt .side
{
	position: absolute;
	top: 0;
}

#hpt .side:first-child { right: 100%; }
#hpt .side:last-child { left: 100%; }

@media (min-width: 970px)
{
	#hpt { display: block; }
	.hpt-active #nav-main .pillar::before, .hpt-active #primary::before { background: #FFF; bottom: 0; content: ''; display: block; position: absolute; right: 100%; top: 0; width: 1rem; }
	.hpt-active #nav-main .pillar::after, .hpt-active #primary::after { background: #FFF; bottom: 0; content: ''; display: block; left: 100%; position: absolute; top: 0; width: 1rem; }
}

#content
{
	position: relative;
}

#primary
{
	background: #FFF;
}

/* Simple content */

figcaption
{
	border: 1px solid var(--light);
	border-top: none;
	padding-inline: 0.5rem;
}

figcaption::before
{
	color: var(--accent);
	content: '\F0D8';
	font-family: FontAwesome;
	margin-right: 0.5rem;
}

ul.menu
{
	list-style-type: none;
}

.post-title
{
	font-family: "Ciutadella", serif;
	font-weight: 600;
}

.body-text
{
	font-size: 1.125rem;
	line-height: 1.5;
}

.body-text a:not([class])
{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: var(--accent);
}

.body-text a:not([class]):hover
{
	border-bottom-color: var(--accent);
}

.body-text h2
{
	color: var(--accent);
	font-size: inherit;
	margin-top: 1.5rem;
}

.body-text h3
{
	font-family: 'Avenir', sans-serif;
	font-size: inherit;
	font-weight: 900;
	margin-top: 1.5rem;
}

.body-text address
{
	font-style: normal;
	margin-bottom: 1.5rem;
}

.body-text blockquote
{
	color: #AD9A63;
	font-family: 'Ciutadella', serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3125;
	margin: 2rem 0;
	padding-left: 4rem;
	position: relative;
	quotes: none;
}

.body-text blockquote::before { content: '\201C'; margin-left: -1ex; position: absolute; }
.body-text blockquote::after { content: '\201D'; }

.body-text blockquote p { display: inline; }

.body-text img
{
	height: auto;
	max-width: 100%;
}

.body-text p
{
	margin-bottom: 1.5rem;
}

.body-text table
{
	font-family: 'Avenir', sans-serif;
	font-size: 0.875rem;
}

.body-text table td
{
	border-bottom: 1px solid var(--light);
	line-height: 1.8em;
	padding: 0.875rem 0.3125rem;
}

.body-text ol,
.body-text ul
{
	margin-bottom: 1.5rem;
	padding-left: 1.5rem;
}

.body-text section
{
	background-color: #5DA5BB;
	color: #FFF;
	font-family: 'CachetPro', sans-serif;
	font-weight: 500;
	overflow: hidden;
	padding: 2rem;
	margin: 2rem 0;
}

.body-text section > :first-child { margin-top: 0; }
.body-text section > :last-child { margin-bottom: 0; }

.body-text section h2:first-child,
.body-text section h3:first-child
{
	font-family: 'CachetPro', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	text-transform: uppercase;
}

.body-text section h2:first-child::before,
.body-text section h3:first-child::before
{
	border: 0.5rem solid transparent;
	border-left-color: #000;
	border-right-style: none;
	content: '';
	display: inline-block;
	margin-right: 0.625rem;
	height: 0;
	width: 0;
}

.body-text section strong
{
	color: #000;
	font-family: 'Avenir', sans-serif;
	font-weight: 900;
}

.body-text .sidenote
{
	background-color: #5DA5BB;
	color: #FFF;
	padding: 0.5rem 1rem;
	position: relative;
	margin-block: 1.5rem;
}

.body-text .sidenote::before
{
	border: 4px solid #5DA5BB;
	border-radius: 7px;
	content: '';
	height: 6px;
	left: -9px;
	position: absolute;
	top: -9px;
	width: 6px;
}

.body-text .sidenote a
{
	border-bottom: none;
	color: #FFF !important;
}

.body-text .sidenote a::after
{
	content: '\203A';
	margin-left: 0.5rem;
}

.body-text .wp-embedded-content
{
	display: none;
}

.body-text .readmore
{
	align-items: start;
	border: 1px solid var(--light);
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	margin-block: 1rem;
	padding: 1rem;
}

.body-text .readmore + .readmore
{
	margin-top: -1rem;
	padding-top: 0;
}

.body-text .readmore-thumbnail
{
	display: block;
	height: auto;
	max-width: 20vw;
	width: 170px;
}

.body-text .readmore-info .readmore-title
{
	display: block;
	font-family: var(--serif), serif;
	font-size: 1.25rem;
	font-weight: bold;
	text-decoration: none;
}

.body-text .readmore-info .readmore-excerpt
{
	font-size: 1rem;
	margin-bottom: 0;
}

.btn
{
	background: var(--branding-primary);
	border: none;
	color: #FFF;
	display: inline-block;
	font-family: 'Avenir', sans-serif;
	line-height: 3;
	padding-inline: 1rem;
	text-align: center;
}

.btn-more
{
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.btn-more::before
{
	content: '\F067';
	font-family: FontAwesome;
	margin-right: 0.875rem;
}

.btn-info
{
	background-color: #FFFEFE;
	background-image: linear-gradient(to bottom, #FFFEFE, #F9EDE0);
	border: 1px solid transparent;
	color: #000;
	float: right;
	margin-top: 1rem;
	padding: 0.5rem 1.125rem;
}

.btn-to-cart
{
	align-self: center;
	background-color: var(--branding-primary);
	color: #FFF;
	font-size: 0.75rem;
	line-height: 1.5rem;
	margin-left: auto;
	padding-inline: 0.5rem;
}

.hero-image
{
	margin-bottom: 1rem;
}

.hero-image img
{
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.hero-image.hero-image-left
{
	float: left;
	margin-right: 1rem;
	width: 40%;
}

.hero-image.hero-image-right
{
	float: right;
	margin-left: 1rem;
	width: 40%;
}

.share .fa { font-size: 1.5rem; padding: 0.25rem; }
.share .fa-twitter { color: #1DA1F2; }
.share .fa-linkedin { color: #0077B5; }
.share .fa-facebook { color: #3B5998; }
.share .fa-whatsapp { color: #25D366; }

/* Forms */

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea
{
	background: #FFF;
	border: 1px solid #E3E3E3;
	font-family: 'Avenir', sans-serif;
	font-size: 0.875rem;
	min-height: 2.5rem;
	padding: 0 1rem;
}

textarea
{
	min-height: 4rem;
	padding: 0.25rem;
}


/* Scaffolding: header */

#site-header
{
	background: #FFF;
}

.home #site-header
{
	background: transparent;
}

#topbar
{
	background: #000;
	border-bottom: 5px solid var(--branding-secondary);
	color: #808080;
	display: none;
	font-size: 11px;
	text-transform: uppercase;
}

#topbar .menu
{
	display: flex;
	flex-direction: row;
	gap: 1.5rem;
	justify-content: flex-end;
}

#topbar .menu-item
{
	flex: 0 0 auto;
	line-height: 3;
}

#topbar .menu-item:first-child
{
	color: #FFF;
	margin-right: auto;
}

#topbar .menu-item:first-child a::before
{
	content: '\F015';
	font-family: FontAwesome;
	margin-right: 0.25rem;
}

#topbar a[target]:hover
{
	color: #FFF;
}

#navbar
{
	font-weight: 900;
	line-height: 3;
}

#navbar .pillar
{
	display: flex;
	flex-direction: row;
}

#logo-link
{
	margin-top: 3rem;
	padding: 2rem 2rem 1rem 0;
}

#navbar .menu
{
	display: flex;
	flex-direction: row;
}

#menu-top
{
	position: absolute;
	right: 0.5rem;
	top: 3.75rem;
}

#menu-top > .menu > li > a,
#nav-meta > .menu > li > a
{
	display: inline-block;
	padding-inline: 1rem;
}

#toggle-hoofdmenu
{
	display: inline-block;
	font-size: 2rem;
	padding: 1rem;
}

#menu-top.open i.fa-bars
{
	background-color: var(--accent);
	color: #FFF;
}

#toggle-hoofdmenu i.fa-bars
{
	display: block;
	padding: 0.5rem;
}

#navbar #menu-hoofdmenu
{
	display: none;
}

#menu-top.open #menu-hoofdmenu
{
	background: #FFF;
	box-shadow: 0 9px 12px rgba(0,0,0,0.5);
	display: block;
	padding: 1rem 1.5rem;
	position: absolute;
	right: -0.5rem;
	width: 100vw;
	z-index: 2;
}

#nav-meta
{
	background: #000;
	border-bottom: 5px solid var(--accent);
	flex-basis: 100%;
	left: 0;
	order: -1;
	right: 0;
	position: absolute;
}

#nav-meta #link-search-container
{
	margin-left: auto;
}

.no-js #nav-meta #link-search
{
	display: none;
}

#nav-main
{
	color: #777;
	text-transform: uppercase;
}

#nav-main > .pillar
{
	background: #FFF;
	flex-direction: column;
	position: relative;
}

#nav-main .sub-menu-container
{
	background: var(--light);
	border-bottom: 5px solid var(--accent);
	color: #555;
	display: none;
	flex-direction: row;
	font-weight: 500;
	left: 0;
	margin-top: -1px;
	padding: 2rem 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 100%;
	z-index: 1;
}

#nav-main li.menu-item-has-children:hover
{
	background: var(--light);
	color: #000;
}

#nav-main .sub-menu-container h3
{
	color: #000;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5em;
	margin-bottom: 2rem;
	position: relative;
}

#nav-main .sub-menu-container h3::after
{
	border-bottom: 1px solid var(--accent);
	bottom: -15px;
	content: '';
	left: 0;
	position: absolute;
	width: 2.25rem;
}

#nav-main .sub-menu-wrapper
{
	padding: 0 2rem;
}

#nav-main .sub-menu
{
	list-style: none;
}

#nav-main .sub-menu li
{
	line-height: 1.5em;
	padding-left: 1rem;
	position: relative;
}

#nav-main .sub-menu a
{
	display: block;
}

#nav-main .sub-menu a::before
{
	content: '\203A';
	left: 0;
	position: absolute;
}

#nav-main .sub-menu-a
{
	flex: 0 0 25%;
	font-size: 1.125rem;
}

#nav-main .sub-menu-a::before
{
	content: ' ';
	display: block;
	font-size: 1.125rem;
	height: 1.5em;
	margin-bottom: 2rem;
}

#nav-main .sub-menu-b
{
	border-color: #DDD;
	border-style: none solid;
	border-width: 0 1px;
	flex: 1 0 50%;
	font-size: 0.9375rem;
}

#nav-main .sub-menu-b .sub-menu
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#nav-main .sub-menu-a a
{
	padding-block: 0.625rem;
}

#nav-main .sub-menu-b .menu-item
{
	flex: 1 1 50%;
}

#nav-main .sub-menu-b a
{
	padding-block: 0.4375rem;
}

#nav-main .sub-menu-c
{
	flex: 0 0 25%;
	font-size: 0.9375rem;
	padding: 0 2rem;
}

#nav-main .sub-menu-c img
{
	height: auto;
	max-width: 100%;
	width: 100%;
}

#nav-main .sub-menu-c p
{
	line-height: 1.75;
}

#nav-main .extra-menu
{
	list-style-type: none;
}

#nav-main .more-link
{
	color: var(--accent);
}

#nav-sub
{
	border-top: 1px solid #E7E7E7;
	box-shadow: 0 9px 12px rgba(0,0,0,0.05);
	font-family: "CachetPro", sans-serif;
	font-weight: normal;
	position: relative;
}

#nav-sub .pillar
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	position: relative;
}

#nav-sub .menu-item-has-children
{
	position: relative;
}

#nav-sub .menu-item-has-children > ul.menu
{
	display: none;
}

#nav-sub .menu-container > .menu-title
{
	display: inline-block;
	line-height: 3;
	white-space: nowrap;
}

#nav-sub .menu-item-has-children > .menu-title::after
{
	content: '\F0D7';
	font-family: FontAwesome;
	margin: 0 2rem 0 0.5rem;
}

#nav-quick
{
	flex: 1 1 100%;
	margin-inline: -16px;
}

#nav-quick > .menu-title
{
	border-bottom: 2px solid var(--accent);
	border-right: 1px solid #E7E7E7;
	padding-inline: 1rem;
}

#nav-quick .menu-item:hover
{
	color: var(--accent);
}

#nav-sub #nav-quick > .menu-title
{
	display: block;
}

#nav-extra
{
	display: none;
}

#nav-extra > ul.menu
{
	display: block;
	white-space: nowrap;
}

#nav-extra > ul.menu > li.menu-item-extra
{
	display: inline-block;
}

#nav-extra li.menu-item-extra a
{
	display: inline-block;
	margin-inline: 1em;
}

#nav-extra #menu-overflow
{
	display: none;
	margin-top: 2px;
}

#nav-extra #menu-item-overflow > .menu-title::after
{
	content: '\F0D7';
	font-family: FontAwesome;
	margin: 0 2rem 0 0.5rem;
}

#nav-extra .menu-title.open,
#nav-extra .menu-item-current
{
	color: var(--accent);
}

#nav-sub .menu-item-has-children ul.menu.open
{
	background: #FFF;
	border: 1px solid #DFDFDF;
	box-shadow: 0 4px 8px rgba(0,0,0,.09);
	display: block !important;
	position: absolute;
	top: 100%;
	z-index: 1;
}

#nav-sub .menu-item-has-children .menu-item
{
	padding: 3px 12px;
}

@media (min-width: 1280px)
{
	#topbar { display: block; }
	#logo-link { margin-top: 0; }
	#link-subscribe span { border-radius: 3px; border-style: solid; border-width: 1px; color: #00A727; padding: 0.4rem; }
	#nav-main > .pillar { flex-direction: row; }
	#nav-main li:hover > .sub-menu-container { display: flex; }
	#toggle-hoofdmenu { display: none; }
	#menu-top { position: static; }
	#navbar #menu-hoofdmenu { display: flex; }
	#nav-meta { background: transparent; border-bottom: none; flex-basis: auto; margin-left: auto; order: 0; position: static; }
	#nav-meta #link-subscribe { padding: 0; }
	#nav-meta #link-search-container { margin-left: 0; }
	#menu-top > .menu > li > a { line-height: 6.875rem; } 
	#nav-meta > .menu > li > a { line-height: 6.875rem; }
	#nav-extra { display: block; }
	#nav-quick { flex: 0 0 auto; margin-inline: 0; }
	#nav-quick > .menu-title { margin-right: 0.5rem; padding-inline: 0; }
}

/* Scaffolding: footer */

#site-footer
{
	background: var(--footer-bkg);
	color: #FFF;
	margin-top: 2rem;
	padding: 3rem 0;
}

#site-footer .inner-pillar
{
	display: flex;
	flex-direction: column;
	max-width: 860px;
}

#site-footer address
{
	font-size: 0.75rem;
	font-style: normal;
	margin: 3rem -1.25rem 0;
	text-align: center;
}

#site-footer address span
{
	border-left: 1px solid #2A2A2A;
	padding-inline: 1.25rem;
}

#site-footer address span:first-child
{
	border-left-style: none;
}

#site-footer h4
{
	font-size: 1.125rem;
	line-height: 1em;
	margin-bottom: 1rem;
}

#menu-footer
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-around;
	margin-bottom: 3rem;
}

#footer-meta
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#footer-meta .mnl-signup,
#footer-meta #social-media
{
	flex-basis: 50%;
}

#footer-meta #mobility-media
{
	flex-basis: 100%;
	margin-top: 3rem;
}

#footer-meta .mnl-signup input,
#footer-meta .mnl-signup button
{
	line-height: 3rem;
}

#menu-social
{
	display: flex;
	font-size: 2rem;
	justify-content: flex-end;
	line-height: 3rem;
}

#menu-social a
{
	padding-inline: 1rem;
}

#menu-mobility
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#menu-mobility li
{
	flex-basis: 100%;
}

#menu-mobility a::before
{
	content: '\203A';
	margin-right: 0.625rem;
}

@media (min-width: 640px)
{
	#menu-mobility li
	{
		flex-basis: 50%;
	}
}

@media (min-width: 768px)
{
	#menu-mobility li
	{
		flex-basis: 33.33333%;
	}
}

#gdpr-consent
{
	font-family: "Avenir", sans-serif;
}

#gdpr-consent a
{
	color: var(--light);
	text-decoration: underline;
}

#gdpr-consent button
{
	border-radius: 0;
}

#gdpr-consent button:hover
{
	background-color: var(--accent);
	color: #FFF;
}

/* Content: loop */

.has-label::before
{
	background-color: var(--accent);
	color: #FFF;
	content: attr(data-label);
	font-family: "CachetPro", sans-serif;
	font-size: 0.5625rem;
	font-weight: 500;
	line-height: 1.5rem;
	padding-inline: 0.3125rem;
	text-transform: uppercase;
}

.has-label.label-management::before { background-color: var(--accent-mgmt, #C2191A); }
.has-label.label-advertorial::before { background-color: var(--accent-partner, #9AA7AE) !important; content: 'Advertorial' !important; }
.has-label.label-partnercontent::before { background-color: var(--accent-partner, #9AA7AE) !important; content: 'Brandstory' !important; }
.has-label.label-persbericht::before { background-color: var(--accent-press, #EE8E2A) !important; content: 'Persbericht' !important; }
.has-label.label-premium::before { background-color: var(--accent-premium, #19A113) !important; content: 'Premium' !important; }
.has-label.label-werkplaats::before { background-color: var(--accent-wkplts, #006D8E); }

.loop-small .has-label::before { content: none; }

.loop
{
	display: flex;
	flex-direction: column;
}

.loop .post-title
{
	font-size: 1.125rem;
}

.loop .thumbnail
{
	display: block;
	height: auto;
	width: 120px;
}

.loop .thumbnail-placeholder
{
	background: #EEE;
	display: block;
	height: 90px;
	width: 120px;
}

.loop article
{
	border-bottom: 1px solid var(--light);
	display: flex;
	flex-direction: row;
	gap: 1rem;
	padding: 1rem 1.25rem;
}

.loop article .meta
{
	color: #999;
	display: flex;
	flex-direction: row;
	font-family: 'CachetPro', sans-serif;
	font-size: 0.75rem;
	font-weight: 500;
	justify-content: space-between;
}

.loop article .summary
{
	display: flex;
	flex-direction: column;
	flex: 1 1 50%;
}

.loop article .summary a:hover .post-title
{
	color: var(--accent-light);
}

.loop article .thumbnail-wrapper
{
	position: relative;
}

.loop article .thumbnail-wrapper .has-label::before
{
	bottom: 0;
	left: 0;
	position: absolute;
}

.loop article .cats
{
	color: var(--accent-light);
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	list-style-type: none;
	text-transform: uppercase;
}

.loop .has-label
{
	display: block;
	position: relative;
}

.loop .adv
{
	border-bottom: 1px solid var(--light);
	padding: 1rem 0;
	text-align: center;
}

.loop.loop-archive
{
	border-top: 1px solid var(--light);
	margin-top: 1rem;
}

.loop.loop-archive article
{
	flex-wrap: wrap;
	transition: background 0.5s ease 0s;
}

.loop.loop-archive article:hover
{
	background: #F4F4F4;
}

.loop.loop-archive .dossiers
{
	display: none;
	flex: 1 1 100%;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
}

.loop.loop-archive .dossiers li
{
	flex: 0 0 25%;
	margin-top: 1rem;
}

.loop.loop-archive .dossiers a
{
	border-bottom: 1px solid #E5E5E5;
	color: #777;
}

.loop.loop-archive .dossiers a:hover
{
	border-bottom-color: var(--accent);
	color: #000;
}

.loop.loop-featured
{
	border: none;
	color: white;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.loop.loop-featured article
{
	background-position: center;
	background-size: cover;
	border: none;
	height: 200px;
	position: relative;
}

.loop.loop-featured article.has-label::before
{
	font-size: 0.75rem;
	left: 0;
	line-height: 1.6rem;
	padding-inline: 0.625rem;
	position: absolute;
	top: 0;
}

.loop.loop-featured a
{
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.5s ease 0s;
}

.loop.loop-featured a:hover
{
	background: rgba(0,0,0,0.25);
}

.loop.loop-featured h2
{
	background: rgba(0,0,0,0.2);
	bottom: 0;
	left: 0;
	line-height: 1.2;
	padding: 0.75rem 1rem;
	position: absolute;
	right: 0;
}

ul.loop
{
	list-style-type: none;
}

ul.loop li
{
	border-top: 1px solid var(--light);
	flex-basis: 25%;
	padding: 1rem;
}

ul.loop a
{
	display: grid;
	gap: 0 1rem;
	grid-template-columns: 120px 1fr;
}

ul.loop a > *
{
	grid-column-start: 2;
}

ul.loop .thumbnail-wrapper
{
	grid-area: 1 / 1 / span 3 / span 1;
}

ul.loop .has-label::before
{
	bottom: 0;
	left: 0;
	position: absolute;
}

ul.loop .post-title
{
	font-family: 'Avenir', sans-serif;
	font-size: 1.125rem;
	font-weight: normal;
}

ul.loop time
{
	color: #999;
	font-family: 'CachetPro', sans-serif;
	font-size: 0.75rem;
	text-transform: uppercase;
}

@media (min-width: 768px)
{
	.loop.loop-archive .dossiers
	{
		display: flex;
	}
	
	.loop.loop-featured
	{
		flex-direction: row;
	}
	
	.loop.loop-featured article
	{
		flex-basis: 33%;
	}
	
	ul.loop
	{
		flex-direction: row;
		gap: 1rem;
	}
	
	ul.loop li
	{
		border: none;
		padding: 0;
	}
	
	ul.loop a
	{
		display: flex;
		flex-direction: column;
	}
	
	ul.loop .thumbnail
	{
		max-width: 100%;
		width: auto;
	}
	
	ul.loop .post-title
	{
		margin: 1rem 0;
		line-height: 1.5;
	}
}

ul.loop.loop-read-more
{
	flex-wrap: wrap;
}

ul.loop.loop-read-more li
{
	flex-basis: calc(50% - 0.5rem);
}

ul.loop.loop-read-more a
{
	display: grid;
}

ul.loop.loop-read-more .post-title
{
	font-family: "Ciutadella", serif;
	font-weight: 500;
	margin: 0;
}

ul.loop.loop-read-more .has-label::before
{
	display: none;
}

/* Content: paging */

.pager
{
	padding-block: 2rem;
	text-align: center;
}

.pager ol
{
	color: #999;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	margin-top: 1rem;
}

.pager ol a
{
	padding: 1rem;
}

.pager .current
{
	color: #000;
}

/* Content: newsletter forms */

.mnl-signup
{
	display: flex;
}

.mnl-signup.mnl-signup-full
{
	margin-bottom: 0;
}

.mnl-signup .mnl-field-email
{
	flex: 1 1 auto;
}

.mnl-signup .mnl-field-submit
{
	display: flex;
}

.mnl-signup input
{
	background: #FFF;
	border: none;
	color: #000;
	line-height: 3rem;
	padding: 0 1rem;
	width: 100%;
}

.mnl-signup button
{
	background: #000;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 2rem;
	line-height: 3rem;
	padding: 0 1rem;
}

/* Content: sidebar */

#sidebar
{
	display: none;
	flex-direction: column;
	gap: 1rem;
	grid-area: sidebar;
}

.widget
{
	border: 1px solid var(--light);
}

@media (min-width: 1024px)
{
	#main-news #showcase
	{
		grid-area: 1 / 1 / span 1 / span 1;
	}
	
	#main-news #news
	{
		grid-area: 2 / 1 / span 1 / span 1;
	}
	
	#main-news #sidebar
	{
		grid-area: 1 / 2 / span 2 / span 1;
	}
	
	#primary
	{
		display: grid;
		gap: 1rem;
		grid-template-areas: "body sidebar";
		grid-template-columns: 1fr 300px;
		grid-template-rows: auto 1fr;
	}
	
	#sidebar
	{
		display: flex;
	}
}

/* Widget: advertisement */

.widget.widget-adv
{
	border: none;
}

/* Widget: sold cars */

.widget_cars-sold
{
	background: #F3F3F3;
	border-color: #CCC;
	font-size: 0.75rem;
	padding: 2rem 1.5rem;
	text-align: center;
	text-transform: uppercase;
}

.widget_cars-sold h3
{
	color: var(--accent);
	font-family: 'Avenir';
	font-size: 1rem;
	font-weight: 900;
}

.widget_cars-sold p
{
	margin: 1rem 0;
}

.widget_cars-sold span
{
	background: linear-gradient(to bottom, #3F3F3F 49%, #303030 51%);
	border: 1px solid #000;
	color: #FFF;
	display: inline-block;
	line-height: 2rem;
	margin: 0 0.25rem;
	width: 2rem;
}

/* Widget: loops */

.widget_loops ul.loop
{
	border-top: none;
	display: flex;
	flex-direction: column;
	list-style-type: none;
	padding: 0.625rem 1.25rem;
}

.widget_loops ul.loop li
{
	border: none;
	padding: 0;
}

.widget_loops ul.loop a
{
	display: grid;
	grid-template-columns: 80px 1fr;
}

.widget_loops ul.loop .thumbnail
{
	width: 80px;
}

.widget_loops ul.loop .post-title
{
	color: #333;
	font-family: 'Ciutadella', serif;
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
}

.widget_loops .loop-small a:hover,
.widget_loops a:hover .post-title
{
	color: var(--accent);
}

.widget_loops .tab-title
{
	border-bottom: 1px solid var(--light);
	font-family: 'CachetPro', sans-serif;
	font-weight: 500;
	padding: 1rem;
}

.widget_loops .tabbar
{
	border-bottom: 1px solid var(--light);
	display: flex;
	flex-direction: row;
	font-family: 'CachetPro', sans-serif;
	font-weight: 500;
	justify-content: flex-start;
	list-style-type: none;
}

.widget_loops .tabbar a
{
	border-bottom: 2px solid transparent;
	display: inline-block;
	padding: 0.625rem;
	padding-bottom: 0.5rem;
}

.widget_loops .tabbar a.active
{
	border-bottom-color: var(--branding-secondary);
}

.widget_loops footer
{
	border-top: 1px solid var(--light);
	font-family: 'CachetPro', sans-serif;
	font-weight: 700;
	padding: 1rem;
}

.widget_loops .tab.active
{
	display: block !important;
}

.widget_loops .tab + .tab .tab-title
{
	border-top: 1px solid var(--light);
}

.no-js .widget_loops .tabbar,
.has-js .widget_loops .tab,
.has-js .widget_loops .tab .tab-title
{
	display: none;
}

.widget_loops ul.loop-small-jobs
{
	font-family: 'Ciutadella', serif;
	font-weight: 500;
}

.widget_loops ul.loop-small-jobs li
{
	padding-block: 0.625rem;
}

.widget_loops ul.loop-small-jobs li a
{
	display: block;
}

/* Widget: newsletter */

.widget_newsletter
{
	background: var(--accent);
	color: #FFF;
	padding: 1rem 1.125rem;
}

.widget_newsletter p
{
	font-family: 'Ciutadella', serif;
	font-size: 1.375rem;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.5;
	margin-bottom: 0.75rem;
}

.widget_newsletter label,
.widget_newsletter button span
{
	display: none;
}

.widget_newsletter input
{
	line-height: 2rem;
}

.widget_newsletter button
{
	background: var(--accent-dark, #780F10);
	font-size: 1rem;
	line-height: 2rem;
}

.widget_newsletter button::before
{
	content: '\F0E0';
	font-family: FontAwesome;
}

/* Homepage */

.home section
{
	padding-block: 2rem;
}

#main-news
{
	padding-top: 0;
}

.home #news .excerpt
{
	display: news;
}

.loop footer
{
	margin-top: 2rem;
}

.loop footer .btn-more
{
	background: var(--branding-primary);
}

.section-heading
{
	color: #8B9397;
	font-family: 'CachetPro', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-bottom: 2.75rem;
	text-transform: uppercase;
}

.section-heading span
{
	color: #000;
}

#showcase article
{
	height: 300px;
}

#youtube-live
{
	padding: 0;
}

#youtube-live > .youtube-embed
{
	height: 100%;
	width: 100%;
}

#uitgelicht-persbericht .excerpt
{
	display: none;
}

#automotive-video
{
	background: #000;
}

#automotive-video .section-heading span
{
	color: #FFF;
}

#video-list-wrapper
{
	color: #AAA;
	display: flex;
	flex-direction: column;
}

#video-list-wrapper .video-title
{
	font-size: 0.875rem;
	font-weight: normal;
	transition: color 0.5s ease 0s;
}

#video-list-wrapper .video-title:hover
{
	color: #FFF;
}

#video-list-wrapper .active .video-title:hover
{
	color: var(--accent);
}

#video-list-wrapper .video-date
{
	color: #FFF;
	font-size: 0.875rem;
	margin-top: 1rem;
}

#video-current-wrapper
{
	flex: 0 0 66.666666%;
	position: relative;
}

#video-current-wrapper::before
{
	content: '';
	display: block;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}

#video-current
{
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#automotive-agenda
{
	background: #9AA7AE;
	color: #FFF;
}

#video-list
{
	position: relative;
}

#video-list-items
{
	height: 100%;
	overflow: hidden;
}

#video-list .video-list-item
{
	border-bottom: 1px solid #333;
	cursor: pointer;
	display: grid;
	gap: 0 1rem;
	grid-template-columns: 120px 1fr;
	grid-template-rows: auto 1fr;
	padding: 1rem;
}

#video-list .video-list-item.active
{
	background: #FFF;
	color: #000;
}

#video-list .video-list-item.active .video-date
{
	color: #000;
}

#video-list .video-thumbnail
{
	grid-area: 1 / 1 / span 2 / span 1;
	height: auto;
	max-width: 120px;
}

#video-list .video-title
{
	grid-area: 1 / 2;
}

#video-list .video-date
{
	grid-area: 2 / 2;
}

#video-list .scroll
{
	background: rgba(0,0,0,0.75);
	color: #FFF;
	display: none;
	left: 0;
	height: 2rem;
	line-height: 2rem;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
}

#video-list .scroll-up { top: 0; }
#video-list .scroll-down { bottom: 0; }

#video-list .btn-more
{
	margin-top: 0.5rem;
	width: 100%;
}

#video-list .btn-more::before
{
	float: left;
	margin-right: -100%;
}

#automotive-agenda .section-heading
{
	color: inherit;
}

#automotive-agenda .agenda-items
{
	font-family: 'Avenir', sans-serif;
	font-size: 1.125rem;
	list-style-type: none;
	margin-bottom: 2rem;
}

#automotive-agenda .agenda-item a
{
	border-bottom: 1px solid #89949A;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1.125rem 0.5rem;
}

#automotive-agenda .agenda-item a:hover
{
	background-color: #89949A;
}

#automotive-agenda .agenda-item time
{
	display: none;
}

#automotive-agenda .btn-more
{
	background: var(--branding-primary);
}

#automotive-press .press-cta
{
	background-color: var(--accent-press);
	background-image: linear-gradient(to bottom, var(--accent-press), #E87F12);
	color: #FFF;
	overflow: hidden;
	padding: 2rem;
}

#automotive-press .press-cta h3
{
	font-size: 1.5rem;
}

#automotive-press .press-cta .btn-info
{
	border-color: #F0A75B;
}

#automotive-press .btn-more
{
	background: var(--accent-press);
}

#automotive-members
{
	background: #F3F3F3;
	border-color: var(--light);
	border-style: solid none;
	border-width: 1px 0;
}

#automotive-members time
{
	display: none;
}

#automotive-members .btn-more
{
	background: var(--accent-premium);
}

#automotive-jobs .jobs-wrapper
{
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}

#automotive-jobs .jobs-links
{
	font: 'Avenir', sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
	list-style-type: none;
}

#automotive-jobs .jobs-links li
{
	display: block;
	margin-bottom: 1.5rem;
}

#automotive-jobs .jobs-links a:hover
{
	color: var(--branding-primary);
}

#automotive-jobs .jobs-cta
{
	background-color: var(--accent-job);
	background-image: linear-gradient(to bottom, var(--accent-job), #00B0E0);
	color: #FFF;
	flex-basis: 25%;
	overflow: hidden;
	padding: 2rem;
}

#automotive-jobs .jobs-cta h3
{
	font-family: 'Avenir', sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
}

#automotive-jobs .jobs-cta .btn-info
{
	border-color: var(--accent-job);
}

#automotive-jobs .btn-more
{
	background-color: var(--accent-job);
}

@media (min-width: 480px)
{
	#showcase article
	{
		height: 200px;
	}
	
	#showcase article:first-child
	{
		height: 400px;
	}
}

@media (min-width: 768px)
{
	#uitgelicht-persbericht .excerpt
	{
		display: block;
	}
	
	#showcase
	{
		display: grid;
		height: 400px;
		grid-template-columns: 2fr 1fr;
	}
	
	#showcase article
	{
		height: auto;
	}
	
	#showcase article:first-child
	{
		grid-area: 1 / 1 / 3 / 2;
	}

	#showcase article:first-child .post-title
	{
		font-size: 1.5rem;
	}
	
	.home #news .excerpt
	{
		display: block;
	}
	
	#video-list-wrapper
	{
		flex-direction: row;
		max-height: 470px;
	}
	
	#automotive-agenda .agenda-item time
	{
		display: inline;
	}
	
	#automotive-jobs .jobs-wrapper
	{
		flex-direction: row;
	}

	#automotive-jobs .jobs-links
	{
		columns: 2;
		flex: 1 1 auto;
	}
	
	#automotive-jobs .jobs-links li
	{
		margin-bottom: 1rem;
	}
	
	#automotive-jobs .jobs-cta
	{
		flex-basis: 25%;
	}
}

/* Archive */

.archive-heading
{
	background: #EDEDED;
	border-bottom: 1px solid #DDD;
	color: #000;
	margin-bottom: 2rem;
	padding-block: 2rem;
}

.archive-heading h1
{
	display: flex;
	font-family: "Avenir", sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.4;
}

.archive-heading span
{
	color: #9AA7AE;
}

.archive-heading span::after
{
	content: '/';
	margin-left: 0.625rem;
}

.archive.tag .loop-basic a
{
	color: var(--accent);
	display: block;
	font-family: "Avenir", sans-serif;
	font-size: 1rem;
	margin-block: 0.3125rem;
}

/* Calendar */

.agenda-archive
{
	border-collapse: collapse;
	font-family: 'Avenir', sans-serif;
	margin-block: 1.5rem;
	width: 100%;
}

.agenda-archive thead
{
	font-size: 1.5rem;
}

.agenda-archive tr
{
	border-bottom: 1px solid var(--light);
}

.agenda-archive th,
.agenda-archive td
{
	font-weight: normal;
	padding: 1rem 0;
	text-align: left;
}

.agenda-archive td a
{
	color: var(--accent);
	font-weight: 900;
}

.agenda-content
{
	margin: 0 auto 2rem;
	max-width: 730px;
	width: 100%;
}

.agenda-content header time
{
	background: #DDD;
	color: #000;
	font-size: 0.8125rem;
	font-weight: 900;
	letter-spacing: 0.16em;
	line-height: 1.25rem;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
}

.agenda-title
{
	font-size: 2.375rem;
	font-weight: 500;
	margin-top: 1rem;
}

.agenda-content .body-text
{
	margin-block: 2rem;
}

.agenda-meta
{
	background: #9AA7AE;
	color: #333;
	margin-top: 4rem;
	padding: 2rem;
}

.agenda-meta h2
{
	color: #FFF;
	font-size: 1.625rem;
	font-weight: normal;
}

.agenda-meta table
{
	border-collapse: collapse;
	font-size: 1.125rem;
	width: 100%;
}

.agenda-meta th,
.agenda-meta td
{
	font-weight: normal;
	padding-block: 0.5rem;
	text-align: left;
}

.agenda-meta a
{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: var(--accent);
}

.agenda-meta a:hover
{
	border-bottom-color: var(--accent);
}

/* Dossier */

.tax-dossier .archive-heading h1
{
	font-size: 2.375rem;
}

/* Single page */

.page-heading
{
	background: #1E1E1E;
	color: #FFF;
	margin-bottom: 2rem;
	padding-block: 2rem;
}

.page-heading h1
{
	font-family: "Avenir", sans-serif;
	font-size: 2.375rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.4;
	max-width: 730px;
	margin: 0 auto;
}

.page-content#main
{
	margin: 0 auto 2rem;
	max-width: 730px;
	width: 100%;
}

.page-content .body-text
{
	line-height: 2;
}

@media (min-width: 1024px)
{
	.page-heading .page-title
	{
		padding-right: calc(300px + 1rem);
	}
	
	.page.page-template-ptl-bare .page-title
	{
		padding-right: 0;
	}
	
	.page.page-template-ptl-bare .page-title h1,
	.page.page-template-ptl-bare #main
	{
		margin-inline: auto;
		max-width: 860px;
	}
}

/* Single post */

.single #content
{
	margin-top: 2rem;
}

.post-content
{
	font-family: 'LyonText', serif;
}

.single-post #zapfline
{
	color: var(--branding-secondary);
	font-family: 'CachetPro', sans-serif;
	font-size: 1.375rem;
	font-weight: 500;
	margin-top: 1.5rem;
}

.single-post .intro-tag
{
	color: var(--accent);
	font-weight: bold;
}

h1.post-title
{
	font-family: 'Ciutadella', serif;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.2;
	margin-block: 1rem;
}

.premium-content h1.post-title span::after,
.partner-content h1.post-title span::after
{
	content: ' ';
}

.premium-content h1.post-title::after,
.partner-content h1.post-title::after
{
	display: inline-block;
	font-family: 'Avenir';
	font-size: 0.625rem;
	height: 1.5rem;
	line-height: 1.6rem;
	padding-inline: 0.25rem;
	position: relative;
	top: -0.5rem;
}

.premium-content h1.post-title::after
{
	background: transparent;
	border: 1px solid var(--accent-premium);
	color: var(--accent-premium);
	content: 'PREMIUM';
}

.partner-content h1.post-title::after
{
	background: var(--accent-partner);
	color: #FFF;
	content: 'BRANDSTORY';
}

.single-post #main
{
	margin: 0 auto 2rem;
	max-width: 730px;
	width: 100%;
}

.single-post #main .categories
{
	border-top: 1px solid var(--light);
	font-family: "CachetPro", sans-serif;
	font-size: 1rem;
	letter-spacing: 0;
	margin-top: 2rem;
	padding-block: 1.5rem;
}

.single-post #main .categories-list
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style-type: none;
	margin-top: 1rem;
}

.single-post #main .categories a
{
	background: var(--light);
	color: #000;
	padding: 0.25rem 0.75rem;
}

.single-post .meta
{
	display: flex;
	flex-direction: row;
	font-family: "CachetPro", sans-serif;
	font-size: 0.875rem;
	font-weight: normal;
	gap: 0 1rem;
	margin-bottom: 1rem;
}

.single-post #meta-top
{
	display: grid;
	grid-template-columns: 60px 1fr auto;
	grid-template-areas:
		"author-img author-name sharing"
		"author-img times sharing";
}

.single-post #meta-bottom
{
	border-color: var(--light);
	border-style: solid none;
	border-width: 1px 0;
	display: grid;
	grid-template-columns: 60px 1fr auto;
	grid-template-areas:
		"author-img author-name"
		"author-img author-bio"
		"author-img sharing";
	padding-block: 2rem;
}

.single-post .excerpt
{
	font-family: 'Ciutadella', serif;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 1rem;
}

.single-post .author-portrait
{
	border: 1px solid var(--accent);
	border-radius: 50%;
	grid-area: author-img;
	height: 3.75rem;
	padding: 2px;
	width: 3.75rem;
}

.single-post .author-name
{
	align-self: end;
	color: #000;;
	grid-area: author-name;
}

.single-post .author-bio
{
	color: #2A2A2A;
	font-family: LyonText;
	letter-spacing: 0;
}

.single-post .times
{
	color: #999;
	display: none;
	grid-area: times;
}

.single-post .share
{
	font-size: 0;
	grid-area: sharing;
}

.single-post #meta-top .share
{
	align-self: center;
}

.single-post #meta-bottom .share
{
	margin-top: 1rem;
}

.single-post #meta-bottom .share a
{
	margin-right: 0.5rem;
}

.single-post #single-read-more
{
	background: #F3F3F3;
	border-color: var(--light);
	border-style: solid none;
	color: #333;
	border-width: 1px 0;
	margin-bottom: 2rem;
	padding-block: 2rem;
}

.single-post #single-most-recent .section-heading span,
.single-post #single-read-more .section-heading a
{
	color: var(--accent);
}

.single-post #single-most-recent time
{
	display: none;
}

.post-template-ptl-partnercontent .body-text
{
	--accent: #999;
}

.post-template-ptl-partnercontent #meta-bottom
{
	display: block;
}

.post-template-ptl-interview .body-text h2
{
	font-style: italic;
}

.post-template-ptl-kennisbank .kennisbank-content header
{
	padding-top: 4rem;
}

.post-template-ptl-kennisbank .kennisbank-content header h1
{
	font-family: "Avenir", sans-serif;
	font-size: 2.375rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.post-template-ptl-kennisbank .body-text
{
	margin-bottom: 2rem;
}

@media (min-width: 768px)
{
	.single-post .times
	{
		display: block;
	}
	
	.single-post #meta-bottom
	{
		grid-template-areas:
			"author-img author-name sharing"
			"author-img author-bio sharing";
	}
	
	.single-post #meta-bottom .share
	{
		margin-top: 0;
	}
	
	.single-post #meta-bottom .share a
	{
		margin-left: 0.5rem;
		margin-right: 0;
	}
}

/* Comments */

.comments h4
{
	font-size: 1.125rem;
	font-weight: normal;
	margin-block: 1rem;
}

.comment-form .comment-wrapper
{
	background: #EDEDED;
	border: 1px solid #CBCBCB;
	color: #767676;
	font-size: 0.75rem;
	line-height: 1.75;
	margin: 1rem 0;
}

textarea[name=comment]
{
	background: #FFF;
	border-color: #CCC;
	border-style: none none solid;
	border-width: 1px;
	display: block;
	min-height: 16rem;
	padding: 8px;
	resize: vertical;
	width: 100%;
}

textarea[name=comment]:focus
{
	background-color: #F7F7F7;
}

#comment-chars-remaining
{
	margin-left: 0.5rem;
}

.comments-list
{
	border-top: 1px solid #DDD;
	margin-top: 1rem;
}

#comments
{
	font-size: 1.125rem;
	line-height: 1.6;
	list-style-type: none;
}

.comment
{
	background: #F7F7F7;
	border: 1px solid #CCC;
	color: #777;
	margin-bottom: 1rem;
	padding: 1rem;
}

.comment-meta span
{
	color: #3C452D;
	font-weight: 700;
	margin-right: 0.75rem;
}

.comment-meta time
{
	color: #999;
	font-size: 0.625rem;
	
}

/* FAQ */

.page-faq .page-heading h1,
.page-faq #main
{
	max-width: 860px;
}

dl.faq dt
{
	color: #355F74;
	margin-top: 1.5rem;
}

dl.faq dt.open
{
	color: var(--accent);
}

dl.faq dt::before
{
	color: black;
	content: '\F054';
	display: inline-block;
	font-family: FontAwesome;
	width: 1.75rem;
}

dl.faq dt.open::before
{
	content: '\F078';
}

dl.faq dd
{
	background: #F3F3F3;
	display: none;
	margin-top: 1.5rem;
	padding: 1.5rem 2rem;
}

dl.faq dd > :last-child
{
	margin-bottom: 0;
}

dl.faq dt.open + dd,
.no-js dl.faq dd
{
	display: block;
}

/* Author archive */

.author-heading
{
	background: #333;
	color: #FFF;
	padding-block: 3rem;
}

.author-heading .pillar
{
	max-width: 860px;
}

.author-heading h1
{
	font-size: 3.25rem;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 1rem;
}

.author-heading h2
{
	margin-top: 2rem;
}

.author-heading dl
{
	display: grid;
	gap: 0.75rem 0;
	grid-template-columns: 140px 1fr;
}

.author-heading .author-bio
{
	line-height: 1.8;
}

.author-heading .author-portrait
{
	border-radius: 50%;
	float: right;
	height: 128px;
	margin: 0 0 1rem 1rem;
	width: 128px;
}

.author-archive
{
	max-width: 960px;
}

.author-archive h2
{
	font-size: 2rem;
	font-weight: 500;
	margin-block: 4rem;
	text-align: center;
}

.author-archive table
{
	border-collapse: collapse;
	width: 100%;
}

.author-archive th,
.author-archive td
{
	padding: 1rem 0.25rem;
	text-align: left;
}

.author-archive tr > :last-child
{
	text-align: right;
}

.author-archive thead th
{
	border-bottom: 1px solid #999;
	font-weight: 500;
	font-size: 1.125rem;
}

.author-archive tbody td
{
	border-bottom: 1px solid var(--light);
}

.author-archive a
{
	border-bottom: 1px solid transparent;
	color: var(--accent);
}

.author-archive a:hover
{
	border-bottom-color: var(--accent);
}

/* Dossier overview */

.body-text ul.loop-dossiers
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.loop-dossiers > li
{
	border-bottom: 1px solid var(--light);
	color: #777;
	list-style-type: none;
	padding-block: 0.625rem;
}

.loop-dossiers a.dossier-link
{
	align-items: flex-start;
	display: flex;
	gap: 1rem;
}

.loop-dossiers img.dossier-thumbnail
{
	flex: 0 0 120px;
	height: auto;
	max-width: 120px;
	width: 100%;
}

.loop-dossiers span.dossier-title
{
	flex: 1 1 auto;
}

@media (min-width: 768px)
{
	.loop-dossiers
	{
		column-count: 2;
	}
}

/* Magazines */

.loop-magazines
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-family: 'Avenir', sans-serif;
	gap: 1rem;
	justify-content: center;
}

.loop-magazines .magazine-separator
{
	flex: 0 0 100%;
	font-size: 1.625rem;
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 1rem;
}

.loop-magazines .magazine-issue
{
	background-color: var(--light);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	box-shadow: 0 0 0.5rem rgba(0,0,0,0.5);
	flex: 0 0 150px;
	height: 205px;
	position: relative;
}

.loop-magazines .magazine-cover,
.loop-magazines .magazine-link
{
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.loop-magazines .magazine-link
{
	align-items: center;
	background-color: rgba(0,0,0,0.75);
	color: #FFF;
	display: flex;
	flex-direction: column;
	font-size: 0.875rem;
	justify-content: center;
	opacity: 0;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.loop-magazines .magazine-title
{
	font-size: 1rem;
	font-weight: 500;
}

.loop-magazines .magazine-link:hover
{
	opacity: 1;
}

@media (min-width: 348px)
{
	.loop-magazines
	{
		justify-content: flex-start;
	}
}

@media (min-width: 664px)
{
	.loop-magazines .magazine-issue
	{
		flex-basis: 200px;
		height: 273px;
	}
	
	.loop-magazines .magazine-title
	{
		font-size: 1.25rem;
	}
}

@media (min-width: 964px)
{
	.loop-magazines .magazine-issue
	{
		flex-basis: 300px;
		height: 410px;
	}
	
	.loop-magazines .magazine-title
	{
		font-size: 1.5rem;
	}
}

/* Shop */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message
{
	background-color: #F7F6F7;
	border-top: 3px solid #A46497;
	color: #515151;
	font-size: 1rem;
	line-height: 2;
	margin: 0 0 2em;
	overflow: hidden;
	padding: 1em 2em 1em 3.5em;
	position: relative;
	word-wrap: break-word;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before
{
	display: inline-block;
	font-family: FontAwesome;
	left: 1.5em;
	position: absolute;
	top: 1em;
}

.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button
{
	background-color: #DFDCDE;
	border: none;
	border-radius: 3px;
	color; #515151;
	cursor: pointer;
	float: right;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	padding: 0.618em 1em;
	text-decoration: none;
}

.woocommerce-message { border-top-color: #8FAE1B; }
.woocommerce-message::before { color: #8FAE1B; content: '\F058'; }

.single-product #main
{
	margin: 0 auto 2rem;
	max-width: 730px;
	width: 100%;
}

.single-product .shop-title
{
	font-family: 'Avenir', sans-serif;
	font-size: 2.375rem;
	font-weight: 500;
	padding-block: 1rem;
}

.single-product .product-image
{
	height: auto;
	width: 100%;
}

.single-product .shop-description,
.single-product .add-to-cart
{
	font-family: 'Avenir', sans-serif;
	font-size: 1.125rem;
	line-height: 2;
}

.single-product .shop-description h2
{
	font-family: 'Avenir', sans-serif;
	font-size: 1.875rem;
	font-weight: 500;
}

.single-product .shop-description p
{
	margin-bottom: 1.5625rem;
}

.single-product .pricing .amount
{
	font-size: 1.375rem;
}

.post-type-archive-product .products,
.tax-product_cat .products
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-family: 'Avenir', sans-serif;
	gap: 2rem;
}

.post-type-archive-product .products li,
.tax-product_cat .products li
{
	align-items: flex-start;
	display: flex;
	flex: 0 0 calc(50% - 1rem);
	flex-direction: row;
	gap: 1rem;
}

.post-type-archive-product .products li img,
.tax-product_cat .products li img
{
	box-shadow: 0 0 10px rgba(0,0,0,0.37);
	height: auto;
	max-width: 98px;
}

.post-type-archive-product .products li h2.product-title,
.tax-product_cat .products li h2.product-title
{
	font-size: 1.125rem;
	font-weight: 400;
}

.post-type-archive-product .products li .category-name,
.tax-product_cat .products li .category-name
{
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.post-type-archive-product .products li p,
.tax-product_cat .products li p
{
	margin-bottom: 1em;
}

.post-type-archive-product .products li p a,
.tax-product_cat .products li p a
{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: var(--accent);
}

.post-type-archive-product .products li .pricing .amount,
.tax-product_cat .products li .pricing .amount
{
	font-size: 0.8125rem;
}

.add-to-cart .btn-add-to-cart
{
	background-color: var(--accent-premium, #19A113);
	font-weight: bold;
	text-transform: uppercase;
}

.add-to-cart fieldset
{
	border-color: var(--light);
	border-style: solid none none;
	border-width: 1px 0 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1rem 0;
	width: 100%;
}

.add-to-cart .pricing .amount
{
	color: var(--accent, #C2191A);
	display: block;
	font-family: 'Avenir', sans-serif;
	font-weight: 900;
}

.add-to-cart .quantity
{
	margin-left: 1rem;
	padding-inline: 0.5rem;
	text-align: center;
	width: 4rem;
}

.add-to-cart .tax-rate
{
	display: block;
	font-size: 0.6875rem;
	text-transform: uppercase;
}

.woocommerce .quantity .qty
{
	min-height: none;
	padding: 0;
}

.woocommerce .cart #coupon_code
{
	min-height: none;
}

.woocommerce .checkout #order_comments
{
	height: 8rem;
}

/* Search pop-up */

#search-container
{
	align-items: center;
	background: rgba(0,0,0,0.75);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}

#search-container .close
{
	color: white;
	cursor: pointer;
	font-size: 1.5rem;
	right: -4rem;
	position: absolute;
	top: -4rem;
}

.search-form
{
	align-items: stretch;
	display: flex;
	flex-basis: 360px;
	position: relative;
}

.search-form input[type=search]
{
	border: none;
	flex: 1 1 auto;
	line-height: 3;
	outline: none;
	padding: 0 1rem;
}

.search-form .btn-search
{
	background: #538AA5;
	cursor: pointer;
	flex: 0 0 auto;
	font-weight: bold;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
}

.search-form .btn-search:hover
{
	background: #000;
}

/* Search results */

body.search-results #content .pillar
{
	max-width: 860px;
}

#search-form-wrapper
{
	background: #1E1E1E;
	color: #FFF;
	padding-block: 2rem;
}

#search-form-wrapper p
{
	margin-top: 1rem;
}

#search-result-count
{
	background: var(--light);
	font-weight: bold;
	margin-bottom: 1rem;
	padding-block: 2rem;
}

.loop.loop-search article
{
	flex-direction: column;
	gap: 0.625rem;
	padding-inline: 0;
}

.loop.loop-search .post-title
{
	font-family: 'Avenir', sans-serif;
	font-size: 1.625rem;
	font-weight: 400;
}

/* Subscription stuff */

.pmgsub-nag
{
	border: 1px solid #00A727;
	clear: both;
	font-family: 'Avenir', sans-serif;
	margin-bottom: 2rem;
	padding: 1rem;
	position: relative;
}

.pmgsub-nag::before
{
	background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.74) 21%, #FFF 65%);
	bottom: 100%;
	content: '';
	height: 6rem;
	left: -1px;
	margin-bottom: 1px;
	position: absolute;
	right: -1px;
}

.pmgsub-nag hr
{
	background: #979797;
	border: none;
	display: block;
	height: 1px;
	margin: 1.5rem auto;
	width: 4rem;
}

.pmgsub-nag h3
{
	color: #00A727;
	font-size: 1.5rem;
	font-weight: normal;
	margin-top: 0;
	text-align: center;
}

.pmgsub-nag h3::before
{
	content: '\F1B9';
	display: block;
	font-family: FontAwesome;
	font-size: 2rem;
}

.pmgsub-nag a
{
	border: none !important;
	color: #00A727;
	text-decoration: underline;
}

.pmgsub-nag strong a
{
	color: inherit;
	text-decoration: none;
}

/* Page: Login */

.page-login
{
	background: var(--light);
}

.page-login .body-text
{
	font-size: 0.875rem;
}

.page-login h2
{
	color: black;
	font-size: 2rem;
	font-weight: normal;
	margin-block: 1rem;
}

.page-login .body-text .btn
{
	background: #19A113;
	color: #FFF;
	font-family: 'Avenir', sans-serif;
	font-size: 1.25rem;
	font-weight: 900;
	text-transform: uppercase;
}

.page-login .right ul
{
	list-style-type: none;
	padding-left: 1.5rem;
}

.page-login .right li
{
	break-inside: avoid;
	display: block;
	margin-bottom: 1rem;
	position: relative;
}

.page-login .right li::before
{
	color: #538AA5;
	content: '\F00C';
	font-family: FontAwesome;
	left: -1.5rem;
	position: absolute;
}

#loginform
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#loginform p.login-username,
#loginform p.login-password
{
	display: flex;
	flex-basis: 100%;
	flex-direction: row;
}

#loginform label
{
	flex: 0 1 40%;
	line-height: 2.5rem;
}

#loginform label + input
{
	flex: 1 1 auto;
}

#loginform p.login-remember
{
	flex: 1 1 auto;
	text-align: right;
}

#loginform p.login-submit
{
	flex: 0 0 auto;
	margin-left: 2rem;
}

#loginform input[type=submit]
{
	background: #538AA5;
	border: none;
	color: #FFF;
	font-family: 'Avenir', sans-serif;
	font-size: 1rem;
	font-weight: 900;
	line-height: 2.5rem;
	padding: 0 1rem;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

#loginform input[type=submit]:hover
{
	background: #000;
}

#loginform p.login-forgot-pw
{
	flex: 1 1 100%;
}

#loginform a.forgot-pw:not(:hover)
{
	color: var(--accent);
}

@media(min-width: 512px)
{
	.page-login .right ul
	{
		columns: 2;
	}
}

@media(min-width: 1024px)
{
	.page-login .body-text
	{
		display: grid;
		gap: 4rem;
		grid-template-columns: 1fr 1fr;
	}
}

/* Page: Formulekiezer */

.page-formulekiezer #content
{
	background: url(images/formulekiezer.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

.page-formulekiezer .page-heading
{
	background: transparent;
	margin: 0;
}

.page-formulekiezer .page-title
{
	line-height: 1.5;
	margin-inline: auto;
	max-width: 1040px;
	padding: 0 20px;
}

.page-formulekiezer .page-title h1
{
	background: #000;
	color: #FFF;
	display: inline-block;
	margin-top: 4em;
	padding: 0.3rem 1ex;
}

/* Page: Automotive Benchmarking Tool */

.page-automotive-benchmarktool #content
{
	background: url(images/rekentool.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

.page-automotive-benchmarktool .page-heading
{
	background: transparent;
	margin: 0;
}

.page-automotive-benchmarktool .page-title
{
	line-height: 1.5;
	margin-inline: auto;
	max-width: 900px;
	padding: 0 20px;
}

.page-automotive-benchmarktool .page-title h1
{
	background: #000;
	color: #FFF;
	display: inline-block;
	margin-top: 4em;
	padding: 0.3rem 1ex;
}

.page-automotive-benchmarktool main
{
	background-color: #f4f4f4;
	color: #2a2a2a;
	letter-spacing: 0.04em;
	max-width: 860px;
	padding: 3.125rem 6.25rem;
}

.page-automotive-benchmarktool main h2
{
	font-family: "avenir-medium", arial, helvetica, sans-serif;
	font-size: 1.875rem;
	line-height: 1.5em;
}

.page-automotive-benchmarktool main > p
{
	margin-bottom: 1.563rem;
	line-height: 2em;
}

.page-automotive-benchmarktool main fieldset
{
	border: none;
	display: flex;
	flex-direction: column;
}

.page-automotive-benchmarktool main fieldset.border-bottom
{
	display: block;
}

.page-automotive-benchmarktool main fieldset label
{
	flex-basis: 100%;
	font-size: 0.875rem;
	line-height: 2.5rem;
}

.page-automotive-benchmarktool main fieldset input
{
	border: 1px solid #e3e3e3;
	flex-basis: 100%;
	line-height: 2.5rem;
	outline: 0;
	padding: 0 1rem;
}

@media(min-width: 768px)
{
	.page-automotive-benchmarktool main fieldset { flex-direction: row; }
	.page-automotive-benchmarktool main fieldset label { flex: 0 0 40%; }
	.page-automotive-benchmarktool main fieldset input { flex: 0 1 60%; }
	.page-automotive-benchmarktool main #aftersales fieldset:nth-last-child(2)
	{
		display: grid;
		grid-template-columns: 40% 1fr;
	}
}

.page-automotive-benchmarktool main small
{
	font-size: .6em;
}

.page-automotive-benchmarktool main .margin-top
{
	margin-block: 1rem;
}

.page-automotive-benchmarktool main .border-bottom
{
	border-bottom: 1px solid #e9e9e9 !important;
}

.page-automotive-benchmarktool main input.btn
{
	background: #538aa6;
	border-radius: 0;
	color: #fff;
	flex-basis: 100%;
	font-family: 'avenir-black',sans-serif;
	height: 3.75rem;
	text-transform: uppercase;
	transition: all .3s ease;
}

.page-automotive-benchmarktool main input.btn:hover
{
	background: black;
}

.page-automotive-benchmarktool main #extended span
{
	color: #c2191a;
	font-family: "cachet-bold", sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 1.375rem 0;
}
.page-automotive-benchmarktool main #extended p
{
	margin-top: 1rem;
}

.page-automotive-benchmarktool main .span_16
{
	margin-bottom: 1rem;
}

.page-automotive-benchmarktool main #extended a.btn
{
	background: #538aa6;
	border-radius: 0;
	color: #fff;
	margin-left: 2rem;
	padding: .8rem 1rem;
	text-decoration: none;
}
.page-automotive-benchmarktool main #extended a.btn:hover
{
	background: black;
}

/* Page: Video */

#primary-video
{
	background: #000;
	color: #FFF;
	margin-top: -2rem;
	padding-block: 4rem;
}

#primary-video .video-title
{
	font-size: 2rem;
	font-weight: 400;
	margin-top: 1rem;
}

.loop-video
{
	flex-direction: row;
	flex-wrap: wrap;
}

.loop-video .video-item
{
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 1.375rem 3px rgba(0,0,0,0.06);
	cursor: pointer;
	flex-basis: 98%;
	flex-direction: column;
	gap: 0;
	margin: 1%;
	padding: 0;
}

.loop-video .video-thumbnail
{
	height: auto;
	width: 100%;
}

.loop-video .video-data
{
	padding: 1rem;
}

.loop-video .video-title
{
	font-size: 1.125rem;
	font-weight: 500;
	margin-bottom: 2rem;
}

.loop-video .video-date
{
	color: #ABABAB;
	display: block;	
}

.loop-video .video-description
{
	display: none;
}

@media(min-width: 640px)
{
	.loop-video .video-item { flex-basis: 48%; }
}

@media(min-width: 1024px)
{
	.loop-video .video-item { flex-basis: 23%; }
}