/*!
Theme Name: TVARK G4
Theme URI: https://tvark.org
Author: Hayden Walker, Pete Fagan
Author URI: https://tvark.org/design/style.css
Description: TVARK's fourth-gen graphic design by Hayden, administered by Pete.
Version: 4.9.1
Tested up to: 6.0.2
Requires PHP: 8.0.24
Text Domain: tvarkg4
Tags: custom-menu, featured-images, translation-ready

Mobile-first media query breakpoints in rems / pixels		Palette and descriptions 
22.5 / 360 - minimum width in which the design fits			159,60,60	R Logo		#bf495a Sticker
30   / 480 - big phones										91,139,70	G Logo		#6cb938 Sticker
37.5 / 600 - WordPress' breakpoint for gallery cols			89,126,171	B Logo		#3d84c7 Sticker
40   / 640 - 												#628ecf		blue, lighter
48   / 768 - tablets										#8ca7cf		blue, lightest
62.1875 / 995 - TVARK full width							box-shadow	0px 5px 5px #888888

! ! ! Current theme is always /design/ - currently linked to /wp-content/themes/tvarkg4/ @ @ @ @  */

/* ===================================================================== brand font: NeoTech Bold */

/* font-family: 'Montserrat' - header.php */

@font-face {
  font-family: 'Neo Tech';
  src: url('fonts/NeoTech.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Neo Tech';
  src: url('fonts/NeoTech-italic.woff2') format('woff2');
  font-display: swap;
  font-style: italic, oblique;
}
@font-face {
  font-family: 'Neo Tech';
  src: url('fonts/NeoTech-bold.woff2') format('woff2');
  font-display: swap;
  font-weight: bold;
}
@font-face {
  font-family: 'Neo Tech';
  src: url('fonts/NeoTech-bold-italic.woff2') format('woff2');
  font-display: swap;
  font-weight: bold;
  font-style: italic, oblique;
}
/* 6 ways: IE9 compat mode, IE6-8, super mod browsers, very mod, Safari Android iOS, legacy iOS */
/* @font-face {
    font-family: 'Web Font Name';
    src: url('webfontname.eot');
    src: url('webfontname.eot?#iefix') format('embedded-opentype'),
         url('webfontname.woff2') format('woff2'),
         url('webfontname.woff') format('woff'),
         url('webfontname.ttf')  format('truetype'),
         url('webfontname.svg#svgFontName') format('svg');
} */

/* ========================================== necolas.github.io/normalize.css (minus font sizing) */

/* Document =================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 2.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections =================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	margin: 0.67em 0;
}

/* Grouping content =========================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
}

/* Text-level semantics ======================= */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content	=========================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms ====================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive ================================ */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc ======================================= */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* end normalize.css */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Font Sizes */

/* some drawn from normalize.css above

Sizing system:
Root element size: 1rem
	html, body at 16px unless user scales up
Fonts and module base sizes in rems
	eg. masthead, #primary, #colophon
Module variations in ems
	percentage relative to module base

 4px 	.25rem			 5px 	.3125rem		 6px 	.375rem
 7px 	.4375rem		 8px 	.5rem			 9px 	.5625rem
10px 	.625rem			11px 	.6875rem		12px 	.75rem
13px 	.8125rem		14px 	.875rem			15px 	.9375rem
16px 	1rem			17px 	1.0625rem		18px 	1.125rem
19px 	1.1875rem		20px 	1.25rem			21px 	1.3125rem
22px 	1.375rem		23px 	1.4375rem		24px 	1.5rem
25px 	1.5625rem		26px 	1.625rem		27px 	1.6875rem
28px 	1.75rem			29px 	1.8125rem		30px 	1.875rem
31px 	1.9375rem		32px 	2rem
*/

html,
body {
	font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
optgroup,
select,
optgroup,
select,
textarea,
pre,
code,
kbd,
samp {
	font-size: 1em; /* 100% of whatever size each was previously set to */
}

big {
	font-size: 125%;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
}

#skybox {
	font-size: .75rem;
}

#skyboxsearch input { font-size: 1.1em; }

#site-navigation {
	font-size: .875rem;
}

#site-banner {
	line-height: 1.5;
	font-size: .875rem;
}

#site-banner .message {
	line-height: 1.2;
	font-size: .75rem; /* 12px */
}

#page {	font-size: .875rem; }

main > header > h1,
main > h1,
main > h2 {
font-size: .875rem;
}

article.talent h1 { font-size: 1.125rem; }

.home-division-content > h2 { font-size: 1.3125rem; }

article.item { font-size: .6875rem; }

.vcrsticker .target { font-size: .6875rem; }

#postsharebox    	{ font-size: .6875rem; }
#postsharechoice h3 { font-size: .9375rem; }

#primary.media .entry-content	 { font-size: .75rem; }
#primary.media .entry-content h1 { font-size: 1rem; }

footer#colophon 		{ font-size:    .75rem; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Font media queries */

@media	screen and (min-width: 400px) {

	.vcrsticker .target { font-size: .8125rem; } 

}/*end400*/
@media	screen and (min-width: 480px) {

	#site-banner {
		line-height: 1.25;
		font-size: 1.125rem; /* 18px */
	}

	#site-banner .message {
		margin-top: -0.15rem;
		line-height: 1.05;
		font-size: .9375rem; /* 18px */
	}

	main > header > h1,
	main > h1,
	main > h2 {
	font-size: 1.125rem;
	}

	#page {	font-size: .875rem; }

	main > h2.toc,
	main > ul.toc { 
		font-size: .875rem;
	}

					article.item { font-size: 0.75rem; } /* 12px */
	section.weblink article.item { font-size: 0.6875rem; } /* 11px */

	.vcrsticker .target { font-size: .875rem; } 

	#postsharebox    { font-size: .75rem; }
	#postsharebox h3 { font-size: 1.125rem; }

	#primary.media .entry-content h1 { font-size: 1.0625rem; }

	article.talent h1 { font-size: 1.1875rem; }

}/*end480*/
@media	screen and (min-width: 640px) {

	#skyboxsearch input { font-size: 1em; }

	#site-banner {
		line-height: 37px;
		font-size: 1.25rem; /* 20px */
		}
	#site-banner .message {
		margin-top: 0;
		padding-top: .1rem;
		line-height: 1.15;
		font-size: 1rem; /* 18px */
		}

	#site-navigation { font-size: .8125rem; /* 12px */  }

	.home-division-content>  h2 { font-size: 1.375rem; }

	section.weblink article.item { font-size: 0.75rem; } /* 12px */

	#postsharechoice h3 { font-size: 1.0625rem; }

	article.talent h1 { font-size: 1.3125rem; }

}/*end640*/
@media	screen and (min-width: 768px) {

	#site-banner .message {
		padding-top: .1rem;
		line-height: 1.075;
		font-size: 1.0625rem; /* 17px */
	}

	#site-navigation { font-size: .875rem; /* 12px */  }

	.home-division-content > h2 { font-size: 1.4375rem; }

	article.item { font-size: 0.6875rem; } /* 11px */

					article.item { font-size: 0.6875rem; } /* 11px */
	section.weblink article.item { font-size: 0.75rem; } /* 12px */

	#postsharebox h3 { font-size: 1.125rem; }

	article.talent h1 { font-size: 1.375rem; }

}/*end768*/
@media	screen and (min-width: 880px) {

	#site-banner {
		line-height: 43px;
		font-size: 1.625rem; /* 1.625rem = 26px */
	}
	#site-banner .message {
		line-height: 1.15;
		font-size: 1.125rem; /* 18px */
	}


	.home-division-content > h2 { font-size: 1.5625rem; }

	article.item,
	section.weblink article.item { font-size: .75rem; } /* 12px */

	.vcrsticker .target { font-size: .9375rem; } 

	#postsharebox    { font-size: .875rem; }
	#postsharebox h3 { font-size: 1.25rem; }

	#primary.media .entry-content h1 { font-size: 1.125rem; }

	article.talent h1 { font-size: 1.5625rem; }

}/*880*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Elements */

/* blue scroll bar when WebKit */
::-webkit-scrollbar {
	width: 11px;
	height: 5.5px;
}
::-webkit-scrollbar-thumb {
	background-color: #628ecf;
	border-radius: 5.5px;
}
::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.1);
	border-radius: 5.5px;
}

/* Box Sizing */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	box-sizing: border-box;
}

/* Typography */

/*	font-family: Montserrat 
	medium and bold weights (500 and 700)
	Google Fonts via link tags in header.php */

body,
button,
input,
select,
optgroup,
textarea {
	font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	line-height: 1.4;
	color: black;
	font-weight: normal;
}

body {
	background: #091919; /* darker cyan */
	background-image: url('/design/images/static-3.gif');
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0 0 .67rem 0;
}

p {
	margin: 0 0 .67rem 0;
}

dfn,	
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: .67rem;
}

ul,
ol {
	margin: 0 0 .67rem 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em .67rem;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	/* more intelligent handling of this in Gallery  */
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

b {
	font-weight: bold;
}

i {
	font-style: normal;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Links */
a {
	color: #296BCF; /* darker blue */
}

a:visited {
	color: #4e7eb7;
}

a:hover,
a:focus,
a:active {
	color: #4e7eb7;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Forms */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Layouts */

/* top-level site architecture */

html, body {
	height: 100%; 
}
body {	/* vertical (columnar) flex layout with  */
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
}


#page {
	flex: 1 0 auto; 
	/* background-image: url('/design/images/colour-white-opacity80.png'); */
	background-color: rgba(255,255,255,0.8);
	position: relative;
	overflow: hidden;
}
#masthead, #page, #colophon {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 995px;
}
#masthead,
#colophon {  }

#primary {  /* primary content area */
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

#primary { padding: .85rem 3%; }

#primary section.items,
figure.wp-block-gallery  {
	display: flex;
	flex: 0;
	width: 100%;
	height: 100%;
	align-items: flex-start;  /* no extra depth for tiles */
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 3%;
	row-gap: 0;
}
.wp-block-gallery { gap: 0 !important; --wp--style--unstable-gallery-gap: 0 !important; 
	column-gap: 3% !important;
	row-gap:     0 !important; }

#primary section.weblink.items {
	align-items: center;
    justify-content: center;
}

article.item,
.wp-block-gallery .wp-block-image { margin-bottom: 3.75%; width: 48.5%; } /* 2-up */
section.weblink article.item 	   { width:  100%; } /* 1-up */

#primary > nav.pagination { 
	border-top:    .25rem solid transparent;
	border-bottom: .25rem solid transparent;
}
#primary > nav.pagination { padding-bottom: .25rem; }

footer#colophon { padding: 3%; }

@media	screen and (min-width: 480px) {
	#primary			   { padding: 1rem 3%; }
	#primary.category-page { padding-top: 3%; }
	article.item,
	.wp-block-gallery .wp-block-image { margin-bottom: 3.5%; } 
	section.weblink article.item { width: 48.5%; } /* weblink joins video as 2-up */
	#primary > nav.pagination { padding-bottom: .25rem; }
}

@media	screen and (min-width: 600px) {
	#primary 		   { padding: 1rem 2.33%; }
	#primary.category-page { padding-top: 3%; }
	#primary section.items,
	figure.wp-block-gallery { column-gap: 2.5%; row-gap: 0em; }
	.wp-block-gallery { gap: 0 !important; --wp--style--unstable-gallery-gap: 0 !important; 
		column-gap: 2.5% !important;
		row-gap:       0 !important; }
	article.item,
	.wp-block-gallery .wp-block-image { margin-bottom: 2.5%; width: 31.65%; } /* 3-up */
	section.weblink article.item	  { width: 48.7%; } /* weblink hangs back as 2-up */
	#primary > nav.pagination { padding-bottom: .15rem; }
	footer#colophon { padding: 2.5%; }
}

@media	screen and (min-width: 768px) {
	#primary			{ padding: 1.1rem 2%; }
	#primary.category-page { padding-top: 2%; }
	#primary section.items,
	figure.wp-block-gallery { column-gap: 2%; row-gap: 0em; }
	.wp-block-gallery { gap: 0 !important; --wp--style--unstable-gallery-gap: 0 !important; 
		column-gap: 2% !important;
		row-gap:     0 !important; }
	article.item,
	.wp-block-gallery .wp-block-image { margin-bottom: 2.2%; width: 23.49%; } /* 4-up */
	section.weblink article.item		 { width: 49%; } /* 2-up */
	#primary > nav.pagination { padding-bottom: 0; }
	footer#colophon { padding: 2%; }
}

@media	screen and (min-width: 880px) {
	section.page.items article.item,
	.home-division-content article.item { width: 18.4%; }   /* 5-up */
	section.page.weblink.items article.item { width: 49%; } /* 2-up */
}

/* Video Gallery Items */

/* 2-up */
#primary.media figure.wp-block-gallery  { column-gap: 1.75%; }
#primary.media .wp-block-gallery        { column-gap: 1.75% !important; }
#primary.media .wp-block-gallery .wp-block-image   { margin-bottom: 2%; width: 49.11%; }

/* 3-up */
@media	screen and (min-width: 440px) {
	#primary.media .wp-block-gallery .wp-block-image { margin-bottom: 2.25%; width: 32.15%; }
}

/* 4-up */
@media	screen and (min-width: 580px) {
	#primary.media figure.wp-block-gallery    { column-gap: .75%; }
	#primary.media .wp-block-gallery          { column-gap: .75% !important; }
	#primary.media .wp-block-gallery .wp-block-image { margin-bottom: .75%; width: 24.437%; }
}

/* 5-up */
@media	screen and (min-width: 640px) {
	#primary.media figure.wp-block-gallery  { column-gap: .775%; }
	#primary.media .wp-block-gallery        { column-gap: .775% !important; }
	#primary.media .wp-block-gallery .wp-block-image  { margin-bottom: .9%; width: 19.38%; }
}

@media	screen and (min-width: 1020px) {
	footer#colophon { padding: 2% 0; }
}

#primary {
	text-align: center;
}

#primary > * {
	text-align: left;
}

#primary > h1,
#primary > h2 {
	text-align: center;
}

@media	screen and (min-width: 480px) {
	#primary > p, #primary > div > p { text-align: justify; }
}

@media	screen and (min-width: 600px) {
	#primary > p, #primary > div > p { text-align: start; }
}

a.skip-link {
		display: none !important!
		line-height: 0 !important;
}

/* @@@@@@@@@@@@@@ Backplane site-top decoration */


#backplane { 
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100px;
	background-color: transparent;
	background-image: url('/design/images/TVARK-gradient-and-stripes.svg');
	background-size: auto 100%; /* stripes bottom @ 180px */
	background-repeat: repeat-x;
}

@media screen and (min-width: 995px) {
	#backplane { 
		height: 300px; /* align backplane stripes with larger header  */
	}
}

/* @@@@@@@@ Leading Edge content-top decoration */

#leading-edge {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 6px;
	/*	gradient:
		1. Firefox 3.6-15
		2. Chrome 10-25, Safari 5.1-6
		3. W3C standard: IE10+, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Footer */

footer#colophon {
	background-color: black;
	color: white;
}
footer#colophon p {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	text-align: center;
}
footer#colophon a,
footer#colophon a:-webkit-any-link {
	color: rgb(141 187 255); /* lighter blue */
}

footer#colophon a:visited {
	color: #8ca7cf;
}

footer#colophon a:hover,
footer#colophon a:focus,
footer#colophon a:active,{
	color: #b39342; /* HQ gold */
}

/* Reinstate this blue webkit scrollbar if page jump can be eliminated everywhere.

::-webkit-scrollbar {
    width: 10px;
	height: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #628ecf;
	border-radius: 5px;
}
::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.1);
	border-radius: 5px;
}
*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Site Header */

/* @@@@@@@@@@@@@@ Skybox social networks header */

#masthead { margin-top: 43px; }
#skybox {
	margin-top: -43px;
	width: 100%;
	height: 38px;
	margin-bottom: 5px;
	background-image: url('/design/images/colour-white-opacity80.png');
	background-size: cover;
	padding: 0 10px;
	z-index: 9;
}

#skybox ul {
	margin: 0;
	padding: 0;
	text-indent: 0;
	float: left;
}

#skybox li,
#skybox a {
	display: inline-block;
	margin: 0;
	text-indent: 0;
}
#skybox li {
	margin-right: -2px;
	padding: 5px 0;
}

#skybox a {
	padding: 0 5px 0 27px; /* item */
}

#skybox a,
#skybox a:visited {
	color: black;
	text-decoration: none;
}

#skybox a:hover,
#skybox a:focus,
#skybox a:active {
	color: #628ecf;
}

#skybox a,
#skybox a:link,
#skybox a:visited {
	color: black;
}

#skybox a,
#skyboxsearch div,
#skyboxsearch button {
	height: 28px;	
	line-height: 28px;
	background-color: transparent;
	background-image: url('/design/images/icons/button-home.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
#skybox a.instagram { background-image: url('/design/images/icons/button-instagram.svg'); }
#skybox a.facebook { background-image: url('/design/images/icons/button-facebook.svg'); }
#skybox a.twitter { background-image: url('/design/images/icons/button-twitter.svg'); }
#skybox a.forum { background-image: url('/design/images/icons/button-forum.svg'); }
#skyboxsearch div,
#skyboxsearch button { background-image: url('/design/images/icons/button-search.svg'); }

#skybox a span {
	display: none;
}

#skybox form {
	float: right;
	max-width: 175px;
	position: relative;
}

#skyboxsearch button,
#skyboxsearch div,
#skyboxsearch input {
	position: absolute;
	right: 0;
	top: 4.5px;
}

#skyboxsearch button,
#skyboxsearch div {
	padding: 0 0 0 28px;
	cursor: pointer;
}
#skyboxsearch button span {
	display: none;
}

#skyboxsearch input {
	min-width: 0;
	width: 0;
	border: 0;
	background-color: white;
	color: #222;
	padding: 5px 32px 3px 13px;
	display: block;
	line-height: 20px;
	cursor: pointer;
	border-radius: 20px;
	transition: all 0.2s;
		opacity: 0;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

#skyboxsearch div,
#skyboxsearch button,
#skyboxsearch input {
	border: 0;
    outline: none;
	user-select: none;
}

#skyboxsearch input:focus {
	width: 132px;
	opacity: 1;
}

#skyboxsearch div { display: block; }
#skyboxsearch button { display: none; }

#skyboxsearch.active div { display: none; }
#skyboxsearch.active button { display: block; }

@media	screen and (min-width: 375px) {
	#skyboxsearch input:focus { width: 175px; }
}

@media	screen and (min-width: 480px) {
	#skybox li { margin-right: -2px; }
	#skybox a { padding-left: 34px; }
	#skyboxsearch input:focus { width: 250px; }
}

@media	screen and (min-width: 640px) {
	#skybox a span { display: inline; }
	#skyboxsearch input:focus { width: 150px; }
}

@media	screen and (min-width: 690px) {
	#skyboxsearch input:focus { width: 200px; }
}

@media	screen and (min-width: 880px) {

	#masthead { margin-top: 50px; }
	#skybox { 
		margin-top: -50px;
		height: 45px; 
		padding: 0 15px;
	}
	#skybox a {
		padding: 0 10px 0 40px;
		line-height: 35px;
		height: 35px;	
	}
	#skyboxsearch button,
	#skyboxsearch div,
	#skyboxsearch input {
		top: 4.5px; /* fudged for 5px */
	}
	#skyboxsearch button,
	#skyboxsearch div {
		height: 35px;
		padding-left: 35px;
	}
	#skyboxsearch input {
		padding: 4px 38px 4px 16px;
		line-height: 27px;
		border-radius: 27px;
	}
	#skyboxsearch input:focus { width: 200px; }
}
@media	screen and (min-width: 840px) {
	#skyboxsearch input:focus { width: 275px; }
}

@media	screen and (min-width: 995px) {
	#masthead { margin-top: 50px; }
	#skybox { 
		margin-top: 0;
		position: fixed;
		width: 995px;
		top: 0;
	}
}/*m*/


/* @@@@@@@@@@@@@@@@@@@@@@@ Masthead site header */

/*
	body.home #page main {
	background-color: rgba(255,255,255,0.8);
	height: 100%;
}

#page > main *,
footer#colophon { display: none; }
*/

#masthead {
	width: 100%;
	background-image: url('/design/images/TVARK-stripes.svg');
	background-position: left bottom;
    background-size: auto 28px;
	padding-bottom: 28px;
	background-repeat: repeat-x;
	position: relative;
}
@media	screen and (min-width: 480px) {
	#masthead { background-size: auto 30px; padding-bottom: 30px; }
}
@media	screen and (min-width: 640px) {
	#masthead { background-size: auto 32px; padding-bottom: 32px; }
}
@media	screen and (min-width: 880px) {
	#masthead { background-size: auto 36px; padding-bottom: 36px; }
}

#site-navigation a:link,
#site-navigation a:visited,
#site-navigation a:hover,
#site-navigation a:active {
	color: white;
}

#site-navigation a:hover {
	/* color: #b39342; */ /* HQ gold */
	text-decoration: underline;
}

#masthead #main-header { /* height based on #site-banner */
	width: 100%;
	height: 62px;
	background-color: #0f1f1f; /* dark cyan */
	background-image: url('/design/images/static-3-ani.gif');
	background-position: center;
	background-size: 100% 150px;
	background-repeat: no-repeat;
	color: white;
	padding: 10px;
}
@media	screen and (min-width: 480px) {
	#masthead #main-header { height: 72px; }
}
@media	screen and (min-width: 640px) {
	#masthead #main-header { height: 83px; }
}
@media	screen and (min-width: 880px) {
	#masthead #main-header { height: 94px; }
}

#masthead .site-logo  {
	position: absolute;
	left: 3%;
	top: 10px;
	width: 42px;
}

#masthead .site-logo a {
	display: block;
	padding-bottom: 100%;
    /* background-color: rgba(255,192,0,0.5); */
	background-image: url('/design/images/TVARK-logo.svg');
    background-size: 100% auto;
	background-repeat: no-repeat;
}

#masthead .site-logo a span { display: none; }

@media	screen and (min-width: 480px) {
		#masthead .site-logo { left: 3%; width: 52px; }
}
@media	screen and (min-width: 600px) {
		#masthead .site-logo { left: 2.33%; }
}
@media	screen and (min-width: 640px) {
		#masthead .site-logo {	width: 63px; left: 20px; }
}
@media	screen and (min-width: 768px) {
		#masthead .site-logo { left: 2%; }
}
@media	screen and (min-width: 880px) {
		#masthead .site-logo {	width: 74px; }
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Site Banner */

#site-banner span.extra { display: none; }

#site-banner {
	margin: 0 48px 0 62px;
	height: 42px;
	/* background: rgba(255,233,255,0.3); */
	text-align: center;
	font-family: 'Neo Tech';
	overflow: hidden;
}
@media	screen and (min-width: 480px) {
	#site-banner { height: 52px; padding-top: 4px; }
}
@media	screen and (min-width: 640px) {
	#site-banner {
		margin: 0 10px 0 93px; 
		height: 37px;
		padding-top: 0;
		text-align: right;
	}
}
@media	screen and (min-width: 880px) {
	#site-banner { height: 43px; }
	#site-banner span.brief { display: none; }
	#site-banner span.extra { display: inline; }
}

#site-banner p {
	margin: 0 auto;
	max-width: 300px;
}

@media	screen and (min-width: 480px) {
	#site-banner p {
		max-width: 360px;
	}
}

@media	screen and (min-width: 640px) {
	#site-banner p {
		max-width: 100%;
	}
}

#site-banner span {
	white-space: nowrap;
}
#site-banner span.bullet {
	margin-left: .2em;
	font-family: 'Arial Black'; /* better bullets */
}

#site-banner a,
#site-banner a:link,
#site-banner a:visited,
#site-banner a:hover,
#site-banner a:active {
	color: inherit;
	text-decoration: none;
}
#site-banner .message a,
#site-banner .message a:link,
#site-banner .message a:visited,
#site-banner .message a:hover,
#site-banner .message a:active { color: #7099D7; /* default colour */ }



/* @@@@@@@@@@@@@@@@@ main menu: Site Navigation */

#site-navigation {
	color: white;
}

#site-navigation button {
	z-index: 99;
	position: absolute;
	right: 10px;
	top: 17px;
	width: 28px;
	height: 28px;
	border: 0;
	background-color: transparent;
	background-image: url('/design/images/icons/button-menu.svg');
    background-size: auto 28px;
	background-repeat: no-repeat;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	/* hide text-selection shading when menu items are clicked: */
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}
@media	screen and (min-width: 480px) {
		#site-navigation button { top: 22px; }
}
#site-navigation.toggled button {
	background-image: url('/design/images/icons/button-menu-close.svg');
	opacity: 0.5;
	animation-name: fadeInAnim;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.25s;
}
@keyframes fadeInAnim {   0% { opacity:   0; }
						100% { opacity: 0.5; } }

#site-navigation  .menu-tvark-site-menu-container {
	z-index: 98;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}
@media	screen and (min-width: 640px) {
	#site-navigation .menu-tvark-site-menu-container {
		position: static;
		width: auto;
		height: auto;
	}
}

#site-navigation.toggled .menu-tvark-site-menu-container {
	width: 10em;
	height: 16em;
}

#site-navigation ul {
	z-index: 98;
	display: block;
	position: absolute;
	right: -2px;
	top: 0;
	list-style: none;
	background: #111;
	padding: 0;
	border-top: 3px solid white;
	border-left: 3px solid white;
	border-bottom: 3px solid white; 
	border-radius: 10px 0 0 10px;
	-webkit-font-smoothing: antialiased; /* safari text flicker fix */
	transform: translateX(137px);
	transition: transform 0.33s;
  }

#site-navigation.toggled ul {
	transform: translateX(0px);
	transition: transform 0.25s;
}

#site-navigation li {
	display: block;
	/* background: #3E84C7; */ /* logo blue not #2F6699 #3d6494 #375a86 #3E84C7 */
	padding: 7px 22px 0 18px;
}

#site-navigation li:first-child {
	border-radius: 8px 0 0 0;
	padding-top: 17px;
}

#site-navigation li:last-child {
	border-radius: 0 0 0 8px;
	padding-bottom: 15px;
}
@media	screen and (min-width: 480px) {
	#site-navigation li:first-child {
		padding-top: 22px;
	}

	#site-navigation li:last-child {
		padding-bottom: 16px;
	}
}

#site-navigation a,
#site-navigation a:link,
#site-navigation a:visited,
#site-navigation a:hover,
#site-navigation a:active { /* hide text-selection shading when menu items are clicked */
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
		  text-decoration: none;
}

#site-navigation a {
	text-decoration: none;
}

#site-navigation li.current-menu-item a,
#site-navigation li.current-menu-item a:link,
#site-navigation li.current-menu-item a:visited,
#site-navigation li.current-menu-item a:hover,
 #site-navigation li.current-menu-item a:active {
	color: #76BDFF;
}

@media screen and (min-width: 640px) {
	#site-navigation .menu-toggle {
		display: none;
	}
	#site-navigation ul {
		position: absolute;
		right: 20px;
		top: 57px;
		display: block;
		border-top: 0;
		border-left: 0;
		border-bottom: 0;
		border-radius: 0;
		background: none; /* rgba(255,233,255,0.3) */
		transform: none;
		transition: none;
	}
	#site-navigation li {
		display: inline;
		margin-left: 2px;
		padding: 0;
		border-bottom: none;
	}
	#site-navigation li:after {
	content: " |";
	}
	#site-navigation li:last-child:after {
		content: "";
	}
	#site-navigation a {
		margin-right: 3px;
	}
	#site-navigation li:last-child a {
		margin-right: 0;
	}

	#site-navigation li.current-menu-item a,
	#site-navigation li.current-menu-item a:link,
	#site-navigation li.current-menu-item a:visited,
	#site-navigation li.current-menu-item a:hover,
	 #site-navigation li.current-menu-item a:active {
		color: inherit;
	}
}
@media screen and (min-width: 880px) {
	#site-navigation ul { top: 63px; }
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Page */

.post,
.page {
}

.updated:not(.published) {
	display: none;
}

.page-content,
.page .entry-content,
.page .entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


#primary > nav.pagination {
	flex: 1;
	width: 100%;
	text-align: center;
}

.navigation.pagination div {
	display: inline-block;
	margin: 0 auto;
	border: 2px solid white;
	width: 100%;
	max-width: 30em;
	background-color: #628ecf;
	padding: 5px;
	color: white;
	font-size: .75rem;
	box-shadow: 0px 5px 5px #888888;
}

.navigation.pagination a,
.navigation.pagination span {
	display: inline-block;
	text-align: center;
	width: 1.5rem;
}

.navigation.pagination span {
	opacity: 0.5;
}
.navigation.pagination span.dots { width: .7rem; }

.navigation.pagination a {
	color: white;
	opacity: 1;
	text-decoration: none;
}
.navigation.pagination a.prev { margin-left:  0; }
.navigation.pagination a.next { margin-right: 0; }

@media	screen and (min-width: 640px) {
	.navigation.pagination div {
		max-width: 36em;
		padding: 6px 5px;
	}
	.navigation.pagination a,
	.navigation.pagination span {
		width: 2.25rem;
	}
	.navigation.pagination span.dots {
		width: 1rem; 
	}
}

ul.breadcrumbs {
	margin: -.5em 0 .75em 0;
	padding: 0;
	margin-block-start: 0;
	margin-block-end: .75em;
	padding-inline-start: 0;
	list-style: none;
}
ul.breadcrumbs li,
ul.breadcrumbs li * {
	display: inline;
	text-decoration: none;
	font-weight: normal;
	color: black;
}

ul.breadcrumbs li:first-child a {
	margin-left: .25em;
}
ul.breadcrumbs li:after {
	content: ' / ';
}
ul.breadcrumbs li:last-child:after {
	content: '\00A0/ '; /* \00A0 =   */
}

ul.talent.breadcrumbs li.role:after {
	content: '\00A0\2022 '; /* \2022 = • */
}
ul.talent.breadcrumbs li.role:last-child:after {
	content: '';
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Headings */

main > header > h1,
main > h1,
main > h2 {
	background-color: black;
	padding	: 5px;
	color: white;
	text-align: center;
	position: relative;
}
@media screen and (min-width: 480px) {
	main > header > h1          { margin: .2rem 0 .8rem 0; }
	main > header > h1.nocrumbs { margin:     0 0 .8rem 0; } }
@media screen and (min-width: 640px) {
	main > header > h1          { margin: .37rem 0 .9rem 0; }
	main > header > h1.nocrumbs { margin:      0 0 .9rem 0; } }
@media screen and (min-width: 768px) {
	main > header > h1          { margin: .4rem 0 1rem 0; }
	main > header > h1.nocrumbs { margin:     0 0 1rem 0; } }

/* empty search results */				#noh1 { padding-top: 0.25%; }
@media screen and (min-width: 480px) {  #noh1 { padding-top:  0.5%; } }
@media screen and (min-width: 640px) {  #noh1 { padding-top: 0.75%; } }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ TOC Boxes */

html { scroll-padding-top: 38px; }
@media	screen and (min-width: 880px) {
	html { scroll-padding-top: 45px; }
}

main > h2.toc,
main > ul.toc { 
margin-block-start:0; margin-block-end:0; margin-inline-start:0; 
margin-inline-end:0; padding-block-start:0; padding-block-end:0;
padding-inline-start:0; padding-inline-end:0;
}

main > h2.toc ,
main > ul.toc li
{ float: left; }

main > h2.toc,
main > ul.toc,
main > ul.toc li {
	text-align: left;
	display: inline;
	margin: 0;
	padding: 0;	
}

main > h2.toc,
main > ul.toc { display: inline; }


main > h2.toc {
	width: 6.25em;
	border: 2px solid white;
	background: rgba(0,0,0,.25);
	padding: 1px 8px;
	color: white;
	margin: 0.85em .33em 0 0;
	font-weight: normal;
}

main > ul.toc {
	margin: -1.825em 0 1.5em 6.5em;
	list-style: none; 
}

main > h2.toc,
main > ul.toc li {
	padding: 1px 8px;
}

main > ul.toc li {
	border: 2px solid white;
	background-color: #628ecf;
	padding: 1px 8px;
	color: white;
	margin: 0 .33em .25em 0;
}

main > ul.toc li a,
main > ul.toc li a:link,
main > ul.toc li a:visited,
main > ul.toc li a:hover,
main > ul.toc li a:active {
	color: white;
	text-decoration: none;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Item Tiles */

/* section layout for tiles set in @@@@ Layouts */

article.item {	
	border: 1px solid #eaeaea;
	background-color: white;
	padding: 6px 6px 3px 6px;
	box-shadow: 0px 5px 5px #888888;
	position: relative;
}

section.page.items    article.item,
section.weblink.items article.item,
section.talent.items article.item { text-align: center; }

article.item h2 {
	padding-top: 75%; /* aspect ratio: 4:3 */
	background-position: center;
	background-size: cover;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 0px 0px 0px 1px #c6c6c6 inset;
	-webkit-box-shadow: 0px 0px 0px 1px #c6c6c6 inset;
	-moz-box-shadow: 0px 0px 0px 1px #c6c6c6 inset;
}
article.item.fourteen9 h2 { background-size: 115%; }
section.weblink article.item h2 {	padding-top: 20%; } /* aspect ratio: 5:1 */

/* text style for all tile text */
article.item h2 a,
article.item p {
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

article.item h2 a {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	text-decoration: none;
	padding: 75% 6px 0 6px;
	height: 100%;
}
section.weblink article.item h2 a {	padding-top: 20%; }

/* vertically-centre the H2 A twixt thumb and subtitle */
section.page    article.item h2 a	   { line-height: 1.5em; }
section.weblink article.item h2 a	   { line-height: 2.8em; }
@media screen and (min-width: 480px) {
	section.weblink article.item h2 a  { line-height: 2.9em; }
}
@media screen and (min-width: 600px) {
	section.page    article.item h2 a  { line-height: 1.6em; } 
	section.weblink article.item h2 a  { line-height: 2.7em; }
}
@media screen and (min-width: 768px) {
	section.page    article.item h2 a { line-height: 1.9em; } 
	section.weblink article.item h2 a { line-height: 2.7em; } 
}

/* height of the tile footer, as it (and its contents) pushe away from the H2 A */
article.item footer										   { margin-top: 1.25rem; }
@media screen and (min-width: 600px) { article.item footer { margin-top: 1.33rem; } }
@media screen and (min-width: 768px) { article.item footer { margin-top: 1.25rem; } }
@media screen and (min-width: 880px) { article.item footer { margin-top: 1.33rem; } }

article.item p.subtitle {
	display: inline-block;
	height:		 1rem; /* hold its height if no subtitle */
	line-height: 1rem;
	color: #4e7eb7; /* logo blue */
	margin-bottom: -.2rem;
}

article.item p.newness,
article.item p.quality,
article.item p.format {
	color: transparent;
}
article.item p.newness,
article.item p.quality,
article.item p.format {
	position: absolute;
	z-index: 1;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
}
article.item p.newness.not { display: none; }
article.item p.newness.new {
	right: -10px;
	top: -7px;
	width: 32px;
	height: 32px;
	background-image: url('/design/images/icons/badge-new-right.svg');
}
@media screen and (min-width: 640px) { /* no longer a threat to mobile screen right edge */
	article.item p.newness.new {
		right: -13px; 
		top: -10px;
	}
}

article.item p.listorder {
	display: block; 
	position: absolute;
	z-index: 1;
	right: 3.5%;
	bottom: 3.5px;
	width: auto;
	text-align: right;
	background: rgba(255,255,255,0.75);
	padding-left: .25em;
	color: #939598;
}

section.page.items    article.item p.listorder,
section.weblink.items article.item p.listorder,
section.talent.items  article.item p.listorder {
	right: 3.5%;
	width: auto;
	text-align: right;
	/* background: rgba(255,255,255,0.75); */
	text-shadow:	 2px  2px 0 white,
					 2px -2px 0 white,
					-2px  2px 0 white,
					-2px -2px 0 white,
					 2px  0px 0 white,
					 0px  2px 0 white,
					-2px  0px 0 white,
					 0px -2px 0 white;
}

article.item a.ed_link {
	display: block;
	width: 1.6em;
	height: 1.15em;
	background: white;
/*
	background:    -moz-linear-gradient(left,     rgba(255,255,255,0) 0%, rgba(255,255,255,1) 33%);
	background: -webkit-linear-gradient(left,     rgba(255,255,255,0) 0%,rgba(255,255,255,1)  33%);
	background:         linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1)  33%); 
*/
	background-image: url('/design/images/icons/item-edit.svg');
	background-position: right top;
    background-repeat: no-repeat;
	position: absolute;
	right: 3.5%;
	bottom: 2.4rem;
	z-index: 3;
}
section.page.items    article.item a.ed_link,
section.weblink.items article.item a.ed_link,
section.talent.items article.item a.ed_link { bottom: 1.45rem; }


.talentpage_edit {
	margin-top: -2em;
	text-align: right;
}
.talentpage_edit a {
	text-align: right;
	display: inline-block;
	width: 1.5em;
	height: 1em;
	padding-top: 1em;
	padding-right: .5em;
	overflow: hidden;
	color: transparent;
	background-color: rgba(204,204,204,0.75);
	background-image: url('/design/images/icons/item-edit-black.svg');
	background-position: center;
    background-repeat: no-repeat;
}

article.item a.ed_link:focus,
.talentpage_edit a:focus { outline: 0; } /* eliminate anchor outline */

article.item a.ed_link span,
.talentpage_edit a span { display: none; } /* hide text */

.zalentpage_edit a {
	display:block;
	width: 100%;
	height: 100%;
	color: transparent;
	overflow: hidden;
}



article.item p.listorder span { display: none; }
article.item:first-child p.listorder span { display: inline; margin-right: .5em; } /* color: #CCC; */

/* omit from homepage tiles */
.home-division article.item p.listorder,
.home-division article.item a.ed_link { display: none; }

article.item p.quality.LQ,
article.item p.quality.ST { display: none; }
article.item p.quality.HQ {
	right: -2px;
	top: -2px;
	width: 32px;
	height: 32px;
	background-image: url('/design/images/icons/item-hq.svg');
}
article.item p.format {
	right: 5px;
	bottom: 5px;
	width: 29px;
	height: 13px;
}
article.item.four3     p.format  { display: none; }
article.item.fourteen9 p.format { background-image: url('/design/images/icons/item-14-9.svg'); }
article.item.sixteen9  p.format { background-image: url('/design/images/icons/item-16-9.svg'); }
article.item.two1      p.format  { background-image: url('/design/images/icons/item-2-1.svg');  }

article.item p.plays span,
article.item p.likes span { display: none; }
article.item p.plays,
article.item p.likes {
	display: inline;
	padding: 0 1em 0 1.4em;
	background: transparent;
	background-image: url('/design/images/icons/item-plays.svg');
	background-position: left top;
	background-repeat: no-repeat;
	color: #939598;
}
article.item p.likes {
	padding: 0 1em 0 1.6em;
	background-image: url('/design/images/icons/item-likes.svg');
}
article.item p.footer {
	padding: 0 1em 0 1.55em;
}

/* Home divisions variant: Latest / Trending / Likes */

.home-division article.item p.subtitle,
.home-division article.item p.newness,
.home-division article.item p.quality,
.home-division article.item p.format {
	display: none;
}

.home-division article.item {
	padding: 0;
	box-shadow: none;
	overflow: hidden;
}

.home-division article.item h2 {
	margin-bottom: 0;
}

.home-division article.item h2 a {
	padding-top: 0;
	color: white;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 46%, rgba(0,0,0,0.54) 82%, rgba(0,0,0,0.54) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 46%,rgba(0,0,0,0.54) 82%,rgba(0,0,0,0.54) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 46%,rgba(0,0,0,0.54) 82%,rgba(0,0,0,0.54) 100%);
}

.home-division article.item h2 a span {
	display: block;
	position: absolute;
	left: 5%;
	bottom: 1.5rem;
	width: 92%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home-division article.item footer {
	margin-top: 0;
}

.home-division article.item footer p {
	position: absolute;
	left: 5%;
	bottom: 3.75%;	
	padding-left: 1.1rem;
	z-index: 3;
}
.home-division article.item footer p.likes {
	left: 42%;
	padding-left: 1.3rem;
}


.home-division article.item p.plays,
.home-division article.item p.likes {
	background-image: url('/design/images/icons/item-likes-white.svg');
	background-size: auto 90%;
	color: white;
}
.home-division article.item p.plays {
	background-image: url('/design/images/icons/item-plays-white.svg');
}

@media screen and (min-width: 480px) { .home-division article.item h2 a span { bottom: 1.75rem; } }
@media screen and (min-width: 600px) { .home-division article.item h2 a span { bottom: 1.6rem; } }
@media screen and (min-width: 768px) { .home-division article.item h2 a span { bottom: 1.5rem; } }



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Posts */


body.single-post .entry-content {padding-bottom: 1.5em;}


body.single-post .post-navigation { display: none; }

.entry-footer .modified {
	letter-spacing: 0.07em;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Homepage */

body.home div#page { background-color: transparent; }
body.home #primary { padding: 0; }

/* end resets */

.home-division {
	margin-bottom: 10px;
	color: white;
	position: relative;
}

.home-division-content { padding: .5rem 3% 0 3%; }

.home-division-content > h2 {
	float: left;
	font-weight: normal;
	margin-bottom: .4em;	
}
.home-primary .home-division-content > h2 {
	float: none;
	margin-bottom: .25em;	
}

.home-division-content p.links {
	float: right;
	margin-top: .55em;
	margin-bottom: 0;
}

.home-primary {
	background-color: rgba(51,51,51,0.7);
}
.home-secondary {
	background-color: rgba(159,60,60,0.7); /* logo red */
}
.home-tertiary {
	background-color: rgba(91,139,70,0.75); /* logo green */
}
.home-quaternary {
	background-color: rgba(89,126,171,0.65); /* logo blue */
}

.home-primary a {
	color: #8ca7cf;
	text-decoration: none;
}

@media	screen and (min-width: 480px) {
	.home-division-content { padding: .5rem 3% 0 3%; }
}

@media	screen and (min-width: 600px) {
	.home-division-content { padding: .5rem 2.33% 0 2.33%; }
}

@media	screen and (min-width: 768px) {
	.home-division-content { padding: .5rem 2% 0 2%; }
	.home-division-content article.item:nth-child(5),
	.home-division-content article.item:nth-child(6) { display: none; }
}

@media	screen and (min-width: 880px) {
	.home-division-content { padding: .5rem 2% 0 2%; }
	.home-division-content article.item:nth-child(5) { display: block; }
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Media Post */

/* Themed Player */

#tplayer,
#tplayer .theme,
#tplayer .overlay { width: 100%; overflow: hidden; } /* padding-top specificed below */

#tplayer .theme { position: relative; }

#primary.media,
#tplayer .theme,
#tplayer .overlay,
#tplayerbutton { background-repeat: no-repeat; }

#primary.media,
#tplayer .theme,
#tplayer .overlay {
	background-size: 100% auto;
	background-position: center top;
}

#tplayerriband,
#tplayerbutton,
#tplayer .overlay,
#tplayer video { position: absolute; left: 0; top: 0; width: 100%; }

#tplayer video    { z-index: 1; }
#tplayer .overlay { z-index: 2; }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ play button */

#tplayerbutton {
	position: absolute; left: 0; top: 0; z-index: 3; /* button über alles */
	background-image: url('/design/images/icons/button-play.svg');
	background-position: center;
	cursor: pointer;
	background-size: 13%;
}
body.home #tplayerbutton { background-size: 15%; } /* homepage telly */

@media screen and (min-width: 360px) { #tplayerbutton { background-size:  12%; } 
							 body.home #tplayerbutton { background-size:  14%; } }
@media screen and (min-width: 480px) { #tplayerbutton { background-size:  11%; } 
							 body.home #tplayerbutton { background-size:  13%; } }
@media screen and (min-width: 540px) { #tplayerbutton { background-size: 9.5%; } 
							 body.home #tplayerbutton { background-size:  12%; } }
@media screen and (min-width: 640px) { #tplayerbutton { background-size:  10%; } 
							 body.home #tplayerbutton { background-size:  13%; } }
@media screen and (min-width: 768px) { #tplayerbutton { background-size: 9.5%; } 
							 body.home #tplayerbutton { background-size:  12%; } }
@media screen and (min-width: 840px) { #tplayerbutton { background-size: 52px; } 
							 body.home #tplayerbutton { background-size: 52px; } }

/* play/pause control */

#tplayerbutton.hidden { background-image: none; }
@media screen and (min-width: 640px) { 
				#tplayerbutton.hidden { display:  none; } 
	body.home   #tplayerbutton.hidden { display: block; } 
}

#tplayerbutton.unhidden { background-image: url('/design/images/icons/button-play.svg'); }
@media screen and (min-width: 640px) {
				#tplayerbutton.unhidden { display:  none; } 
	body.home   #tplayerbutton.unhidden { display: block; } 
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ homepage telly */

body.home #tplayer .theme,
body.home #tplayer .overlay {
	padding-top: 92%; /* theme is 92% as high as it is wide */
}

body.home #tplayer .theme	{ background-image: url('/design/images/telly-portable-mini-bg.jpg'); }
body.home #tplayer .overlay { background-image: url('/design/images/telly-portable-mini-fg.png'); }
body.home #tplayerbutton,
body.home #tplayer video { left: 14.5%; top: 17.5%; width: 71%; }
body.home #tplayerbutton { padding-top: 53.25%; /* .75 (4:3) of 71% width */ }

#tplayerriband {
	position: absolute;
	z-index: 4;
	left: -3%;
	top: -1%;
	background-position: 11% 47%;
	transform: rotate(-16.25deg);
	background-color: #c3c;
	width: 100%;
	height: 8%;
	color: transparent;
	background-image: url('/design/images/telly-portable-ribandtext.svg');
	background-size: 36%;
	background-repeat: no-repeat;
}
#tplayerriband.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 2s, opacity 2s linear;
}

@media screen and (min-width: 540px) {
	body.home #tplayer .theme		{ padding-top: 70.352%; } /* theme height is now 70.352% of its width */
	body.home #tplayer .theme	{ background-image: url('/design/images/telly-portable-bg.jpg');  }
	body.home #tplayer .overlay	{ background-image: url('/design/images/telly-portable-fg.png');  }
	body.home #tplayerbutton,
	body.home #tplayer video { left: 14.75%; top: 18.9%; width: 51%; }
	body.home #tplayerbutton { padding-top: 38.25%; /* .75 (4:3) of 51% width */ }
	#tplayerriband { left: -2%;  top: -1.8%;  width: 67%;  height: 6.4%; }
} /*end540*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ post telly */

#primary.media #tplayer { position: absolute; left: 0; top: 0; }

#primary.media { background-image: url('/design/images/telly-vcr-bg-crop.jpg'); }
#primary.media,
#primary.media #tplayer .theme,
#primary.media #tplayerbutton { padding-top: 75%; }

#primary.media.sixteen9	{ background-image: url('/design/images/telly-vcr-bg-crop-16-9.jpg'); }
#primary.media.sixteen9,
#primary.media.sixteen9 #tplayer .theme,
#primary.media.sixteen9 #tplayerbutton { padding-top: 56.25%; }

@media screen and (min-width: 640px) {
	#primary.media			{ padding-top: 54%; }
	#primary.media			{ background-image: url('/design/images/telly-vcr-bg.jpg'); }
	#primary.media.sixteen9 { padding-top: 54%; }
	#primary.media.sixteen9 { background-image: url('/design/images/telly-vcr-bg-16-9.jpg'); }
	#primary.media #tplayerbutton {
		width: 67.5%;
		padding-top:50.625%;
		/* background-color: rgba(255,255,0,0.5); */
	}
	#primary.media.sixteen9 #tplayerbutton {
		width: 90.25%;
		padding-top:50.625%;
		/* display: none; */
	}
	#primary.media #tplayerbutton,
	#primary.media #tplayer video {
		left: 50%; 
		top: 4.25%;
		transform: translate(-50%);
	}
	#primary.media.sixteen9 #tplayerbutton,
	#primary.media.sixteen9 #tplayer video {
		top: 5.8%;
	}
	#primary.media #tplayer video {
		width: auto;
		height: 67.5%;
	}
	#primary.media.sixteen9 #tplayer video {
		height: 90.25%;
	}
} /*end640*/

#primary.media #tplayer .overlay { display: none; }

#primary.media header.entry-header {
	padding-top: 41.5%;
	position: relative;
	/*
	background-color: rgba(128,92,0,0.5);
	border-bottom: 1px solid #0f0;
	*/
}
@media screen and (min-width: 460px) { #primary.media header.entry-header { padding-top: 40.75%; } }
@media screen and (min-width: 600px) { #primary.media header.entry-header { padding-top: 40%; } }
@media screen and (min-width: 640px) { #primary.media header.entry-header { padding-top: 26%; } }
@media screen and (min-width: 768px) { #primary.media header.entry-header { padding-top: 25.75%; } }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Edit Link */

main > header > h1 { position: relative; }

span.page-edit {
	position: absolute;
	right: .5em;
	top: .5em;
	display: block;
	width: 1em;
	height: 1em;
}
span.page-edit a {
	opacity: 0.67;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: transparent;
	background-image: url('/design/images/icons/item-edit-white.svg');
	background-position: center top;
    background-repeat: no-repeat;
	background-size: 85%;
}

/* post-edit */
span.edit-link {
	position: absolute;
	left: .25%;
	top: 16.7	vw;
	z-index: 71;
}
span.edit-link a {
	/* color: #296BCF !important; */
	color: black !important;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Andale Mono', Consolas, Monaco, monospace;
}
@media screen and (min-width: 370px) { span.edit-link { left:      1%; top: 17vw; } }
@media screen and (min-width: 440px) { span.edit-link { left:   1.75%; top: 17.25vw; } }
@media screen and (min-width: 500px) { span.edit-link { left:    2.5%; top: 17.45vw; } }
@media screen and (min-width: 600px) { span.edit-link { left:    3.5%; top: 17.45vw; } }
@media screen and (min-width: 640px) { span.edit-link { left:  19.7%; top:   11.7vw; } }
@media screen and (min-width: 720px) { span.edit-link { left:    20%; top:   11.7vw; } }
@media screen and (min-width: 768px) { span.edit-link { left:   20.4%; top: 11.83vw; } }
@media screen and (min-width: 920px) { span.edit-link { left:  20.75%; top:    12vw; } }
@media screen and (min-width: 995px) { span.edit-link { left: 12.5rem; top:  7.4rem; } }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@ Plays and Likes */

.vcrsticker {	position: absolute; display: block; width: 15vw; height: 15vw; 
				text-align: center; z-index: 5; border-radius: 50%; overflow: hidden; }

									   .postplays.vcrsticker { top: 38%;	left: 35.33%; }
									   #postlikes.vcrsticker { top: 27.5%;	left: 57.1%;  }
									   #postshare.vcrsticker { top: 37.5%;	left: 79.5%;  }
@media screen and (min-width: 400px) { .postplays.vcrsticker { top: 37%;   }
									   #postlikes.vcrsticker { top: 28%;   }
									   #postshare.vcrsticker { top: 37%;   } }
@media screen and (min-width: 440px) { .postplays.vcrsticker { top: 38.5%; }
									   #postlikes.vcrsticker { top: 28.5%; }
									   #postshare.vcrsticker { top: 39%;   } }
@media screen and (min-width: 460px) { .postplays.vcrsticker { top: 37.5%; }
									   #postlikes.vcrsticker { top: 27.5%; }
									   #postshare.vcrsticker { top: 37%;   } }
@media screen and (min-width: 540px) { .postplays.vcrsticker { top: 38.5%; }
									   #postlikes.vcrsticker { top: 28.5%; }
									   #postshare.vcrsticker { top: 38%;   } }

@media screen and (min-width: 600px) { #postshare.vcrsticker { left: 79.1%; } }


@media screen and (min-width: 640px) { .postplays.vcrsticker { top: 41%;   left: 40.8%;  }
									   #postlikes.vcrsticker { top: 33%;   left: 54.4%;  }
									   #postshare.vcrsticker { top: 40.5%; left: 68.33%; }
									   .vcrsticker		  { width: 9.5vw; height: 9.5vw; } }
@media screen and (min-width: 768px) { .postplays.vcrsticker { top: 42%;   }
									   #postlikes.vcrsticker { top: 34%; left: 54.33%; }
									   #postshare.vcrsticker { top: 41.5%; left: 68.15%; } }


@media screen and (min-width: 880px) { .postplays.vcrsticker { top: 41.5%; }
									   #postlikes.vcrsticker { top: 33.5%; }
									   #postshare.vcrsticker { top:   41%; } }


@media screen and (min-width: 995px) { .vcrsticker { width: 6rem; height: 6rem; } 
							 .postplays.vcrsticker { left: 40.85%;  }
							 #postlikes.vcrsticker { left: 54.25%;  }
							 #postshare.vcrsticker { top: 41.5%;  left: 68.1%; } }

.vcrsticker .target {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	text-decoration: none;
	overflow: hidden; 
	cursor: pointer;
	/* hide text-selection shading when menu items are clicked: */
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */ }
									   #postlikes.vcrsticker .target { color: #B8495A; }
									   #postshare.vcrsticker .target { color: #628ECF; }
									   .postplays.vcrsticker .target { color: #6cb938; }

									   #postlikes.vcrsticker .target { line-height: 22vw;	 }
									   #postshare.vcrsticker .target { line-height: 20vw;	 }
									   .postplays.vcrsticker .target { line-height: 20.5vw;  }
@media screen and (min-width: 440px) { #postlikes.vcrsticker .target { line-height: 21vw;	 }
									   #postshare.vcrsticker .target { line-height: 19.5vw;	 }
									   .postplays.vcrsticker .target { line-height: 19.5vw;	 } }
@media screen and (min-width: 460px) { #postlikes.vcrsticker .target { line-height: 22.5vw;	 }
									   #postshare.vcrsticker .target { line-height: 21vw;	 }
									   .postplays.vcrsticker .target { line-height: 21vw;	 } }
@media screen and (min-width: 540px) { #postlikes.vcrsticker .target { line-height: 22vw;    }
									   #postshare.vcrsticker .target { line-height: 20.5vw;  } 
									   .postplays.vcrsticker .target { line-height: 20vw;    } }
@media screen and (min-width: 630px) { #postlikes.vcrsticker .target { line-height: 21.75vw; }
									   #postshare.vcrsticker .target { line-height: 20.5vw;  } 
									   .postplays.vcrsticker .target { line-height: 19.5vw;  } }
@media screen and (min-width: 640px) { #postlikes.vcrsticker .target,
									   #postshare.vcrsticker .target { line-height: 12.6vw;  } 
									   .postplays.vcrsticker .target { line-height: 12.25vw; } }
@media screen and (min-width: 995px) { #postlikes.vcrsticker .target { line-height: 8.33;    } 
									   #postshare.vcrsticker .target { line-height: 8.15;    } 
									   .postplays.vcrsticker .target { line-height: 8;       } }


/* @@@@@@@@@@@@@@@@@@@@@@@@ Media Post Sharebox */

#postsharebox.hidden, 
#postsharebox #shareem2, 
#postsharebox #shareerror, 
#postsharebox #shareresult, 
#postsharebox.modal #postsharechoice {
	display: none;
}
#postsharebox.modal.shareem2 #shareem2,
#postsharebox.modal.shareem3 #shareln3,
#postsharebox.modal.shareerror #shareerror,
#postsharebox.modal.shareresult #shareresult {
	display: block;
}  

#postsharebox {
	position: absolute;
	left: 50%; 
	transform: translate(-50%);
	top: 84vw;
	z-index: 721;
	width: 100%;
	height: 15em;
	border-top:    4px solid white;
	border-bottom: 4px solid white;
	background: rgba(0,0,0,0.67);
	padding: .5em 1em 0 1em;		
	text-align: center;
	color: white;
	animation: fadeIn 0.25s;
	box-shadow: 0px 0px 5px #888888;
}
#primary.media.sixteen9 #postsharebox { top: 65vw; height: 20%; }
#primary.talent         #postsharebox { top:   .75rem; }

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#postshareclose {
	margin-top: .25em;
	opacity : 0.5;   
	cursor: pointer;
	float: right;
	width: 2.5em;
	height: 2.5em;
	border: 0;
	background-color: transparent;
	background-image: url('/design/images/icons/button-menu-close.svg');
    background-size: auto 2.5em;
	background-repeat: no-repeat;
	padding: 0;
	overflow: hidden;
	/* hide text-selection shading when menu items are clicked: */
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}

#postsharechoice h3 {
	clear: none;
    margin: 1.67em 0 .75em 8%; 
}

#postsharechoice ul {
	list-style: none;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}

#postsharechoice ul > li {
	cursor: pointer;
	display: inline-block;
	margin: 0 1.5%;
	width: 21%;
	background-image: url('/design/images/icons/button-facebook.svg');
	background-size: 54%;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 12.67%;
}
#postsharechoice ul > li#sharetw { background-image: url('/design/images/icons/button-twitter.svg'); }
#postsharechoice ul > li#shareem { background-image: url('/design/images/icons/button-email.svg'); }
#postsharechoice ul > li#shareln { background-image: url('/design/images/icons/button-link.svg'); }

#postsharebox form {
	clear: both;
	padding-top: 4%;
}

#postsharebox form label {
	display: block;
	padding: 0 6.5em 1em 0;
}

#postsharebox form #emailInput {
	width: 67%;
	max-width: 20em;
	border: 3px solid white;
	border-radius: 1.25em;
	padding: 0.5em 1em .3em 1em;
	margin-right: .5em;
}

#postsharebox form #emailShareSubmit {
	border: 3px solid white;
	border-radius: 1.3em;
	padding: 0.65em 1.25em .55em 1.5em;
	background-color: #4e7eb7;
	color: white;
}


#postsharebox #shareerror {
	clear: both;
	padding-top: 1em;
	color: #ffe100;
}

#postsharebox #shareresult {
	clear: both;
	padding: 10% 0 0 .75em;
	font-size: 1.25em;
}

@media screen and (min-width: 440px) {
	#postsharebox,
	#primary.media.sixteen9 #postsharebox { height: 16em; }
	#postsharechoice h3 { margin-left: 5%; }
}

@media screen and (min-width: 480px) {
	#postsharebox form #emailInput			 { padding: .4em 1em    .4em 1em;   }
	#postsharebox form #emailShareSubmit	 { padding: .6em 1.25em .6em 1.5em; }
	/*  if linux can be isolated, fix text being a px high
	#postsharebox form #emailInput			 { padding: .5em 1em    .3em 1em;   }
	#postsharebox form #emailShareSubmit     { padding: .7em 1.25em .5em 1.5em; }
	*/
}
@media screen and (min-width: 540px) {
	#postsharebox,
	#primary.media.sixteen9 #postsharebox { height: 17em; }
	#postsharechoice ul > li { background-size: 51%; padding-top: 12.33%; }
}

@media screen and (min-width: 560px) {
	#postsharechoice ul > li { background-size: 49%; padding-top: 11%; }
}

@media screen and (min-width: 600px) {
	#postsharebox,
	#primary.media.sixteen9 #postsharebox { height: 17.5em; }
}

@media screen and (min-width: 640px) {
	#postsharebox {
		top: 60.1vw;
		margin: 0 auto;
		border-left:  4px solid white;
		border-right: 4px solid white;
		width: 82%;
		max-width: 626px;
	}
	#primary.media.sixteen9 #postsharebox { top: 60.1vw; }
	#postsharebox,
	#primary.media.sixteen9 #postsharebox { height: 16.5em; }
}

@media screen and (min-width: 670px) {
	#postsharebox,
	#primary.media.sixteen9 #postsharebox { height: 17em; }
}

@media screen and (min-width: 800px) {
	#postsharebox { height: 13.5rem; }
}

@media screen and (min-width: 880px) {
	#postsharebox { height: 14.5rem; }
}

@media screen and (min-width: 995px) {
	#primary.media          #postsharebox { top: 37.37rem; }
	#primary.media.sixteen9 #postsharebox { top: 37.37rem; }
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Audio */

.wp-block-audio audio {
	width: 100%;
	margin-bottom: .67em;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Page Content */

#primary .page-content a { text-decoration: none; }

body.single-page nav.post-navigation { display: none; }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Entry Content */


#primary.media .entry-content {
	border: 3px solid white;
	background-color: rgba(192,220,220,0.67);
	background: #AFAFAF;
	background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.7) 100%);
	padding: .75em;
}

#primary.media #inpost_featured_image {
	display: none;
}

#primary.media #inpost_newness {
	float:right;
	margin-right: -1.85em;
	margin-top: -1.75em;
	width: 32px;
	height: 32px;
	background-image: url('/design/images/icons/badge-new-right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	color: red;
}
#primary.media #inpost_newness span { display: none; }

#primary.media .entry-content				{ text-align: justify; }
#primary.media .entry-content h1			{ text-align: left; line-height: 1.1; margin: 0; clear: none; }
#primary.media .entry-content .content-date { text-align: left; margin-bottom: .33em; }
#primary.media .entry-content .content-date a,
#primary.media .entry-content .content-date a:link,
#primary.media .entry-content .content-date a:visited,
#primary.media .entry-content .content-date a:hover,
#primary.media .entry-content .content-date a:active { color: black; text-decoration: none; }

/*
#postdetails th   { background: linear-gradient(150deg,rgba(109, 141, 111,0) 0%,rgba(109, 141, 111, .3) 100%); }
#postdetails td   { background: linear-gradient(150deg,rgba(125, 125, 125,0) 0%,rgba(125, 125, 125, .3) 100%); }
#postdetails .key { background: linear-gradient(150deg,rgba(165, 85, 116,0) 0%,rgba(165, 85, 116, .3) 100%);; }
*/

#postdetails {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	flex-gap: 1%;
	vertical-align: top;
	text-align: left;
}
#postdetails:before, #postdetails:after { width: 100%; } /* was 100% - fix Safari flex error */

#postdetails table {
	flex: 0 0 100%;
	margin: 0;
	width: 100%;
	height: 0%; /* prevent flex children equalling each other's heights */
	border-collapse: collapse;
}
#postdetails tr { vertical-align: top; }
#postdetails th {
	font-size: 1.2em;
	font-weight: 600;
}
#postdetails .tx     th,
#postdetails .talent th { padding-top: .67em; }

#postdetails td {
padding-top: .25em;
line-height: 1.333; 
}

#postdetails .key {
	width: 10em;
	white-space: nowrap; 
	color: #559b38;
}
#postdetails .links-only { color: #4e7eb7; }
#postdetails a { text-decoration: none; }
#postdetails .tags a::after { content: ', '; }
#postdetails .tags a:last-child::after { content: ''; }


/* .entry-content media queries */

@media screen and (min-width: 520px) {
	#postdetails table { flex: 0 0 50%; }
	#postdetails .talent { flex-grow: 2; }
	#postdetails .tx th { padding-top: 0; }
	#postdetails .basic td:last-child { padding-right: .75em; }
	#postdetails .tx td.key { width: 0; padding-right: .75em; }
}

@media screen and (min-width: 640px) {
	#primary.media .entry-content {
		padding: 1em;
	}
	#primary.media #inpost_newness {
	 	width: 35px;
	 	height: 35px; 
		margin-right: -2.2em;
		margin-top: -2.33em;
	}
	#primary.media #inpost_featured_image {
		display: block;
		float: left;
		margin: 0 0.75em 1em 0;
		border: 3px solid white;
		width: 19.2%;
		padding-top: 13.93%;	
		background-position: center;	
		background-size: cover;
		cursor: pointer;
	}
	#primary.media.sixteen9 #inpost_featured_image { padding-top: 10.4%; }

	#primary.media .entry-content > p,
	#primary.media .entry-content > ul,
	#primary.media .entry-content > ol { margin-left: 20.2%; }

} /*end640*/

@media screen and (min-width: 840px) {
	#postdetails table { flex: 0 0 33.333%; }
	#postdetails .talent { flex-grow: 0; }
	#postdetails td.key { width: 0%; padding-right: .75em; }
	#postdetails .tx td:last-child { padding-right: .75em; }
	#postdetails .talent th { padding-top: 0; }
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Images */


/* ================================================================ Galleries  */

/* layout is inherited from and set by in Layout section to match video section items */

figure.wp-block-gallery {
	/* resets */
	margin-block-start:0; margin-block-end:0; margin-inline-start:0; 
	margin-inline-end:0; padding-block-start:0; padding-block-end:0;
	padding-inline-start:0; padding-inline-end:0;
	clear: both;
}

figure.wp-block-gallery.columns { /* columns for interlocking images */
	display: block;
	line-height: 0;	/* Prevent vertical gaps */
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
						  /*
	-webkit-column-gap: 0px;
	   -moz-column-gap: 0px;
	        column-gap: 0px;  
						  */
	margin-bottom: 1em;
}

.wp-block-gallery .wp-block-image {	
	border: 1px solid #eaeaea;
	background-color: white;
	padding: 3px;
	box-shadow: 0px 5px 5px #888888;
	position: relative;
	overflow: hidden;
	flex-grow: 0;
}

.wp-block-gallery.columns .wp-block-image {	
	margin-bottom: 7.33%;  
	/* Just in case there are inline attributes */
	width: 100% !important;
	height: auto !important;
}

.wp-block-gallery .wp-block-image img {
	display: block; /* close up underspace */
	width: 100%; /* tiny thumbnail (missing big image) support */
}

@media screen and (min-width: 600px) {
	figure.wp-block-gallery.columns {
		-webkit-column-count: 3;
		   -moz-column-count: 3;
		        column-count: 3;
	}
	.wp-block-gallery.columns .wp-block-image {	margin-bottom: 8.8%; }
}

@media screen and (min-width: 768px) {
	figure.wp-block-gallery.columns {
		-webkit-column-count: 4;
		   -moz-column-count: 4;
		        column-count: 4;
	}
	.wp-block-gallery.columns .wp-block-image {	margin-bottom: 9.33%; }
}

/* enforce 4:3 aspect ratio for all gallery images - this still doesn't solve the VHS conundrum */
/*
.wp-block-gallery .wp-block-image { height: 11.431%; }

@media screen and (min-width: 600px) {
	.wp-block-gallery .wp-block-image { height: 18.144%; }
}

@media screen and (min-width: 768px) {
	.wp-block-gallery .wp-block-image { height: 22.24%; }
}

.wp-block-gallery .wp-block-image img {
	display: block; /¬ close up underspace ¬/
	-o-object-fit: cover;
       object-fit: cover;
	-o-object-position: left top;
       object-position: left top;
}
*/
/* Video Post */

#primary.media .wp-block-gallery .wp-block-image { box-shadow: none; }

/* hide repetition of featured thumb when screen's wide enough to show it */
@media screen and (min-width: 640px) {
	#primary.media .wp-block-image.featured { display: none; }
}


/* gLightbox */

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	/* hide text-selection shading when menu items are clicked: */
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}

.glightbox-clean .gclose svg { width: 15px; }

button.gclose.gbtn { margin-top: -.4rem; }
.gprev svg, .gnext svg { margin-top: -25%; }
.gprev svg  { margin-left: -40%; }
.gnext svg  { margin-right: -40%; }

button.gclose.gbtn polygon { fill: rgba(255,255,255,0.85); }
button.gnext.gbtn  polygon { fill: white; }
button.gprev.gbtn  polygon { fill: white; }

/* ================================================================= Captions */

.wp-element-caption { display: none; }

.glightbox-clean .gslide-description {
    background: transparent;
	color: white;
}

.glightbox-clean .gdesc-inner {
    padding: 16px 12px 22px 12px;
}

.glightbox-clean .gslide-title,
.glightbox-clean .gslide-desc {
	font-family: 'Montserrat';
}

.glightbox-clean .gslide-title {
	color: white;
	margin-bottom: .25em;
}

.glightbox-mobile .glightbox-container .gslide-desc,
.glightbox-clean .gslide-desc {
	font-size: .9em;
	color: #ccc;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
	color: rgb(141,187,255);
	opacity: 1;
	font-weight: normal;
	text-decoration: none;
}

/* tiny thumbnail (missing big image) support */
.gslide-image img { min-width: 320px; }
@media (min-width: 480px) {
	.gslide-image img { min-width: 480px; }
}


/* ============================================================= 'Big' Images */

figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
} /* override */

#primary > figure.size-full { text-align: center; } /* override */

#primary {
}

figure.size-full {
	display: block;
	width: 100%;
	margin-bottom: 1em;	
	/*
	background: linear-gradient(135deg,#fcc 0%,#977) 100%;
	padding-top: 100px;
	*/
}


figure.size-full a {
	display: inline-block;
	border: 5px solid white;
	box-shadow: 0px 5px 5px #888888; 
}

figure.size-full img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: bottom; /* removes whitespace */
	border: 1px solid #eee;
	/* 
	margin-top: 50%;
	transform: translatey(-50%);
	padding: 0 0 35.775% 0; /~ .75 (4:3) of 50 ~/
	position: relative;
	*/
}

div.floatbox { display: block; }

#primary > div.floatbox p,
#primary > div > div.floatbox p { text-align: start; }

div.floatbox figure.size-full.floatbox-left,
div.floatbox figure.size-full.floatbox-right {
	width: 49%;
}
div.floatbox figure.size-full.floatbox-left {
	float: left;
	margin: 0 .5em .5em 0; 
}
div.floatbox figure.size-full.floatbox-right {
	float: right;
	margin: 0 0 .5em .5em; 
}

@media screen and (min-width: 350px) {
	div.floatbox figure.size-full.floatbox-left { margin: 0 1em .75em 0; }
	div.floatbox figure.size-full.floatbox-right { margin: 0 0 .75em 1em; }
}

@media screen and (min-width: 480px) {
	div.floatbox figure.size-full.floatbox-left,
	div.floatbox figure.size-full.floatbox-right { width: 40%; }
}

@media screen and (min-width: 640px) {
  				 figure.size-full img { max-width: 600px; }
	div.floatbox figure.size-full.floatbox-left img,
	div.floatbox figure.size-full.floatbox-right img { max-width: 100%; }
}

@media screen and (min-width: 768px) {
	div.floatbox figure.size-full.floatbox-left,
	div.floatbox figure.size-full.floatbox-right { width: 33%; }
}

figure.size-full.wide,
figure.size-full.wide a,
figure.size-full.wide img {
	width: 100%;
	max-width: none;
	height: auto;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Talent */

article.talent header {	
	padding: 10px;
	position: relative;
	overflow: hidden;
	flex-grow: 0;
	border: 3px solid white;
	box-shadow:
    	0 0 0 1px #eaeaea,
		0px 5px 5px #888888;
	margin-bottom: 1.25em;
}
article.talent header .details { display: flex; }


@media screen and (min-width: 512px) { article.talent .post-thumbnail { width: 33%; } }

article.talent h1,
article.talent ul.links {
    margin: 0 0 0.25rem 0;
}   

article.talent h1 {
	flex-grow: 1;
	font-weight: 600;	/* demibold */
	padding-right: .5em;
}

article.talent h1 span {
	color: #AAA;
}

article.talent ul.links {
	flex-grow: 1;
	max-width: 50%;
	padding-left: 0;
	text-align: right;
}

article.talent ul.links li {
	margin: 0 0 .33em .33em;
	display: inline-block; 
}
article.talent ul.links li a {	
	display: block;
	width: 28px;
	height: 28px;	
	line-height: 28px;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
}

article.talent ul.links li.instagram a { background-image: url('/design/images/icons/button-instagram.svg'); }
article.talent ul.links li.facebook  a { background-image: url('/design/images/icons/button-facebook.svg' ); }
article.talent ul.links li.twitter   a { background-image: url('/design/images/icons/button-twitter.svg'  ); }
article.talent ul.links li.mastodon  a { background-image: url('/design/images/icons/button-mastodon.svg' ); }
article.talent ul.links li.threads   a { background-image: url('/design/images/icons/button-threads.svg'  ); }
article.talent ul.links li.bluesky   a { background-image: url('/design/images/icons/button-bluesky.svg'  ); }
article.talent ul.links li.linkedin  a { background-image: url('/design/images/icons/button-linkedin.svg' ); }
article.talent ul.links li.website   a { background-image: url('/design/images/icons/button-link.svg'     ); }

article.talent ul.links li a,
article.talent ul.links li a:link,
article.talent ul.links li a:visited,
article.talent ul.links li a:hover,
article.talent ul.links li a:active {
	color: transparent;
	/* hide text-selection shading when menu items are clicked: */
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}

@media	screen and (min-width: 480px) {
	article.talent ul.links {
		text-align: right;
		max-width: 100%;
	}
}

@media	screen and (min-width: 600px) {
	article.talent h1 {
		width: 100%;
	}
	article.talent ul.links {
		width: auto;
		flex-grow: 0;
		white-space: nowrap;
	}
}

@media	screen and (min-width: 880px) {
	article.talent ul.links li a {
		width: 35px; height: 35px;
	}
}

article.talent p { clear: both; }
article.talent p:last-child { margin-bottom: 0; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ SPARK */

#primary.spark {
	padding: 0; 
}

.spark.teletext  {
	background-image: url('/design/images/telly-spark-bg-crop.jpg'); 
	background-size: 100% auto;
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 79.25%;
	padding-bottom: 22%;
	position: relative;
    display: flex;
    flex-direction: column;
}

#primary.spark.xmas .spark.teletext  {
	background-image: url('/design/images/telly-spark-bg-xmas-crop.jpg'); 
}
.spark.teletext #container {
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
}

.spark.teletext #screen { position: absolute; }
.spark.teletext #bitmaps { display: none; }
.spark.teletext #remote { display: none; }

.spark.teletext #teletextCanvas {
    margin: auto;
    position: relative;
    height: auto;
    left: 0;
    right: 0;
    top: 5.3%;
    width: 100%;
}

.spark.teletext #right {
    position: absolute;
    right: 0.1%;
    top: 4%;
    display: none;
}


.spark.teletext #below {
    position: static;
    display: none;
    width: 100%;
    bottom: 0;
    top: 247px;
    height: calc(100vw*0.464);
}

.spark.teletext #remote2 {
    display: none;
    width: 100%;
    height: calc(100vw*0.464);
}

@media screen and (min-width: 769px) {
	.spark.teletext {
		background-image: url('/design/images/telly-spark-bg.jpg'); 
		padding-bottom: 16%;
	}
	#primary.spark.xmas .spark.teletext {
		background-image: url('/design/images/telly-spark-bg-xmas.jpg'); 
	}
}


@media screen and (min-width: 914px) { .spark.teletext #right { right: 1.9%; } }
@media screen and (min-width: 995px) { .spark.teletext #right { right: 1.65%; } }


#primary.spark h1 { /* no visibility */
	margin: 0;
	height: 0;
	padding: 0;
	overflow: hidden; 
} 
#primary.spark h1 span { display: none; } /* no edit pencil */

#primary.spark > p { margin: 0 .67rem; }

@media screen and (min-width: 600px) { 
	#primary.spark > p { margin: 0 .67rem 0 1rem; }
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Homepage Masking */

/*
.maskblock     { display: none; }
*/
/*
body.home #skyboxsearch,
body.home #primary-menu,
.home-division { display: none; }
*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Widgets */

.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}


/* ============================================================== Homepage Mask Widgets */

.tvafeature, .twittermodule, .aboutmodule {
	margin-bottom: 5px; /* 5px grid gap */
}

/* ----------------------------------------------------------- Homepage SPARK */

.spark.tvafeature  {
	padding-top: 75%; /* aspect ratios: 16:9 56.25% | 4:3 75% | 1:1 100% */
	background-image: url('/content/teletext/telly-SPARK-tall.png');
	background-size: 100% auto;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
    display: flex;
    flex-direction: column;
}

.spark.tvafeature #container {
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
}

.spark.tvafeature #screen { position: absolute; }
.spark.tvafeature #bitmaps { display: none; }
.spark.tvafeature #remote { display: none; }

.spark.tvafeature #teletextCanvas {
    margin: auto;
    position: relative;
    height: auto;
    left: 0;
    right: 0;
    top: 5.3%;
    width: 100%;
}

.spark.tvafeature #right {
    position: absolute; right: 6%; top: 10%;
    right: 8%;
    top: 15%;
    display: none;
}


.spark.tvafeature #below {
    position: static;
    display: none;
    width: 100%;
    bottom: 0;
    top: 247px;
    height: calc(100vw*0.464);
}

.spark.tvafeature #remote2 {
    display: none;
    width: 100%;
    height: calc(100vw*0.464);
}

/* ----------------------------------------------------- Twitter and About Us */

.subfeatures {
	background-image: url('/content/teletext/subfeatures_tv_static_3.gif');
}

.twittermodule,
.aboutmodule {
	padding: 10px 20px;
	color: white;
}

.twittermodule {
	background-color: rgba(100,255,100,0.2);
}

.aboutmodule {
	background-color: rgba(78,126,183,0.8);
	font-family: 'Montserrat', Arial, sans-serif;
}

.subfeatures h2 {
	font-size: 1.2em;
	margin-bottom: 0.33em;
}

.subfeatures p { margin-bottom: 0.5em; line-height: 1.25em; }

/* ------------------------------------------------------------------- @media */

@media	screen and (min-width: 421px) {
	.subfeatures h2 { font-size: 1.35em; }
} /* @media */


@media	screen and (min-width: 769px) {

	.subfeatures {
		width: 100%;
		display: flex;
		flex-direction: row;
	}

	.twittermodule { flex-grow: 1; }
	.aboutmodule { max-width: 36%; }

	.spark.tvafeature { background-image: url('/content/teletext/telly-SPARK.png'); }

} /* @media */



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Plugins */


/* Jetpack infinite scroll */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Utilities */

/* Make sure editor logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

/* Accessibility */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#primary[tabindex="-1"]:focus { outline: 0; } /* eliminate anchor outline */

/* Alignments */

.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* teletext-viewer theme: spark-home */