/*
Theme Name: AAR
Theme URI: http://adrianroselli.com/
Description: Custom theme for my site. Go get your own.
Author: Adrian Roselli
Author URI: http://adrianroselli.com/
Version: 1.0
Tags: 
*/

/* ================================================================================================== */
/* Generic Style Declarations */

@-ms-viewport	{	width: device-width; }

body		{	background-color: #efefef;
			color: #000;
			font-family: 'Cabin', Arial, sans-serif;
			text-rendering: optimizeLegibility;
			padding: 0;
			margin: 0;
			line-height: 1.6;
			scroll-behavior: smooth; }

@media (min-width:50em) {

  	body	{	/*background-color: #5C6D69;*/ }

}

@media (min-width:70em) {

	body	{	/*background-color: #695C6D;*/ }

}

@media print {

	body	{	background-color: #fff;
			color: #000;
			font-size: 8pt; }

}

#SVGsprites	{	display: none; }

/* END Generic Style Declarations */
/* ================================================================================================== */




/* ================================================================================================== */
/* Header */

header[role="banner"]
		{	/*border: 1px dotted #ff0;*/
			background-position: right bottom;
			background-repeat: no-repeat;
			background-color: #fff;
			background-size: cover;
			box-shadow: 0 0 5em rgba(0,0,0,.3);
			padding-bottom: .1em; }

@media (max-width:50em) {

	header[role="banner"]
		{	background-size: auto 55%; }

}

@media (max-width:27em) {

	header[role="banner"]
		{	background-size: auto 51%; }

}

@media screen and (max-width:450px) {

}

@media screen and (max-width:875px) {

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_0875.jpg); }

}

@media screen and (min-width:875px) and (max-width:1750px) {

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_1750.jpg);
			background-position: right bottom; }

}

@media screen and (min-width:1750px) and (max-width:3500px) {

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_3500.jpg); }

}

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

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_7000.jpg); }

}

header[role="banner"]::after
		{	content: "";
			display: block;
			clear: both; }

header div > a[href="/"]
		{	display: block;
			margin: 1em 0 1.5em 1em;
			overflow: hidden; }

header div > a[href="/"] strong
		{	display: block;
			font-size: 2.5em;
			line-height: 100%;
			margin: 0;
			padding: 0;
			text-shadow: 0.02em 0.02em 0 #efefef, 0.05em 0.05em 0 #f60;
			text-shadow: 0.02em 0.02em 0 #efefef, 0.05em 0.05em 0 var(--hilite-light);
			font-size-adjust: 0.47;
			font-weight: 500;
			font-style: normal; }

header div > a[href="/"]
		{	display: block;
			-webkit-transform: skew(0deg,-4.1deg);
			-moz-transform: skew(0deg,-4.1deg);
			-o-transform: skew(0deg,-4.1deg);
			transform: skew(0deg,-4.1deg);
			-webkit-text-outline: #fff .1em;
			-moz-text-outline: #fff .1em;
			-o-text-outline: #fff .1em;
			text-outline: #fff .1em;
			-webkit-transition: all 0.1s ease-in;
			-moz-transition: all 0.1s ease-in;
			-o-transition: all 0.1s ease-in;
			transition: all 0.1s ease-in;
			transform-origin: 10em bottom; }

header div > a[href="/"], header div > a[href="/"]:link, header div > a[href="/"]:visited, header div > a[href="/"]:hover, header div > a[href="/"]:active, header div > a[href="/"]:focus
		{	text-decoration: none;
			color: #000; }

header div > a[href="/"]:hover, header div > a[href="/"]:active, header div > a[href="/"]:focus
		{	-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			transform: none; }

@media screen and (min-width:50em) {

	header[role="banner"]
		{	padding-bottom: .1em;
			border-top: .25em solid #000; }

	header[role="banner"] div
		{	margin: 0 auto 1.25em auto; }

	header div > a[href="/"]
		{	margin-bottom: 0; }

	header div > a[href="/"] strong
		{	font-size: 3em; }

	/* flexy bits */

	header[role="banner"] div
		{	display: flex;
			flex-wrap: nowrap;
			flex-direction: row-reverse; }

	header[role="banner"] div > a[href="/"]
		{	flex-grow: 1;
			flex-shrink: 1;
			flex-basis: auto; }

	header[role="banner"] div > nav
		{	flex-grow: 0;
			flex-shrink: 1;
			flex-basis: 30em;
			align-self: flex-start;
			border-radius: 0 0 0 .5em; }

}

@media screen and (min-width:62em) {

	header div > a[href="/"] strong
		{	font-size: 4.5em; }

}

@media print {

	header[role="banner"]
		{	background-image: none;
			border: none;
			box-shadow: none; }

}

/* Navigation ---------------------------------------------------------------------- */

nav		{	box-sizing: border-box;
			padding: .25em;
			margin: 0;
			background-color: #000; }

nav ul, nav li	{	margin: 0;
			padding: 0;
			list-style-type: none; }

nav > ul	{	display: grid;
			grid-template-columns: repeat(auto-fill, minmax(6em, 1fr)); }

nav > ul > li	{	margin: 0.5em;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		align-content: flex-start; }

nav > ul > li > a
		{	flex: 1 1 auto; }

nav > ul > li > button
		{	flex: 0 1 1em;
			margin-right: 1em; }

@media screen and (min-width:50em) {

	nav > ul	{	justify-content: flex-end; }

}

nav > ul li ul	{	background-color: #000;
			clip: rect(1px 1px 1px 1px);
			clip: rect(1px, 1px, 1px, 1px);
			width: 1px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			white-space: nowrap; }

nav > ul li > ul
		{	left: auto;
			right: auto;
			clip: initial;
			width: auto;
			height: auto;
			overflow: visible;
			padding: .5em 0;
			top: 5.5em;
			z-index: 10;
			margin-left: -.1em;
			border: .1em solid rgba(255,255,255,.25);
			border-color: #f60;
			border-color: var(--hilite-dark); }

@media screen and (min-width:50em) {
	nav > ul li > ul
			{	top: 3.5em; }
}

nav > ul li:hover, nav > ul li.focus
		{	position: static; }

nav > ul li li
		{	margin: 0; }

nav > ul, nav > ul a
	 	{	-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0;
			padding: 0; }

nav a		{	color: #fff;
			text-align: center;
			text-decoration: none;
			line-height: 1.4; }

nav a:hover, nav a:focus
		{	color: #f60;
			color: var(--hilite-dark);			
			outline: none; }

nav > ul > li
		{	border: .1em solid rgba(255,255,255,.25); }

nav li:focus-within, nav li:hover
		{	border-color: #f60;
			border-color: var(--hilite-dark); }

nav li:hover /* IE / Edge */
		{	border-color: #f60;
			border-color: var(--hilite-dark); }

nav > ul a	{	padding: .7em .5em;
			display: block;
			width: auto; }

nav > ul > li > a
		{	text-align: center;
			min-height: 2.5em;
			padding: .5em .75em .5em .75em; }

nav > ul li ul a
		{	line-height: 1.2em;
			text-align: left;
			padding: .5em 1em;
			margin: 0; }

/* Style links that are current page/section. */

nav>ul>li a[aria-current="page"], nav>ul>li:hover a[aria-current="page"], nav>ul>li:focus a[aria-current="page"]
		{	color: #757575;
			border-color: #999; }

@media print {

	nav 	{	display: none; }

}

nav > ul > li > a + button {
    font-size: 80%;
    color: #fff;
    background-color: transparent;
    padding: .3em 0.2em 0 0.2em;
    border: .2em solid rgba(255,255,255,.25);
    border-radius: 50%;
    line-height: 1;
    text-align: center;
}

nav > ul > li > a + button:hover, nav > ul > li > a + button:focus, nav > ul > li > a + button[aria-expanded=true] {
    border-color: var(--hilite-dark);
    background-color: transparent;
    outline: none;
}

nav > ul > li > a + button svg {
    width: 1em;
    height: 1em;
    fill: #fff;
    transition: transform .25s ease-in;
    transform-origin: center 45%;
}

nav > ul > li > a + button:hover svg, nav > ul > li > a + button:focus svg, nav > ul > li > a + button[aria-expanded=true] svg {
    fill: var(--hilite-dark);
}

button[aria-expanded=true] svg {
    transform: rotate(180deg);
}

/* / Navigation -------------------------------------------------------------------- */

/* END Header */
/* ================================================================================================== */




/* ================================================================================================== */
/* Footer */

footer[role=contentinfo]
		{	box-sizing: border-box;
			position: relative;
			clear: both;
			margin: 0 auto;
			max-width: 100%;
			background-color: #000;
			color: #fff;
			font-size: 95%;
			padding: 1em; }

footer[role=contentinfo] a[href]
		{	text-decoration-skip: ink;
			text-decoration-skip-ink: auto; }

footer[role=contentinfo] p
		{	margin: 1em 0; }

footer[role=contentinfo] ul
		{	list-style: none;
			margin: 0;
			padding: 0;
			display: inline; }

footer[role=contentinfo] ul li
		{	margin: 0;
			padding-right: .5em;
			padding-left: .5em;
			display: inline; }

footer[role=contentinfo] ul a
		{	display: inline-block;
			margin: 0;
			padding: 0; }

footer[role=contentinfo] ul li::after
		{	content: "\2022"; /* bullet */ }

footer[role=contentinfo] ul li:last-child::after
		{	content: ""; }

footer[role=contentinfo] ul li:first-child a, footer[role=contentinfo] ul li:first-child
		{	padding-left: 0; }

footer[role=contentinfo] ul li:last-child a
		{	border-right: none;
			padding-right: 0;
			margin-right: 0; }

footer[role=contentinfo] a:link, footer[role=contentinfo] a:visited, footer[role=contentinfo] a:active, footer[role=contentinfo] a:hover, footer[role=contentinfo] a:focus
		{	color: #fff;
			text-decoration: none;
			margin-right: 1em; }

footer[role=contentinfo] a:hover, footer[role=contentinfo] a:focus
		{	text-decoration: underline; }

@media screen and (min-width:62em) {

	footer[role=contentinfo]
		{	margin: 0 auto;
			padding: 1em 5%; }

	footer[role=contentinfo] p, footer[role=contentinfo] ul
		{	margin: 0;
			flex: 1 1 14em; }

	footer[role=contentinfo] ul
		{	text-align: right; }

}

@media print {

	footer[role=contentinfo]
		{	margin: 0;
			padding: 0;
			background-color: transparent;
			color: #000;
			font-size: 80%; }

	footer[role=contentinfo] ul
		{	display: none; }

}

/* END Footer */
/* ================================================================================================== */




/* ================================================================================================== */
/* Layout */

header + div	{	display: block;
			box-sizing: border-box;
			width: 100%;
			padding: 1em .5em; }

main + aside	{	padding-top: 3em;
			padding-bottom: 2em; }

main:not(.home)
		{	font-size: 130%; }

@media (min-width:50em) {

	header + div
		{	padding: 1em 2em;
			margin: 0 auto; }

	header + div.post
		{	max-width: 60em; }

	header + div.page
		{	display: flex;
			align-items: flex-start;
			justify-content: space-between;
			max-width: 74em; }

	header + div.page main
		{	flex: 1 1 80%;
			margin-right: 3em;	}

	header + div.page > aside
		{	flex: 1 1 14em;
			padding-top: 6.5em;	}

}

@media print {

	header + div.post, header + div.page
		{	max-width: 100%; }

}

@media print {

	main + aside, #searchform
		{	display: none; }	

}

/* -- Start Skip Link ------------------------- */

a[href="#Skip"]	{	display: block;
			color: #fff;
			background: #000;
			margin: 0;
			padding: .5em 1em;
			font-weight: bold; }

a[href="#Skip"]:link, a[href="#Skip"]:visited
		{	color: #fff;
			text-decoration: none; }

@media screen and (min-width:50em) {

	a[href="#Skip"]
		{	position: absolute;
			left: -1000px;
			z-index: 2; }

	a[href="#Skip"]:active, a[href="#Skip"]:focus, a[href="#Skip"]:hover
		{	display: block;
			top: 0;
			left: 0; }

}

@media print {

	a[href="#Skip"]
		{	display: none; }

}

/* -- End Skip Link --------------------------- */

/* -- Start Home Page ------------------------- */

main article a[href]
		{	color: #f60;
			color: var(--hilite-light); }

main article > a[href]:hover, main article > a[href]:focus
		{	color: #000; }

main.index article
		{	position: relative; }

main.index article a[href]::after
		{	content: "";
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0; }

main.index article:hover
		{	color: var(--hilite-light); }

main article footer
		{	font-size: 85%; }

main article footer p
		{	margin-top: 0;
			margin-bottom: 0; }

main article, main article + footer
		{	margin: 1.4em 0; }

main article img
		{	margin: 1em auto 0 auto;
			display: block; }

@media (min-width:20em) {

	main article, main article + footer
		{	padding: 0; }

	main article img
		{	width: 100px;
			height: auto;
			float: right;
			margin-left: 1em; }

	main article p, main article footer
		{	clear: none; }

}

@media print {

	main article #respond
		{	display: none; }

}

main.index.home article:nth-child(3)
		{	font-size: 150%; }

main.index.home article:nth-child(4)
		{	font-size: 140%; }

main.index article h2
		{	margin-bottom: 0;
			margin-top: 2em;
			line-height: 1.3; }

@media all and (min-width:45em), print and (min-width: 5in) {
	main.index
			{	display: grid;
	  			grid-template-columns: 1fr 1fr;
				grid-template-rows: auto;
				grid-gap: 3em; 
				box-sizing: border-box;
				padding-top: 3em; }

	main.index > *
			{	box-sizing: border-box; }

	main.index h1
			{	grid-column: 1;
				margin: 0;
				line-height: 1;
				grid-row: 1; }

	main.index aside:nth-child(2)
			{	grid-column: 2;
				grid-row: 1;
				align-self: self-end; }

	main.index.search h1
			{	grid-column: 1 / span 2; }

	main.index.search > div
			{	grid-row: 2;
				grid-column: 1 / span 1;
				align-self: center; }

	main.index.search aside:nth-child(2)
			{	grid-row: 2;
				align-self: center; }

	main.index.home article:nth-child(3)
			{	margin-top: 0;
				grid-column: 1 / span 2; }

	main.index.home article:nth-child(4)
			{	grid-column: 1 / span 2; }

	main.index article
			{	margin: 0; }

	main.index article h2
			{	margin-top: 0; }

	main.index article h2 + p, main.index article h2 + img + p
			{	margin-top: .25em; }

	main.index.home article:nth-child(4), main.index.home article:nth-child(5)
			{	margin-top: 0; }

	main.index > article img
			{	width: 40%;
				max-width: 200px;
				height: auto;
				float: right;
				margin: .75em 0 1em 2em; }

	main.index > footer, main.index > #LinkContainer
			{	grid-column: 1 / span 2; }

}

@media all and (min-width:75em), print and (min-width: 7in) {
	main.index
			{	grid-template-columns: 1fr 1fr 1fr;
				grid-gap: 4em;  }

	main.index h1
			{	grid-column: 1 / span 2; }

	main.index.search h1
			{	grid-column: 1 / span 3; }

	main.index aside:nth-child(2)
			{	grid-column: 3; }

	main.index.search > div
			{	grid-column: 1 / span 2; }

	main.index.search aside:nth-child(2)
			{	grid-row: 2;
				grid-column: 3 / span 1; }

	main.index.home article:nth-child(3)
			{	grid-column: 1 / span 3; }

	main.index > footer, main.index > #LinkContainer
			{	grid-column: 1 / span 3; }
}


main article + footer
		{	text-align: center; }

main article + footer
		{	width: 100%; }

main article + footer a, main article + footer > span
		{	box-sizing: border-box;
			display: inline-block;
			padding: 0 0 .1em 0;
			width: 1.6em;
			margin: 0 .25em;
			border-radius: 50%;
			font-size: 120%; }

main article + footer a:link, main article + footer a:visited, main article + footer a:active, main article + footer a:hover, main article + footer a:focus
		{	text-decoration: none;
			background-image: none;
			text-shadow: none;
			color: #000;
			background-color: #fff;  }

main article + footer a.prev, main article + footer a.next, main article + footer .dots
		{	width: auto;
			color: #000;
			background-color: transparent; }

main article + footer > span
		{	color: #fff;
			background-color: #000; }

main article + footer a.prev:hover, main article + footer a.prev:focus, main article + footer a.next:hover, main article + footer a.next:focus
		{	color: #000;
			background-color: transparent;
			text-decoration: underline; }

main article + footer a:hover, main article + footer a:focus, main article + footer span.current
		{	background-color: #000;
			color: #fff; }

main article + footer a:hover, main article + footer a:focus
		{	background-color: var(--hilite-light); }

main article + footer a span, main article + footer span.current span
		{	display: none; }

main aside + article
		{	width: 100%; }

/* -- End Home Page --------------------------- */

/* -- Start Bottom of Post -------------------- */

main > footer	{	font-size: 85%;
			margin-top: 6em; }

main > footer a[href]
		{	background-size: 100% .1em; }

main > footer a[rel="prev"], main > footer a[rel="next"]
		{	/*border: 1px dotted #f0f;*/
			display: block;
			min-height: 3em;
			background-repeat: no-repeat;
			background-size: 3em auto; }

main > footer a[rel="prev"]
		{	text-align: left;
			padding-left: 3.5em;
			padding-right: 2em;
			background-position: 0 0;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMAQCAvERmeAPMAAABZSURBVGje7dCxDYAwEARBRAcPDUAp9N8U8QcvAmRZtmfCi1a3AQAAE7sjOcr92x7ZVe2yZMmSJUuWLFmyumc9kZzl3qbr/1/ChAkTJkyYMGHCFgsDAAAG9QIQUZ5P5aEjUwAAAABJRU5ErkJggg==); }

main > footer a[rel="next"]
		{	text-align: right;
			padding-right: 3.5em;
			padding-left: 2em;
			background-position: 100% 0;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMAQCAvERmeAPMAAABZSURBVGje7dCxDYAwEARBRAePKABKoP/miD94ObAs2dZMeNHqDgAAYGdvJFe9t52RPdUuTJgwYcKECRMmbP6wL5K72od09f8lS5YsWbJkyZIla6ssAABgVT+ZSZ4xcH7tBwAAAABJRU5ErkJggg==); }

main footer + article
		{	margin-top: 3em; }

@media screen and (min-width:36em) {

	main > footer .prevnextpost
		{	display: flex;
			align-items: flex-start;
			justify-content: space-between; }

	main > footer .prevnextpost p
		{	flex: 1 1 45%; }

}

@media print {

	main > footer
		{	display: none; }

}

/* -- End Bottom of Post ---------------------- */

/* -- Start Sidebar --------------------------- */

aside[role="complementary"] a:link, aside[role="complementary"] a:visited
	{	color: #333;
		background-image: none; }

aside[role="complementary"] a:hover,  aside[role="complementary"] a:focus
	{	color: #f60;
		color: var(--hilite-dark);
		background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); }

aside[role="complementary"] .tagcloud a:hover,  aside[role="complementary"] .tagcloud a:focus
	{	background-size: 100% .15em; }

aside[role="complementary"] h2
	{	margin: 2em 0 0 0; }


/* -- End Sidebar ----------------------------- */

/* -- Start Recent Posts Sidebar -------------- */

ul.recent	{	list-style-type: none;
			margin: 2em 0 0 0;
			padding: 0;
			display: grid;
			grid-gap: 2em;
			grid-template-columns: repeat(auto-fill, minmax(12em, 1fr)); }

ul.recent li	{	margin: 0;
			padding: 0;
			background-repeat: no-repeat;
			background-position: 0 .25em;
			background-size: 3em auto;
			line-height: 1.5; }

@media (min-width:30em) and (max-width:62em) {

	ul.recent li
		{	box-sizing: border-box; }

}

ul.recent a[href]
		{	display: block;
			min-height: 3em;
			text-decoration: none;
			padding-left: 3.5em;
			background-position: 100vw 0;
			transition: background ease-in .15s; }

ul.recent a[href]:focus, ul.recent a[href]:hover
		{	background-image: none;
			background-image: linear-gradient(to left, transparent 0%, #fff 100%);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: 3em 0;
			text-shadow: none; }

@media (min-width:62em) {

	ul.recent a[href]
		{	background-position: 10vw 0; }
}

ul.recent a time
		{	font-size: 85%;
			font-style: italic; }

ul.recent a time::before
		{	content: "";
			display: block; }

/* -- End Recent Posts Sidebar ---------------- */

/* -- Start Sub-Navigation Links -------------- */

ul.subnav	{	margin: 2em 0;
			padding: .25em 0;
			list-style-type: none;
			background-color: #000;
			border-radius: .5em; }

ul.subnav li	{	margin: 0; }

ul.subnav li a	{	display: block;
			text-shadow: none;
			background-image: none;
			padding: .25em 1.5em;
			margin: .5em 0; }

ul.subnav li a:link, ul.subnav li a:visited, ul.subnav li a:hover, ul.subnav li a:focus, ul.subnav li a:active
		{	color: #fff;
			text-decoration: none; }

ul.subnav li a:hover, ul.subnav li a:focus
		{	background-image: none;
			color: #f60;
			color: var(--hilite-light); }

ul.subnav li a[aria-current="page"], ul.subnav li a[aria-current="page"]:hover, ul.subnav li a[aria-current="page"]:focus
		{	color: #757575; }

@media (min-width:50em) {
}

/* -- End Sub-Navigation Links ---------------- */

/* END Layout */
/* ================================================================================================== */




/* ================================================================================================== */
/* Content Styles */

h1		{	margin: 1em 0 .25em 0;
			text-shadow: .05em .05em 0 #efefef, 0.1em .1em 0 rgba(0,0,0,.2);
			color: #f60;
			color: var(--hilite-light);
			font-size: 200%;
			line-height: 1.2; }

@media (min-width:32em) {

	h1	{	font-size: 300%; }

}

@media print {

	h1	{	color: #000;
			font-size: 150%; }

}

main > h2	{	margin-top: 2em; }

main > h3, main > h4, main > h5, main > h6
		{	margin-bottom: 0;
			margin-top: 1.5em; }

main > h5, main > h6
		{	font-size: 100%;
			margin-left: 2em; }

main > h6	{	margin-left: 4em; }

main aside	{	box-sizing: border-box;
			font-size: .85em;
			color: #000;
			margin: 1.5em 0;
			padding: 0;
			border-top: .3em solid rgba(0,0,0,.2);
			border-bottom: .3em solid rgba(0,0,0,.2); }

main.home aside
		{	font-size: 1em; }

main aside + aside
		{	margin-top: 2em; }

main aside a[href]
		{	-webkit-background-size: 100% .1em;
			background-size: 100% .1em; }

@media print {

	main aside
		{	color: #000;
			border-top: .1em solid #CCC; }

}

@media (min-width:25em) {

	main aside
		{	margin: 1.5em 1em; }

}

@media print, (min-width:50em) {

	main aside
		{	margin: 1.5em 2em; }

	main aside.right, main aside.left
		{	width: 33%; }

	main aside.right
		{	margin: .5em 0 1em 2em;
			float: right; }

	main aside.left
		{	margin: .5em 2em 1em 0;
			float: left; }

}

h1 + aside	{	margin-top: 0;
			margin: 0;
			border: none; }

h1 + aside time	{	font-style: italic;
			padding-right: .25em; }

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

iframe		{	max-width: 100%; }

iframe[src*="//www.slideshare.net/"], iframe[src*="//www.youtube.com/"], iframe[src*="//player.vimeo.com/"], iframe[src*="//docs.google.com/"], iframe[src*="//www.google.com/"]
		{	border: 2px solid #ccc !important;
			width: 90% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			display: block; }

sup, sub	{	font-size: 75%;
			line-height: 0; }

small		{	font-size: 75%; }

abbr[title], acronym[title]
		{	border-bottom: 0.1em dotted rgba(0,0,0,.3);
			cursor: help;
			text-decoration: none; }

mark	{	background-color: #ff0;
			color: #000; }

del, s, strike
		{	text-decoration: line-through; }

s, strike
		{	text-decoration-color: #f00; }

ins		{	text-decoration: none;
			border-bottom: .2em double #080; }

/* Screen-reader styles */
mark::before, mark::after, del::before, del::after, ins::before, ins::after, s::before, s::after, strike::before, strike::after
		{	clip-path: inset(100%);
			clip: rect(1px, 1px, 1px, 1px);
			height: 1px;
			width: 1px;
			overflow: hidden;
			position: absolute;
			white-space: nowrap; }

mark::before
		{	content: " [highlight start] "; }

mark::after
		{	content: " [highlight end] "; }

del::before
		{	content: " [deletion start] "; }

del::after
		{	content: " [deletion end] "; }

ins::before
		{	content: " [insertion start] "; }

ins::after
		{	content: " [insertion end] "; }

s::before, strike::before
		{	content: " [start of stricken text] "; }

s::after, strike::after
		{	content: " [end stricken text] "; }

/* Windows High Contrast Mode styles */
@media screen and (-ms-high-contrast: active) {
	mark
		{	color: HighlightText;
			background-color: Highlight; }

	ins	{	border-bottom-color: Highlight; }

	s	{	text-decoration-color: Highlight; }
}

/* Print styles */
@media print {
	mark
		{	border: 1pt dotted #000; }

	ins	{	border-bottom-width: 3pt; }
}


/* -- Start Images ------------------------- */

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

img[longdesc]	{	position: relative; }

img[longdesc]::before
		{	position: absolute;
			top: 0;
			left: 0;
			content: "longdesc: " attr(longdesc);
			display: block;
			width: auto;
			min-width: 30em;
			max-width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			background-color: rgba(255,255,255,.5);
			z-index: 20; }

@media (min-width:25em) {
  
	img.left, img.right
		{	max-width: 49%;
			height: auto; }

	img.left
		{	float: left;
			margin-right: 1em; }

	img.right
		{	float: right;
			margin-left: 1em; }
  
	figure img.left, figure img.right
		{	margin-left: 0;
			margin-right: 0; }
  
}

/* -- End Images --------------------------- */

/* -- Start Hyperlinks --------------------- */

main a:link, main a:visited, main a:active
		{	color: #00f;
			color: var(--hilite-light); }

main a:visited	{	color: #000; }

main a:hover, main a:focus
		{	color: #f60;
			color: var(--hilite-light);
			text-decoration: none; }

main.index h2 a:hover, main.index h2 a:focus
		{	text-decoration-color: var(--hilite-light);
			color: #000; }

main a:focus img
		{	box-shadow: 0 0 1em #f60;
			box-shadow: 0 0 1em var(--hilite-light); }

main a[href], main article > a[href] h2, aside a[href], footer[role=contentinfo] a[href]
		{	text-decoration-skip: ink;
			text-decoration-skip-ink: auto; }

@media print {

	main a[href], main article > a[href] h2, aside a[href], footer[role=contentinfo] a[href]
		{	color: #000; }
	
	main a[href]::after
		{	content: none; }

}

/* a[href]::selection 
		{	color: #fff;
			background-color: #000; } */

a[href] abbr[title], a[href] acronym[title]
		{	cursor: inherit; }

main a[href$=".pdf"]::after /* Indicate PDF files */
		{	content: " (PDF)"; }

main a[target^="_"]::after /* Indicate new window/tab */
		{	content: " (opens in new window/tab)"; }

main a[href]:has( > img) /* Clear background style from images, though it shouldn't need it. */
		{	background-image: none; }

main a[href^="http://web.archive.org/"]::after, a[href^="https://web.archive.org/"]::after /* Indicate Wayback link */
		{	content: " (this a link to an archived version of the page)"; }

@keyframes Target /* Style an anchor when it has been navigated */
		{	
			from { box-shadow: 0 0 4em var(--hilite-light); }
			to { box-shadow: 0 0 4em transparent; }
		}

@-webkit-keyframes Target
		{
			from { box-shadow: 0 0 4em var(--hilite-light); }
			to { box-shadow: 0 0 4em transparent; }
		}

@keyframes TargetShake
		{
			from { transform: rotate(0deg); }
			to { transform: rotate(1deg); }
		}

@-webkit-keyframes TargetShake
		{
			from { transform: rotate(0deg); }
			to { transform: rotate(1deg); }
		}

:target		{	-webkit-animation: Target 1s ease-out 1, TargetShake .1s alternate-reverse 5;
			animation: Target 1s ease-out 1, TargetShake .1s alternate-reverse 5; }

/* Collectd in-page links */

sup.footnote
		{	padding-left: 0.2em;
			font-size: 75%;
			line-height: 0; }

#LinkContainer
		{	overflow-wrap: break-word;
			clear: both; }

sup.footnote, #LinkContainer
		{	display: none; }

@media print {
	#LinkContainer
		{	display: block;	}
	sup.footnote
		{	display: inline; }
}
@media screen and (min-width: 68em), print and (min-width: 6in) {
	#LinkContainer ol
		{	column-count: 2;
			column-gap: 4em; }
}
@media all and (min-width: 80em), print and (min-width: 8in) {
	#LinkContainer ol
		{	column-count: 3;
			column-gap: 4em; }
}

/* -- End Hyperlinks ----------------------- */

/* -- Start Quotes ------------------------- */

q::before	{	content: "\201C"; }

q::after	{	content: "\201D"; }

blockquote
		{	box-sizing: border-box;
			/* font-family: "Linden Hill", Georgia, "Times New Roman", Times, serif; */
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			/* font-size: 1.25em; */
			color: #444;
			margin: 1.5em 0;
			padding: 0; }

blockquote + blockquote
		{	margin-top: 3.5em; }

blockquote i, blockquote em, blockquote code, blockquote cite, blockquote blockquote
		{	font-style: normal; }

blockquote footer
		{	font-family: 'Cabin', Arial, sans-serif;
			font-size: 65%;
			font-style: normal;
			margin: 0 0 -.1em 0;
			line-height: 1.1; }

blockquote.comment > footer, blockquote.pingback > footer
		{	padding: 1.5em 0 0 2em; }

blockquote.comment code, blockquote.comment pre
		{	font-size: 95%; }

@media print {

	blockquote
		{	color: #000; }

}

blockquote footer cite
		{	font-family: 'Cabin', Arial, sans-serif; }

blockquote footer cite::before
		{	content: "\2014 ";
			padding-right: .5em; }

blockquote footer a[href], blockquote header a[href]
		{	background-size: 100% .1em; }

blockquote.comment > footer cite::before, blockquote.pingback > footer cite::before
		{	content: "";
			display: block;
			width: 1em;
			height: 1em;
			border-bottom: .1em solid rgba(0,0,0,.5);
			border-right: .1em solid rgba(0,0,0,.5);
			transform: rotate(45deg);
			background-color: #efefef; /* page bg #efefef */
			margin: -2.1em 0 1em 0;
			padding: 0; }

@media (min-width:50em) {

	blockquote.comment footer cite::before, blockquote.pingback footer cite::before
		{	left: .5em; }

}

blockquote.comment > footer cite::before, blockquote.pingback > footer cite::before
		{	border-bottom: .1em solid rgba(0,0,0,.5);
			border-right: .1em solid rgba(0,0,0,.5);
			margin-left: 2em; }

article div > blockquote.bypostauthor > footer cite::before
		{	border-bottom-color: #f60;
			border-bottom-color: var(--hilite-dark);
			border-right-color: #f60;
			border-right-color: var(--hilite-dark); }

@media print {

	blockquote.comment > footer cite::before, blockquote.pingback > footer cite::before
		{	background-color: #fff; /* page bg #efefef */
			border-bottom: .15em solid #CCC;
			border-right: .15em solid #CCC; }

}

article div > blockquote.comment, article div > blockquote.pingback
		{	border: none;
			padding: 0;
			margin: 1.5em 0;
			overflow: hidden;
			font-size: 1em; }

article div > blockquote.comment blockquote, article div > blockquote.pingback blockquote
		{	font-size: 100%;
			font-style: normal; }

article div > blockquote.comment blockquote > footer, article div > blockquote.pingback blockquote > footer
		{	margin-left: 0; }

article div > blockquote > div
		{	border: .1em solid rgba(0,0,0,.5);
			border-radius: 1em;
			padding-left: 1em;
			padding-right: 1em; }

article div > blockquote.bypostauthor > div
		{	border-color: #f60;
			border-color: var(--hilite-dark); }

@media print {

	article div > blockquote > div
		{	border-radius: 1em; }

}

article div > blockquote header
		{	margin: .5em 0 1em 1em;
			float: right;
			font-size: 65%; }

article div > blockquote header em, article div > blockquote header i, article div > blockquote header cite
		{	font-style: normal; }

article div > blockquote.comment > footer, article div > blockquote.pingback > footer
		{	margin: 0;
			border-top: none;
			border-bottom: none; }

article div blockquote + div, article div blockquote + div + div
		{	margin-left: 1.5em;
			margin-right: .5em; }

@media (min-width:25em) {

	blockquote
		{	margin: 1.5em 1em; }

}

@media (min-width:50em) {

	blockquote
		{	margin: 1.5em 2em; }

	blockquote + blockquote
		{	margin-top: 3.5em; }

	blockquote footer, blockquote.comment > footer, blockquote footer, blockquote.pingback > footer
		{	padding-left: 6.5em; }

	blockquote.comment footer cite::before, blockquote.pingback footer cite::before
		{	left: 8em; }

	blockquote.right, blockquote.left
		{	width: 33%; }

	blockquote.right
		{	margin: 0 1em 1em 2em;
			float: right; }

	blockquote.left
		{	margin: 0 2em 1em 1em;
			float: left; }

	blockquote.right footer cite::before, blockquote.left footer cite::before
		{	left: 1em; }

	blockquote.right footer, blockquote.left footer
		{	padding-left: 2em; }

	article div blockquote + div, article div blockquote + div + div
		{	margin-left: 5em;
			margin-right: 2.5em; }

}

.twitter-tweet-rendered /* Lots of inline crap to override, hence the !importants */
		{	margin-left: auto !important;
			margin-right: auto !important; }

@media (min-width:50em) {

	.twitter-tweet-rendered
		{	transform: scale(1.2) !important;
 			margin-top: 4em !important;
  			margin-bottom: 4em !important; }

}

/* -- End Quotes ------------------------- */

/* -- Start Code ------------------------- */

kbd		{	border: .07em solid #aaa;
			border-radius: 0.3em;
			box-shadow: 0.1em 0.2em 0.2em rgba(0,0,0,.25);
			background-color: #f9f9f9;
			background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
			padding: 0.1em 0.3em;
			font-family: Courier, "Courier New", monospace;
			font-size: 90%;
			color: #000;
			line-height: 1; }

code, pre, tt	{	font-family: 'VT323', 'Courier New', Courier, monospace;
			font-size: 110%;
			font-weight: normal;
			font-variant-ligatures: none;
			padding: .05em .25em;
			background-color: rgba(255,255,255,.75);
			border-radius: .5em; }

pre code, tt	{	background-color: transparent; }

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code
		{	padding: 0;
			background-color: transparent; }

pre		{	color: rgba(255, 176, 0, 0.8);
			background-color: #333;
			background-image: linear-gradient(to bottom, #222, #222 50%, #000 50%, #000);
			background-size: 100% 2px;
			text-shadow: rgba(185,128,0,.2) .5em 0 .2em;
			border: .07em solid #222;
			box-sizing: border-box;
			padding: .5em 1em;
			overflow: auto;
			box-shadow: inset 0 0 4em rgba(0,0,0,.5);
			border-radius: 1em;
			background-image: linear-gradient(to bottom, rgba(255,255,255,.05), rgba(255,255,255,.15) .5em, rgba(255,255,255,.05) 2em, rgba(255,255,255,.05) 2em, rgba(255,255,255,0)),
				linear-gradient(to bottom, #222, #222 50%, #000 50%, #000);
			background-size: 100% 100%, 100% 2px;
			min-height: 5em;
			white-space: pre-wrap;
			tab-size: 4;
			position: relative;
			overflow-y: hidden; }

pre::after
		{	animation: scanline 12s linear infinite;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 1;
			border-radius: 1em;
			cursor: text;
			background-image: linear-gradient(to bottom,
				rgba(255, 176, 0, 0) 0,
				rgba(255, 176, 0, 0) 1em,
				rgba(255, 176, 0, .05) 3em,
				rgba(255, 176, 0, .15) 3.1em,
				rgba(255, 176, 0, .01) 3.11em,
				rgba(255, 176, 0, .05) 3.2em,
				rgba(255, 176, 0, 0) 3.3em,
				rgba(255, 176, 0, 0) 10em);
			background-size: cover; }

@keyframes scanline
		{	from {
				background-position: 0 -3.3em;
			}
			to {
				transform: translatey(100%);
			}
		}

@media print {

	pre	{	color: #000;
			background-color: transparent;
			background-image:none;
			box-shadow: none;
			text-shadow: none; }

	pre::after
		{	display: none;  }

}

@media screen and (prefers-reduced-motion: reduce) {

	pre::after
		{	display: none;  }

}

code, kbd	{	box-decoration-break: slice;

			-webkit-box-decoration-break: slice;
 }

/* -- End Code --------------------------- */

/* -- Start Tables and Figures ----------- */

figure		{	display: block;
			box-sizing: border-box;
			margin: 1em 0;
			text-align: center; }

figure + figure	{	margin-top: 3.5em; }

figcaption	{	display: block;
			box-sizing: border-box;
			padding: .5em .5em 0 .5em;
			font-style: italic;			
			/* font-family: "Linden Hill", Georgia, "Times New Roman", Times, serif; */
			font-family: Georgia, "Times New Roman", Times, serif;
			clear: both;
			width: 100%; }

figcaption em, figcaption i, figcaption code
		{	font-style: normal; }

figure.right figcaption, figure.left figcaption
		{	padding-left: 0;
			padding-right: 0; }

table		{	margin: 1em 0;
			border-collapse: collapse; }

th, td		{	padding: 0.25em 0.5em;
			vertical-align: text-top;
			text-align: left; }

tr:nth-child(even)
		{	background-color: rgba(255,255,255,.25); }

tr:nth-child(odd)
		{	background-color: rgba(0,0,0,.1); }

th		{	vertical-align: bottom;
			background-color: rgba(0,0,0,.5);
			color: #fff;
			font-weight: bold; }

td.right, th.right, td.number, th.number/*, col.number || td, col.right || td  CSS4 table col selector */
		{	text-align: right; }

td::before	{	display: none; }

@media all and (max-width: 37em) {

	table:not(.noRWD), table:not(.noRWD) tr, table:not(.noRWD) td
		{	display: block; }

	table:not(.noRWD) tr
		{	padding: 0.7em 2vw; }

	table:not(.noRWD) th, table:not(.noRWD) tr:first-of-type
		{	display: none; }

	table:not(.noRWD) caption
		{	vertical-align: bottom;
			background-color: rgba(0,0,0,.5);
			color: #fff;
			font-weight: bold; }

	table:not(.noRWD) td::before
		{	display: inline;
			font-weight: bold; }

	table:not(.noRWD) td
		{	display: grid;
			grid-template-columns: 4em auto;
			grid-gap: 1em 0.5em; }

	table:not(.noRWD) td.right, table:not(.noRWD) th.right, table:not(.noRWD) td.number, table:not(.noRWD) th.number
		{	text-align: left; }

}

figure table	{	width: 100%;
			max-width: 100%; }

figure.right.half, figure.left.half
		{	width: auto;
			max-width: 100%;
			float: none; }

@media print, (min-width:50em) {

	figure.right, figure.left
		{	border-top: .1em solid #000;
			border-bottom: .1em solid #000;
			padding: 1em 0;
			width: 30%;
			margin-top: 0; }

	figure.right, figure.right.half
		{	float: right;
			margin-left: 2em; }

	figure.left, figure.left.half
		{	float: left;
			margin-right: 2em; }

	figure.right, figure.left
		{	padding: 1em .5em; }

	figcaption
		{	padding-left: 1em;
			padding-right: 1em; }

	figure.right.half, figure.left.half
		{	width: 48.5%;
			border-top: none;
			border-bottom: none; }

	figure.left.half + figure.right.half
		{	margin-left: .5%; }

	figure.right.half + figure.left.half
		{	margin-right: .5%; }

}

@media (min-width:70em) {

	figure.right, figure.left
		{	padding: 1em; }

	figure.right
		{	margin-left: 2em; }

	figure.left
		{	margin-right: 2em; }

	figcaption
		{	padding-left: 2em;
			padding-right: 2em; }

}

/* -- End Tables and Figures ------------- */

/* -- Start Lists ------------------------ */

ul, ol		{	margin-left: 0em;
			padding-left: 1.5em; }

ol		{	list-style-type: decimal-leading-zero;
			padding-left: 3em; }

ol ol		{ 	list-style-type: upper-alpha;
			padding-left: 1.5em; }

ol ol ol	{	list-style-type: upper-roman;
			padding-left: 2.5em; }

ol ol ol ol	{	list-style-type: lower-alpha;
			padding-left: 1.5em; }

ol ol ol ol ol	{	list-style-type: lower-roman;
			padding-left: 2.5em; }

ol.tree, ul.tree, ol.tree ol, ul.tree ul
		{	list-style-type: circle;
			padding-left: 1.2em; }

ol.tree ol, ul.tree ul
		{	border-left: .07em dotted currentColor;
			margin-left: -1.0em;
			padding-left: 3em; }

li, dt		{	margin-top: .75em; }

dd		{	margin-left: 1.5em;
			margin-top: .25em; }

/* -- End Lists -------------------------- */

/* -- Start Forms ------------------------ */

input, input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select
		{	border-radius: .5em;
			border: 0.15em solid #666;
			padding: .5em .75em;
			font-size: 100%;
			color: inherit;
			font-family: inherit;
			font-style: inherit;
			font-weight: inherit; }

input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus
		{	outline: none;
			border-color: var(--hilite-light); }

input[type="submit"], button
		{	border-radius: .5em;
			border: .1em solid #006;
			border: .1em solid var(--hilite-dark);
			padding: .5em 1em;
			background-color: #009;
			background-color: var(--hilite-dark);
			color: #fff;
			font-family: inherit;
			font-style: inherit;
			font-weight: inherit;  }

input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus
		{	box-shadow: 0 0 1em rgba(0,0,0,1);
			box-shadow: 0 0 1em var(--hilite-dark);
			background-color: #fff;
			color: var(--hilite-dark); }

[role="search"]	{	display: flex;
			align-items: stretch;
			background-color: #fff;
			border: .15em solid rgba(0,0,0,.5);
			border-radius: .5em;
			padding: 0; }

[role="search"] label
		{	display: inline-block;
			width: 0;
			overflow: hidden;
			text-indent: -1000px;
			margin: 0; }

[role="search"] button
		{	display: block;
			width: 2.5em;
			margin: 0;
			border: none;
			padding: .25em;
			background: transparent;
			border-left: .05em solid rgba(0,0,0,.5);
			border-radius: 0 .4em .4em 0;
			cursor: pointer;
			flex: 0 1 2.5em; }

[role="search"] button svg
		{	display: block;
			margin: 0 auto;
			fill: #333;
			width: 100%;
			height: auto; }

[role="search"]:focus-within, [role="search"]:focus-within button
		{	border-color: var(--hilite-light); }

[role="search"] button:hover, [role="search"] button:focus
		{	background-color: var(--hilite-light);
			box-shadow: none; }

[role="search"] button:hover svg, [role="search"] button:focus svg
		{	fill: #fff }

[role="search"] input[type="text"]
		{	border: none;
			background-color: transparent;
			margin: 0;
			border-radius: 0;
			flex: 1 0 auto; }

[role="search"] input[type="text"]:focus, [role="search"] button:focus
		{	outline: none;
			box-shadow: none; }

[role="search"] input[type="text"]::-webkit-input-placeholder
		{	color: #757575; }

[role="search"] input[type="text"]:-moz-placeholder
		{	color: #757575; /* Firefox 18- */ }

[role="search"] input[type="text"]::-moz-placeholder
		{	color: #757575; /* Firefox 19+ */ }

[role="search"] input[type="text"]:-ms-input-placeholder
		{	color: #757575; }

form[action$="wp-comments-post.php"] label
		{	display: block; }

form[action$="wp-comments-post.php"] textarea
		{	box-sizing: border-box;
			width: 98%;
			max-width: 98%;
			margin: 0 1%;
			height: 15em;
			font-size: 110%; }

form[action$="wp-comments-post.php"] input[type="text"]
		{	margin: 0 1%; }

textarea#comments
		{	width: 100%;
			box-sizing: border-box; }

/* -- End Forms -------------------------- */

.half		{	width: 49%;
			margin-right: 1%; }

.thirds		{	width: 32%;
			margin-right: 1%; }

.fourths	{	width: 24%;
			margin-right: .3%; }

.fifths		{	width: 18.5%;
			margin-right: .5%; }

.sixths		{	width: 15.5%;
			margin-right: .2%; }

.sevenths	{	width: 13%;
			margin-right: .3%; }

.eighths	{	width: 11%;
			margin-right: .5%; }

.ninths		{	width: 10%;
			margin-right: .1%; }

.tenths		{	width: 8.5%;
			margin-right: .5%; }

.half:nth-child(2n), .thirds:nth-child(3n), .fourths:nth-child(4n), .fifths:nth-child(5n), .sixths:nth-child(6n), .sevenths:nth-child(7n), .eighths:nth-child(8n), .ninths:nth-child(9n), .tenths:nth-child(10n)
		{	margin-right: 0; }

img.half, img.thirds, img.quarters, img.fifths, img.sixths, img.seventht, img.eighths, img.ninths, img.tenths, video.half, video.thirds, video.quarters, video.fifths, video.sixths, video.seventht, video.eighths, video.ninths, video.tenths
		{	height: auto;
			box-sizing: border-box; }

@media print, (min-width:40em) {

	figure.two, figure.three, figure.four, figure.five, figure.six, figure.seven, figure.eight, figure.nine, figure.ten, .tweet-wrapper
			{	padding: 0;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				align-items: flex-end; }

	.tweet-wrapper	{	align-items: flex-start; }

	figure.two > img, figure.three > img, figure.four > img, figure.five > img, figure.six > img, figure.seven > img, figure.eight > img, figure.nine > img, figure.ten > img, figure.two > video, figure.three > video, figure.four > video, figure.five > video, figure.six > video, figure.seven > video, figure.eight > video, figure.nine > video, figure.ten > video, figure.two > a, figure.three > a, figure.four > a, figure.five > a, figure.six > a, figure.seven > a, figure.eight > a, figure.nine > a, figure.ten > a, .tweet-wrapper.two > blockquote, .tweet-wrapper.two > .twitter-tweet.twitter-tweet-rendered, .tweet-wrapper.three > blockquote, .tweet-wrapper.three > .twitter-tweet.twitter-tweet-rendered, .tweet-wrapper.two > figure, .tweet-wrapper.three > figure
			{	flex: 1 1 auto;
				height: auto;
				margin: .25em; }

	figure.two > img, figure.two > video, figure.two > a
			{	width: 48%; }

	.tweet-wrapper.two > blockquote, .tweet-wrapper.two > .twitter-tweet.twitter-tweet-rendered, .tweet-wrapper.two > figure
			{	width: 48% !important; }

	figure.three > img, figure.three > video, figure.three > a
			{	width: 31%; }

	.tweet-wrapper.three > blockquote, .tweet-wrapper.three > .twitter-tweet.twitter-tweet-rendered, .tweet-wrapper.three > figure
			{	width: 30% !important; }

	figure.four > img, figure.four > video, figure.four > a
			{	width: 23%; }

	figure.five > img, figure.five > video, figure.five > a
			{	width: 18%; }

	figure.six > img, figure.six > video, figure.six > a
			{	width: 14%; }

	figure.seven > img, figure.seven > video, figure.seven > a
			{	width: 12%; }

	figure.eight > img, figure.eight > video, figure.eight > a
			{	width: 10%; }

	figure.nine > img, figure.nine > video, figure.nine > a
			{	width: 8%; }

	figure.ten > img, figure.ten > video, figure.ten > a
			{	width: 6%; }

}

.center		{	text-align: center; }

.clearleft	{	clear: left; }

.clearright	{	clear: right; }

.clear		{	clear: both; }

/* END Content Styles */
/* ================================================================================================== */




/* ================================================================================================== */
/* Really Specific Styles */

/* food truck page */

div.tw		{	float: left;
			width: 80%; /* so there is still room to scroll the page with your finger */
			height: 350px; /* to keep the page from dancing */
			padding: 0;
			box-sizing: border-box;
			margin: 0 0 1em 1em;
			background-color: #ccc; }

@media (min-width:570px) {

	div.tw	{	width: 250px; }

}

/* food photo post from 2012 */

ol.reasons::after
		{	content: "";
			display: block;
			clear: both; }

ol.reasons li:nth-child(2n+1)
		{	clear: both; }

ol.reasons li img
		{	display: block;
			margin: 0 auto; }

ol.reasons	{	margin: 0;
			padding: 0;
			clear: both; }

ol.reasons li	{	list-style-type: none;
			margin: .5em 1%;
			display: block;
			float: left;
			width: 48%;
			padding: 0 1em;
			box-sizing: border-box;
			text-align: center; }

@media (min-width: 62em) {

	ol.reasons li:nth-child(2n+1)
		{	clear: none; }

	ol.reasons li
		{	width: 31%; }

	ol.reasons li:nth-child(3n+1)
		{	clear: both; }
}



/* END Really Specific Styles */
/* ================================================================================================== */




/* ================================================================================================== */
/* Accessible Emoji */

/* The animation */

@keyframes TOOLTIP {
	from {
		bottom: .5em;
		background-color: rgba(0,0,0,0);
		border: .05em solid rgba(255,255,255,0);
		color: rgba(255,255,255,0);
		box-shadow: 0 0 0 rgba(0,0,0,1);
	}
	to {
		bottom: 1.5em;
		background-color: rgba(0,0,0,.85);
		border: .05em solid rgba(255,255,255,1);
		color: rgba(255,255,255,1);
		box-shadow: .15em .15em .5em rgba(0,0,0,1);
	}
}

/* Style for the tool-tip */

span[role=img][aria-label], span[role=img][aria-label]
		{	position: relative; }

span[role=img][aria-label]:focus::after, span[role=img][aria-label]:hover::after
		{	position: absolute;
			display: block;
			z-index: 1;
			bottom: 1.5em;
			left: 0;
			max-width: 5em;
			padding: .5em .75em;
			border: .05em solid rgba(255,255,255,1);
			border-radius: .2em;
			box-shadow: .15em .15em .5em rgba(0,0,0,1);
			content: attr(aria-label);
			background-color: rgba(0,0,0,.85);
			color: rgba(255,255,255,1);
			font-size: 80%;
			animation: TOOLTIP .1s ease-out 1; }

@media print {

	span[role=img][aria-label]::after
		{	content: " (" attr(aria-label) ") "; }

}

/* END Accessible Emoji */
/* ================================================================================================== */