/* img radius */
 :root {
     /* Colors */
     --colorDarkBack: rgb(47, 41, 43);
     --colorLight: rgb(255, 255, 255);
     --colorDark: rgb(0, 0, 0);
     --colorDim: rgb(100, 100, 100);
     --colorLegend: rgb(240, 240, 240);
     --colorFigure: rgb(120, 120, 125);
     --colorOSCDark: rgb(136, 30, 113);
     --colorOSCLight: rgb(207, 31, 108);
     --colorPromoBackground: rgba(0, 0, 0, .75);
     --colorOSCLightActive: rgb(227, 51, 128);
     --colorOSCDarkActive: rgb(156, 40, 123);
     --boxShadow: rgba(0, 0, 0, .4) 0 0 5px;
     /* Sizes */
     --fontDefaultSize: 18px;
     --buttonSize: 60px;
     /* Header */
     --fontFamilyHeader: "futura-pt", sans-serif;
     --fontHeader: 500 16px/18px var(--fontFamilyHeader);
     --fontFooter: 18px/1.3em var(--fontFamilyHeader);
     --fontPromo: 22px/24px var(--fontFamilyHeader);
     --fontNavLink: 500 20px/40px var(--fontFamilyHeader);
	 --fontArticleTimeWeight: 500;
     /* Article - Header */
     --fontFamilyArticleHeader: var(--fontFamilyHeader);
     --fontArticleTitle: 200 22px/1.8em var(--fontFamilyHeader);
     --fontArticleTitleHeaderSize: 26px;
     --fontArticleTitleHeaderWeight: 800;
     --fontLineHeightArticleTitleHeader: 28px;
     --fontMarginArticleTitleHeader: -2px 0 0;
     --fontSizeArticleTitleMeta: 22px;
     --fontWeightArticleTitleMeta: 500;
     --lineHeightArticleTitleMeta: 22px;
     /* Article - Header - Mobile */
     --fontArticleTitleHeaderSizeMobile: 20px;
     --fontArticleTitleHeaderWeightMobile: 800;
     --fontLineHeightArticleTitleHeaderMobile: 24px;
     --fontMarginArticleTitleHeaderMobile: -4px 0 0;
     /* Article - Text */
     /* --fontArticleText: var(--fontDefaultSize)/1.4em nimbus-sans, sans-serif; */
     --fontArticleText: var(--fontDefaultSize)/1.4em  sofia-pro, nimbus-sans, sans-serif;
     --fontFigureSize: 16px;
     --fontFigureLineHeight: 18px;
     --fontArticleTD: 16px;
     --fontArticleLineHeight: 18px;
     --fontScore: 14px/16px var(--fontFamilyHeader);
     --fontArticleAsideLink: 28px/var(--buttonSize) var(--fontFamilyHeader);
     --fontArticleAsideLinkMobile: 16px;
     --fontSizeTimeDay: 52px;
	 /* Article - Table */
	 --tableBorderColor: rgba(0, 0, 0, .05);
     /* Next/Previous */
     --fontNextPrevious: 22px/var(--buttonSize) var(--fontFamilyHeader);
     /* Footer */
     --sizePunch: 48px;
 }

/*@media (prefers-color-scheme: dark) {
 :root {}
}*/
	 
* {
     -webkit-tap-highlight-color: rgba(48, 79, 136, 0);
 }

 *::-moz-focus-inner {
     border: 0;
 }

 ::selection {
     background-color: var(--colorOSCDark);
     color: var(--colorLight);
 }

 ::-moz-selection {
     background-color: var(--colorOSCDark);
     color: var(--colorLight);
 }

 body {
     background: var(--colorDarkBack);
     display: grid;
     grid-template-areas: '. header leftStripe''. main leftStripe''footer footer footer';
     grid-template-columns: auto 768px auto;
     grid-template-rows: 180px auto auto;
     margin: 0;
     min-height: 100vh;
 }
 
[href="#main"] {
	height: 0;
	left: 1%;
	overflow: hidden;
	position: absolute;
	text-indent: -10000px;
	top: 1%;
	width: 0;
	z-index: 1000;
}

[href="#main"]:focus,
[href="#main"]:active {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	font-size: 28px;
	font-weight: 800;
	height: 56px;
	line-height: 56px;
	text-align: center;
	text-indent: 0;
	width: 98%;
}

 label {
     display: none;
 }

 h2 {
     display: none;
 }

 .right {
     text-align: right;
 }

 /* ******************************* HEADER ************************************* */
 body>header {
     display: grid;
     grid-area: header;
     grid-template-areas: 'headerTitle promo''navMain navMain';
     grid-template-columns: 120px auto;
     grid-template-rows: 140px 40px;
 }

 h1 {
     /* Safari requires variable to be separate from image. */
     background: var(--colorOSCDark);
     font: var(--fontHeader);
     grid-area: headerTitle;
     text-align: center;
     text-transform: uppercase;
     margin: 0;
 }

	 h1 a {
		 /* Safari requires variable to be separate from image. */
		 background-color: var(--colorOSCDark);
		 background: url(/neon2000/img/logo.svg) center 10px no-repeat;
		 background-size: 80px;
		 box-sizing: border-box;
		 color: var(--colorLight);
		 display: block;
		 height: 100%;
		 padding: 95px 0 0 0;
		 text-decoration: none;
		 width: 100%;
	 }

		 h1 a:hover,
		 h1 a:active {
			 background-color: var(--colorOSCDarkActive);
		 }

 #promo {
	 cursor: pointer;
     grid-area: promo;
     position: relative;
 }
 
	#promo h2 {
		color: var(--colorLight);
		display: block;
		font: var(--fontPromo);
		font-weight: bold;
		margin: 0;
	}

	 #promo div {
		 background: var(--colorPromoBackground);
		 bottom: 20px;
		 display: inline-block;
		 font: var(--fontPromo);
		 margin: 0;
		 padding: 10px;
		 position: absolute;
		 right: 0;
		 text-align: right;
		 width: 240px;
	 }

		 #promo a {
			 color: var(--colorLight);
			 text-decoration: none;
		 }

 nav {
     background: var(--colorOSCDark);
     grid-area: navMain;
 }

	 nav ul {
		 display: grid;
		 grid-template-columns: 120px 1fr 1fr 1fr;
		 grid-row-height: 100%;
		 height: 100%;
		 line-height: auto;
		 list-style: none;
		 margin: 0;
		 padding: 0;
		 text-align: center;
	 }

		 nav li {
			 display: block;
			 height: 100%;
			 width: 100%;
		 }

			 nav a {
				 color: var(--colorLight);
				 display: block;
				 font: var(--fontNavLink);
				 height: 100%;
				 text-decoration: none;
				 width: 100%;
			 }

			 #navMainMenuHomeLink {
				 background: var(--colorOSCLight);
			 }

				 nav a:active,
				 nav a:hover {
					 background: var(--colorOSCDarkActive);
				 }

				 #navMainMenuHomeLink:active,
				 #navMainMenuHomeLink:hover {
					 background: var(--colorOSCLightActive);
				 }

 #leftStripe {
     background: var(--colorLight);
     grid-area: leftStripe;
 }

 /* ******************************* ARTICLES ************************************* */
 main {
     grid-area: main;
     width: 100%;
 }

 article {
     display: grid;
     grid-template-areas: 'articleHeaderTime articleHeader''articleAside articleText';
     grid-template-columns: 120px auto;
     grid-template-rows: min-content min-content;
     position: relative;
     width: 100%;
 }

 .articleHeaderTime {
     background: var(--colorDarkBack);
	 cursor: pointer;
     font-family: var(--fontFamilyArticleHeader);
     grid-area: articleHeaderTime;
     padding: 18px 0 0;
 }

	 .articleHeaderTimeSpan {
		 background: var(--colorOSCLight);
		 color: var(--colorLight);
		 display: block;
		 height: 70px;
		 padding: 0;
		 position: relative;
		 text-decoration: none;
		 width: 100%;
	 }

		 .articleHeaderTime time {
			 display: block;
			 font-size: var(--fontDefaultSize);
			 font-weight: var(--fontArticleTimeWeight);
			 padding: 10px 0 0;
			 position: absolute;
			 right: 10px;
			 top: 0;
		 }

		 .articleHeaderTime .articleHeaderTimeDay {
			 font-size: var(--fontSizeTimeDay);
			 font-weight: bold;
			 line-height: var(--fontSizeTimeDay);
			 margin: -26px 0 0 0;
			 padding: 0;
			 top: 50%;
		 }

		 .articleHeaderTime .articleHeaderTimeYear {
			 bottom: 0;
			 padding: 10px 0;
			 top: inherit;
		 }

 article>header {
     background: var(--colorLight);
     font: var(--fontArticleTitle);
	 grid-area: articleHeader;
     margin: 0;
     padding: 25px 20px 0 25px;
 }

	 article>header h3 {
		 font-size: var(--fontArticleTitleHeaderSize);
		 font-weight: var(--fontArticleTitleHeaderWeight);
		 line-height: var(--fontLineHeightArticleTitleHeader);
		 margin: var(--fontMarginArticleTitleHeader);
	 }

	 article>header h3 a {
		 color: var(--colorDark);
		 text-decoration: none;
	 }

	 article>header h3 a:active,
	 article>header h3 a:hover {
		 color: var(--colorOSCDark);
	 }
	 
	 article>header h4 {
		 color: var(--colorDark);
		 display: inline-block;
		 font-size: var(--fontSizeArticleTitleMeta);
		 font-weight: var(--fontWeightArticleTitleMeta);
		 line-height: var(--lineHeightArticleTitleMeta);
		 margin: 0;
	 }

	 article>header span {
		 color: var(--colorDim);
		 display: inline-block;
		 font-size: var(--fontSizeArticleTitleMeta);
		 line-height: var(--fontSizeArticleTitleMeta);
	 }
	 
	.articleHeaderTitleMetaContainer {
		color: var(--colorDim);
	}

	 .articleHeaderTitleLinkCrumb {
		 color: var(--colorDim);
		 text-decoration: none;
	 }

		 .articleHeaderTitleLinkCrumb:active,
		 .articleHeaderTitleLinkCrumb:hover {
			 color: var(--colorDark);
		 }

 .articleScoreLegend {
     background: var(--colorLegend);
     padding: 10px;
     text-align: center;
 }

 aside {
     background: var(--colorDarkBack);
     display: grid;
     grid-area: articleAside;
     gap: 20px;
     grid-template-areas: '.' 'articleAsideStream' 'articleAsideIMDB';
     grid-template-rows: auto var(--buttonSize) var(--buttonSize);
     padding: 0 0 55px;
 }

	 .articleAsideStream {
		 grid-area: articleAsideStream;
	 }

	 .articleAsideIMDB {
		 grid-area: articleAsideIMDB;
	 }

	 .articleAsideTrailer {
		 grid-area: articleAsideTrailer;
	 }

	 .articleAsideLink {
		 background: var(--colorOSCLight);
		 color: var(--colorLight);
		 font: var(--fontArticleAsideLink);
		 font-weight: 500;
		 display: block;
		 height: 100%;
		 position: relative;
		 text-align: right;
		 text-decoration: none;
		 width: 100%;
	 }

	 .articleAsideLink span {
		 position: absolute;
		 right: 10px;
	 }

	 .articleAsideLink:hover,
	 .articleAsideLink:active,
	 .articleAsideLink.active {
		 background: var(--colorOSCDark);
	 }

	 .authorScore {
		 display: none;
	 }

	 .authorScoreAverage5,
	 .authorScoreAverage6 {
		 background-color: var(--colorOSCDark);
		 background-image: url(/neon2000/img/scorestar.svg);
		 background-repeat: no-repeat;
		 background-position: center center;
		 background-size: 25px;
		 color: var(--colorLight);
		 display: block;
		 font: var(--fontScore);
		 height: 70px;
		 overflow: hidden;
		 position: absolute;
		 top: 18px;
		 text-align: center;
		 text-indent: -1000px;
		 width: 34px;
	 }

 .articleText {
     background: var(--colorLight);
     font: var(--fontArticleText);
     grid-area: articleText;
     min-height: 90vh;
     padding: 0 25px 50px;
     position: relative;
 }

 .articleText a {
     color: var(--colorOSCDark);
	 font-weight: bold;
 }

 .articleText a:active,
 .articleText a:hover {
     color: var(--colorDark);
 }

 article img {
     max-width: 100%;
 }

 article img:not(.fpPostImage) {
     border-bottom: 5px solid var(--colorOSCLight);
 }

 sup.footnote,
 p.footnote sup:first-of-type {
     color: var(--colorLight);
     display: inline-block;
     height: 15px;
     line-height: 0;
     margin: 0 0 0 2px;
     vertical-align: top;
     width: 15px;
 }

 p.footnote sup:first-of-type {
     display: block;
     margin: 0 auto 10px;
 }

 sup.footnote a,
 p.footnote sup a {
     background: var(--colorDark);
     border-radius: 14px;
     color: var(--colorLight);
     display: block;
     font-size: 11px;
     height: 100%;
     line-height: 12px;
     overflow: hidden;
     text-align: center;
     text-decoration: none;
     transition: .1s all;
     width: 100%;
 }

 sup.footnote a:hover {
     color: inherit;
 }

 sup.footnote a.active {
     background: var(--colorDim);
     transform: scale(1.25);
 }

 p.footnote {
     background: var(--colorDark);
     bottom: 0;
     box-shadow: var(--boxShadow);
     color: var(--colorLight);
     font-size: 14px;
     left: 0;
     line-height: 1.2em;
     margin: 0;
     opacity: 0;
     padding: 20px 2% 30px;
     position: fixed;
     transform: scaleY(0);
     transform-origin: center bottom;
     transition: .2s all;
     width: 96%;
     z-index: 1;
 }

 p.footnote.active {
     opacity: 1;
     transform: scaleY(1);
 }

 p.footnote sup a {
     margin: -3px 0 0 0;
 }

 p.footnote a:nth-of-type(2n+1) {
     color: var(--colorLight);
 }

 p.footnote {
     font-size: 16px;
     line-height: 20px;
 }

 sup.footnote a,
 p.footnote sup a {
     background: var(--colorOSCDark);
     line-height: 12px;
 }

 sup.footnote a.active {
     background: var(--colorOSCLight);
 }

 .articleFigure,
 .articleSideFigure,
 .articleImageHolder {
     color: var(--colorFigure);
     float: right;
     font-size: var(--fontFigureSize);
     margin: 23px 0 10px 25px;
     padding: 0;
     width: 40%;
 }

 .articleFigureSingleImage {
     float: none;
     margin: inherit;
     width: 100%;
 }

	.articleFigureTriangleCaption {
		display: grid;
		gap: 5px 10px;
		grid-template-areas: 'slot1 slot1' 'slot2 slot3' 'slot4 slot4';
		grid-template-columns: repeat(2, 50%);
		margin: 28px auto;
	}
		.articleFigureTriangleCaption a {display: grid;}
		.articleFigureTriangleCaption a:first-of-type {grid-area: slot1;}
		.articleFigureTriangleCaption a:nth-of-type(2) {grid-area: slot2;}
		.articleFigureTriangleCaption a:nth-of-type(3) {grid-area: slot3;}
		.articleFigureTriangleCaption figcaption {grid-area: slot4;}

 .articleFigureCaption,
 figcaption {
     color: var(--colorDim);
     font-size: var(--fontFigureSize);
     line-height: var(--fontFigureLineHeight);
     text-align: center;
 }

 .articleFigure.articleFigureLeft,
 .articleImageHolder.left {
     float: left;
     margin: 0 26px 26px 0;
 }

 .articleSideFigureLegend {
     color: var(--colorFigure);
     font-size: 14px;
     line-height: 1em;
     margin: 5px 0 0 0;
     text-align: center;
 }

 .articleSideFigureLegend span {
     display: none;
 }

 .articleFigureThree {
     display: grid;
     gap: 1%;
     grid-template-columns: 33% 33% 33%;
     margin: 0;
 }

 .articleFigure img {
     width: 100%;
 }

 .articleFigureThumbs {
     text-align: center;
 }

 .articleFigureThumbs.articleFigureThumbsMedium .articleFigureImage {
     width: 170px;
 }

 .articleFigureTriangle,
 .articleFigureTriangleLinks,
 .articleFigureThumbs,
 .articleFigureTallLong,
 .articleFigureTwoLong,
 .articleFigureTwoTall {
     font-size: 0;
     line-height: 1em;
     margin: 20px 0;
 }

 .articleFigureTriangle img,
 .articleFigureTriangleLinks a {
     border-radius: 0;
     margin: 0 0 2%;
 }

 .articleFigureTriangle img:nth-of-type(2),
 .articleFigureTriangleLinks a:nth-of-type(2) {
     margin: 0 1% 0 0;
     width: 49%;
 }

 .articleFigureTriangle img:last-of-type,
 .articleFigureTriangleLinks a:last-of-type {
     margin: 0 0 0 1%;
     width: 49%;
 }

 .articleFigureTriangleLinks a {
     display: inline-block;
 }

 .articleFigureThumbs img,
 .articleFigureTriangleLinks img {
     border-radius: 0;
 }

 .articleFigureThumbs img:nth-of-type(odd) {
     margin: 0 1% 1% 0;
     width: 49%;
 }

 .articleFigureThumbs img:nth-of-type(even) {
     margin: 0 0 1%;
     width: 50%;
 }

 .articleFigureTallLong img:first-of-type {
     width: 35%;
 }

 .articleFigureTallLong img:last-of-type {
     margin: 0 0 0 2%;
     width: 63%;
 }

 .articleFigureTwoLong img {
     border-radius: 0;
     width: 100%
 }

 .articleFigureTwoLong img:last-of-type {
     margin-top: 15px;
 }

 .articleFigureTwoTall a {
     display: inline-block;
     width: 49%;
 }

 .articleFigureTwoTall a:nth-of-type(even) {
     margin-left: 2%;
 }

 .articleFigureTwoLong {
     margin: 0 0 10px 0;
 }

 .articleFigureSingleImage {
     margin: 20px 0;
     padding: 0;
 }

 .articleFigureSingleImage img {
     border-radius: 0;
 }

 .articleTable {
	 border-collapse: collapse;
     margin-top: 20px;
     width: 100%;
 }

 .articleTable caption {
     font-weight: bold;
     margin-bottom: 15px;
 }
 
 .articleTableCell img {
     height: 28px;
     margin: 4px 10px 0 0;
     width: 28px;
 }

 .categoryCell a:first-of-type {
     font-weight: bold;
 }

 .articleTable td {
	 border-bottom: 1px solid var(--tableBorderColor);
     color: var(--colorDim);
     font-size: var(--fontArticleTD);
     line-height: var(--fontArticleLineHeight);
     padding: 15px 5px;
     vertical-align: top;
 }

 .articleTextCellNoWrap {
     white-space: nowrap;
 }

 .articleTextCellDate {
     text-align: right;
     width: 55px;
 }

 .articleTextCellNoWrap .articleHeaderTimeYear {
     display: block;
 }

 .articleTextCell time {
     font-weight: bold;
 }

 .recommended5:after,
 .recommended6:after {
     color: var(--colorDark);
     font-weight: bold;
     text-decoration: none;
 }

 .recommended5:after,
 .recommended6:after {
     content: '★';
 }

 .youTube {
     border: 0;
	 border-bottom: 5px solid var(--colorOSCLight);
     height: 320px;
     width: 100%;
 }

 .articleTrailer {
     bottom: 40px;
     left: 0;
     position: absolute;
     transform: scaleX(0);
     transform-origin: left center;
     transition-duration: .2s;
 }

 .articleTrailer.active {
     transform: scaleX(1);
 }

 /* ******************************* PAGE NAVIGATION ************************************* */
 #pageNavigation {
     background: var(--colorLight);
     border-left: 120px solid var(--colorDarkBack);
     padding: var(--buttonSize) 0;
     text-align: center;
 }

 #nextPrevious {
     list-style: none;
     margin: 0 auto;
     padding: 0;
     width: 300px;
 }

 #nextPrevious li {
     display: inline-block;
     width: 50%;
 }

 #nextPageButton,
 #previousPageButton {
     background: var(--colorOSCLight);
     color: var(--colorLight);
     font: var(--fontNextPrevious);
     display: inline-block;
     padding: 0;
     text-align: center;
     text-decoration: none;
     width: 90%;
 }

 #nextPageButton:active,
 #nextPageButton:hover,
 #previousPageButton:active,
 #previousPageButton:hover {
     background: var(--colorOSCDark);
 }

 /* ******************************* FOOTER ************************************* */

 footer {
     background: var(--colorOSCLight);
     color: var(--colorLight);
     font: var(--fontFooter);
     grid-area: footer;
     position: relative;
 }

 hr {
     border: 0;
     border-top: 1px solid var(--colorLight);
     height: 1px;
     margin: var(--buttonSize) auto;
     padding: 0;
     width: 20%;
 }

 footer a {
	color: var(--colorLight);
 }

 footer a:active,
 footer a:hover {
     color: var(--colorLight);
 }

 #footerInner {
     margin: 0 auto;
     padding: 30px 20px;
     max-width: 700px;
 }

 footer form {
	 margin: 0 auto;
     text-align: center;
	 width: 301px;
 }

footer form p {
	display: grid;
	grid-template-columns: repeat(2, min-content);
	margin: var(--buttonSize) auto 0;
}

footer input,
footer button {
     -moz-appearance: none;
     -webkit-appearance: none;
     border: 1px solid var(--colorDark);
     border-radius: 0;
	 font-size: calc(var(--fontDefaultSize) * 0.8);
     margin: 0 auto;
     padding: 15px 10px;
     text-align: center;
     width: 200px;
 }

footer button {
	background: var(--colorDarkBack);
	border-left: 0;
	color: var(--colorLight);
	width: 80px;
}

 #copyright {
     margin: auto;
     max-width: 668px;
     text-align: center;
 }

 #punch {
     background: url(/neon2000/img/punch/punch.png) 0 0 no-repeat;
     background-size: var(--sizePunch);
     border: 8px solid var(--colorOSCLight);
     border-radius: var(--sizePunch);
     /* box-shadow: var(--colorOSCDark) calc(var(--sizePunch) * 0.075) calc(var(--sizePunch) * 0.10); */
     top: 0;
     height: var(--sizePunch);
     left: 50%;
     overflow: hidden;
     position: absolute;
     text-indent: -10000px;
     transform: translate(-50%, -33%);
     width: var(--sizePunch);
 }

 #punch a {
     display: block;
     height: 100%;
     width: 100%;
 }
 
a#rnspod,
a#rnspod:hover {
	 /* color: var(--colorOSCLight); */
	 font-size: 8px;
	 opacity: 0;
 }

 @media screen and (max-width: 767px) {
     body {
         grid-template-columns: 0 auto 0;
         grid-template-rows: var(--buttonSize) auto auto;
     }

     body>header {
         grid-area: header;
         grid-template-areas: 'navMain headerTitle';
         grid-template-columns: auto var(--buttonSize);
         grid-template-rows: var(--buttonSize);
     }

     h1 {
         overflow: hidden;
         text-indent: -1000px;
     }

     h1 a {
         background-position: center center;
         background-size: 42px;
         padding: 0;
     }

     #promo {
         display: none;
     }

     nav ul li:first-of-type {
         display: none;
     }

     nav ul {
         grid-template-columns: 1fr 1fr 1fr;
     }

     nav a {
         background: var(--colorOSCLight);
         font-size: calc(var(--fontDefaultSize) * 0.9);
         line-height: var(--buttonSize);
     }

     nav a:active,
     nav a:hover {
         background: var(--colorOSCDark)
     }

     article {
         grid-template-areas: 'articleHeader articleHeaderTime''articleText articleAside';
         grid-template-columns: auto var(--buttonSize);
     }

     article>header {
		 padding: 25px 15px 0 20px;
	 }
	 
     .articleHeaderTimeSpan {
         letter-spacing: -0.05em;
         height: 53px;
     }

     .articleHeaderTime time {
         font-size: 16px;
         position: relative;
         right: 0;
         text-align: center;
     }

     .authorScoreAverage5,
     .authorScoreAverage6 {
         background-size: 25px;
         height: 40px;
         left: inherit;
         overflow: hidden;
         position: absolute;
         right: 0;
         top: 71px;
         width: var(--buttonSize);
     }

     .articleHeaderTime .articleHeaderTimeMonth {
         padding: 5px 0 0;
     }

     .articleHeaderTime .articleHeaderTimeYear {
         padding: 0;
     }

     .articleAsideLink {
         font-size: var(--fontArticleAsideLinkMobile);
         text-align: center
     }

     .articleAsideLink span {
         position: relative;
         right: 0;
         width: 100%;
     }

     article>header h3 {
         font-size: var(--fontArticleTitleHeaderSizeMobile);
         font-weight: var(--fontArticleTitleHeaderWeightMobile);
         line-height: var(--fontLineHeightArticleTitleHeaderMobile);
         margin: var(--fontMarginArticleTitleHeaderMobile);
     }

     .articleHeaderTitleMetaContainer,
     article>header h4,
     article>header span {
         font-size: var(--fontDefaultSize);
         line-height: 20px;
     }

	.articleText {
		font-size: calc(var(--fontDefaultSize) * 0.95);
		padding: 0 20px 50px;
	}

     #pageNavigation {
         border-left: 0;
         border-right: var(--buttonSize) solid var(--colorDarkBack);
     }
 }

 /**  * Lightbox 2.0  * A Remi A Olsen Production :D  * remi@remiolsen.info / https://remiolsen.info  *   * This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License:  * https://creativecommons.org/licenses/by-nc/4.0/  */
 #lightboxContainer {
     background: rgba(255, 255, 255, .85);
     height: 100%;
     left: 0;
     opacity: 0;
     position: fixed;
     text-align: center;
     top: 0;
     transform: scale(0);
     transition: .25s all;
     width: 100%;
     z-index: 9999;
 }

 #lightboxContainer.lightboxContainerActive {
     opacity: 1;
     transform: scale(1);
 }

 #lightboxContainer img {
     box-shadow: rgba(0, 0, 0, .5) 0 0 25px;
     margin-top: 30px;
 }

 #lightboxCloseButton,
 #lightboxPreviousButton,
 #lightboxNextButton,
 #lightboxLinkButton {
     background: rgba(255, 255, 255, .3) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjI1IiB5Mj0iMjUiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNSIgeTE9IjAiIHgyPSIwIiB5Mj0iMjUiIC8+Cjwvc3ZnPg==) no-repeat center center;
     border: 0;
     border-radius: 50px;
     bottom: 15px;
     color: var(--colorLight);
     cursor: pointer;
     height: 50px;
     outline: none;
     overflow: hidden;
     position: absolute;
     right: 15px;
     text-indent: -100000px;
     transition: .15s transform;
     transform: scale(0);
     transition-delay: .15s;
     width: 50px;
 }

 #lightboxLinkButton {
     background: rgba(255, 255, 255, .3) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMCIgeTE9IjI0IiB4Mj0iMjQiIHkyPSIyNCIgLz4KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxMiIgeTE9IjE5IiB4Mj0iMCIgeTI9IjYiIC8+Cgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTIiIHkxPSIxOSIgeDI9IjI1IiB5Mj0iNiIgLz4KPC9zdmc+) no-repeat center center;
     right: 75px;
     transition-delay: .25s;
 }

 #lightboxNextButton {
     background: rgba(255, 255, 255, .3) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2IiB5MT0iMCIgeDI9IjE5IiB5Mj0iMTIiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2IiB5MT0iMjUiIHgyPSIxOSIgeTI9IjEyIiAvPgo8L3N2Zz4=) no-repeat center center;
     right: 135px;
     transition-delay: .35s;
 }

 #lightboxPreviousButton {
     background: rgba(255, 255, 255, .3) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2IiB5MT0iMTIiIHgyPSIxOSIgeTI9IjAiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2IiB5MT0iMTIiIHgyPSIxOSIgeTI9IjI1IiAvPgo8L3N2Zz4=) no-repeat center center;
     right: 195px;
     transition-delay: .45s;
 }

 #lightboxContainer.lightboxContainerActive #lightboxCloseButton,
 #lightboxContainer.lightboxContainerActive #lightboxPreviousButton,
 #lightboxContainer.lightboxContainerActive #lightboxNextButton,
 #lightboxContainer.lightboxContainerActive #lightboxLinkButton {
     transform: scale(1);
 }

 #lightboxContainer.lightboxContainerActive #lightboxCloseButton:active,
 #lightboxContainer.lightboxContainerActive #lightboxPreviousButton:active,
 #lightboxContainer.lightboxContainerActive #lightboxNextButton:active,
 #lightboxContainer.lightboxContainerActive #lightboxLinkButton:active {
     opacity: .5;
 }