/* hue: 30n; saturation: 100; lightness: */
/* light: background=5 button/border=35 link/button:hover=50 text=95 */
/* dark: text=5 button=35 button:hover=50 link=65 border=85 text=95 */

@font-face { font-family: 'Bellefair'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/bellefair-v6-latin-regular.woff2') format('woff2'), url('../fonts/bellefair-v6-latin-regular.woff') format('woff'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 100; src: url('../fonts/lato-v24-latin-100.woff2') format('woff2'), url('../fonts/lato-v24-latin-100.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'), url('../fonts/lato-v24-latin-300.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'), url('../fonts/lato-v24-latin-regular.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'), url('../fonts/lato-v24-latin-700.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('../fonts/lato-v24-latin-900.woff2') format('woff2'), url('../fonts/lato-v24-latin-900.ttf') format('truetype'); }

body { margin: 0; font-size: 21px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; }
	@media all and (max-width: 600px) { body { font-size: 3.5vw; } }
	@media all and (max-width: 500px) { body { font-size: 17.5px; } }
body:not(.dark) { background: white; color: black; }
body.dark { background: black; color: white; }

body:not(.dark) .orange { color: #201000; }
body.dark .orange { color: white; }

.serif { font-size: 24px; font-family: 'Bellefair', serif; }
	@media all and (max-width: 600px) { .serif { font-size: 4vw; } }
	@media all and (max-width: 500px) { .serif { font-size: 20px; } }
.technical { font-size: 15px; font-family: Consolas, 'Courier New', monospace; }
	@media all and (max-width: 600px) { .small { font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .small { font-size: 12.5px; } }

.tiny.technical { font-size: 9px; }
	@media all and (max-width: 600px) { .tiny.technical { font-size: 1.5vw; } }
	@media all and (max-width: 500px) { .tiny.technical { font-size: 7.5px; } }
.vsmall.technical { font-size: 12px; }
	@media all and (max-width: 600px) { .vsmall.technical { font-size: 2vw; } }
	@media all and (max-width: 500px) { .vsmall.technical { font-size: 10px; } }
.smaller { font-size: 16.5px; }
	@media all and (max-width: 600px) { .smaller { font-size: 2.75vw; } }
	@media all and (max-width: 500px) { .smaller { font-size: 13.75px; } }
.smaller.serif { font-size: 21px; }
	@media all and (max-width: 600px) { .smaller.serif { font-size: 3.5vw; } }
	@media all and (max-width: 500px) { .smaller.serif { font-size: 17.5px; } }
.small { font-size: 15px; }
	@media all and (max-width: 600px) { .small { font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .small { font-size: 12.5px; } }
.small.serif { font-size: 18px; }
	@media all and (max-width: 600px) { .small.serif { font-size: 3vw; } }
	@media all and (max-width: 500px) { .small.serif { font-size: 15px; } }
.small.technical { font-size: 13.5px; }
	@media all and (max-width: 600px) { .small.technical { font-size: 2.25vw; } }
	@media all and (max-width: 500px) { .small.technical { font-size: 11.25px; } }
.larger { font-size: 21px; }
	@media all and (max-width: 600px) { .larger { font-size: 3.5vw; } }
	@media all and (max-width: 500px) { .larger { font-size: 17.5px; } }
.larger.serif { font-size: 27px; }
	@media all and (max-width: 600px) { .larger.serif { font-size: 4.5vw; } }
	@media all and (max-width: 500px) { .larger.serif { font-size: 22.5px; } }
.large { font-size: 24px; }
	@media all and (max-width: 600px) { .large { font-size: 4vw; } }
	@media all and (max-width: 500px) { .large { font-size: 20px; } }
	@media all and (max-width: 960px) { .large.shrink { font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .large.shrink { font-size: 12.5px; } }
.large.serif, .serif .large { font-size: 30px; }
	@media all and (max-width: 600px) { .large.serif, .serif .large { font-size: 5vw; } }
	@media all and (max-width: 500px) { .large.serif, .serif .large { font-size: 25px; } }
.vlarge { font-size: 30px; }
	@media all and (max-width: 600px) { .vlarge { font-size: 5vw; } }
	@media all and (max-width: 500px) { .vlarge { font-size: 25px; } }
	@media all and (max-width: 960px) { .vlarge.shrink { font-size: 3.125vw; } }
	@media all and (max-width: 500px) { .vlarge.shrink { font-size: 15.625px; } }
.vlarge.serif { font-size: 36px; }
	@media all and (max-width: 600px) { .vlarge.serif { font-size: 6vw; } }
	@media all and (max-width: 500px) { .vlarge.serif { font-size: 30px; } }
.vvlarge { font-size: 36px; }
	@media all and (max-width: 600px) { .vvlarge { font-size: 6vw; } }
	@media all and (max-width: 500px) { .vvlarge { font-size: 30px; } }
	@media all and (max-width: 960px) { .vvlarge.shrink { font-size: 3.75vw; } }
	@media all and (max-width: 500px) { .vvlarge.shrink { font-size: 18.75px; } }
.vvlarge.serif { font-size: 42px; }
	@media all and (max-width: 600px) { .vvlarge.serif { font-size: 7vw; } }
	@media all and (max-width: 500px) { .vvlarge.serif { font-size: 35px; } }

h1 { margin: 0 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 36px; line-height: 115%; }
	@media all and (max-width: 600px) { h1 { margin: 0 0 2vw; font-size: 6vw; } }
	@media all and (max-width: 500px) { h1 { margin: 0 0 10px; font-size: 30px; } }
h1.large { font-size: 48px; }
	@media all and (max-width: 600px) { h1.large { font-size: 8vw; } }
	@media all and (max-width: 500px) { h1.large { font-size: 40px; } }
h1.serif { font-size: 48px; }
	@media all and (max-width: 600px) { h1.serif { font-size: 8vw; } }
	@media all and (max-width: 500px) { h1.serif { font-size: 40px; } }
h1.large.serif { font-size: 60px; }
	@media all and (max-width: 600px) { h1.large.serif { font-size: 10vw; } }
	@media all and (max-width: 500px) { h1.large.serif { font-size: 50px; } }
h2 { margin: 24px 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 30px; line-height: 115%; }
	@media all and (max-width: 600px) { h2 { margin: 4vw 0 2vw; font-size: 5vw; } }
	@media all and (max-width: 500px) { h2 { margin: 20px 0 10px; font-size: 25px; } }
h2.large { font-size: 36px; }
	@media all and (max-width: 600px) { h2.large { font-size: 6vw; } }
	@media all and (max-width: 500px) { h2.large { font-size: 30px; } }
h2.serif { font-size: 36px; }
	@media all and (max-width: 600px) { h2.serif { font-size: 6vw; } }
	@media all and (max-width: 500px) { h2.serif { font-size: 30px; } }
h2.large.serif { font-size: 48px; }
	@media all and (max-width: 600px) { h2.large.serif { font-size: 8vw; } }
	@media all and (max-width: 500px) { h2.large.serif { font-size: 40px; } }
h3 { margin: 24px 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 24px; }
	@media all and (max-width: 600px) { h3 { margin: 4vw 0 2vw; font-size: 4vw; } }
	@media all and (max-width: 500px) { h3 { margin: 20px 0 10px; font-size: 20px; } }
h3.large { font-size: 30px; }
	@media all and (max-width: 600px) { h3.large { font-size: 5vw; } }
	@media all and (max-width: 500px) { h3.large { font-size: 25px; } }
h3.serif { font-size: 30px; }
	@media all and (max-width: 600px) { h3.serif { font-size: 5vw; } }
	@media all and (max-width: 500px) { h3.serif { font-size: 25px; } }
h3.large.serif { font-size: 36px; }
	@media all and (max-width: 600px) { h3.large.serif { font-size: 6vw; } }
	@media all and (max-width: 500px) { h3.large.serif { font-size: 30px; } }
h4 { margin: 24px 0 12px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 18px; }
	@media all and (max-width: 600px) { h4 { margin: 4vw 0 2vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { h4 { margin: 20px 0 10px; font-size: 15px; } }

p { margin: 0 0 18px; line-height: 135%; }
	@media all and (max-width: 600px) { p { margin: 0 0 3vw; } }
	@media all and (max-width: 500px) { p { margin: 0 0 15px; } }
p.serif { margin-bottom: 18px; line-height: 120%; }
	@media all and (max-width: 600px) { p.serif { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { p.serif { margin-bottom: 15px; } }
p.smaller, p.smaller.serif { margin-bottom: 9px; }
	@media all and (max-width: 600px) { p.smaller, p.smaller.serif { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { p.smaller, p.smaller.serif { margin-bottom: 7.5px; } }
p.small, p.small.serif { margin-bottom: 6px; }
	@media all and (max-width: 600px) { p.small, p.small.serif { margin-bottom: 1vw; } }
	@media all and (max-width: 500px) { p.small, p.small.serif { margin-bottom: 5px; } }
p.larger, p.larger.serif { margin-bottom: 15px; }
	@media all and (max-width: 600px) { p.larger, p.larger.serif { margin-bottom: 2.5vw; } }
	@media all and (max-width: 500px) { p.larger, p.larger.serif { margin-bottom: 12.5px; } }
p.large, p.large.serif { margin-bottom: 18px; }
	@media all and (max-width: 600px) { p.large, p.large.serif { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { p.large, p.large.serif { margin-bottom: 15px; } }

a { text-decoration: none; }
.blue a { color: #4C4CFF; }
.orange a { color: #FFA54C; }
a:hover { text-decoration: none; }
.blue a:hover { color: #0000FF; }
.orange a:hover { color: #FF8000; }
a.button:hover { text-decoration: none; }

input[type="text"], input[type="email"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 40px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; color: #1A0D00; }
	@media all and (max-width: 600px) { input[type="text"], input[type="email"], input[type="password"] { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { input[type="text"], input[type="email"], input[type="password"] { padding: 5px 12.5px; font-size: 15px; } }
.compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 4.5px 12px; }
	@media all and (max-width: 600px) { .compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 0.75vw 2vw; } }
	@media all and (max-width: 500px) { .compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 3.75px 10px; } }
.blue input[type="text"], .blue input[type="email"], .blue input[type="password"] { background: #F2F2FF; color: #00001A; }
.orange input[type="text"], .orange input[type="email"], .orange input[type="password"] { background: #FFF2E5; color: #1A0D00; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 16px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; }
	@media all and (max-width: 600px) { textarea { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { textarea { padding: 5px 12.5px; font-size: 15px; } }
.blue textarea { background: #F2F2FF; color: #00001A; }
.orange textarea { background: #FFF2E5; color: #1A0D00; }

::-webkit-input-placeholder /* Edge */  { font-family: 'Lato', sans-serif; opacity: 0.65; }
:-ms-input-placeholder /* Internet Explorer 10-11 */  { font-family: 'Lato', sans-serif; opacity: 0.65; }
::placeholder { font-family: 'Lato', sans-serif; opacity: 0.65; }
.blue ::-webkit-input-placeholder /* Edge */  { color: #00001A; }
.blue :-ms-input-placeholder /* Internet Explorer 10-11 */  { color: #00001A; }
.blue ::placeholder { color: #00001A; }
.orange ::-webkit-input-placeholder /* Edge */  { color: #1A0D00; }
.orange :-ms-input-placeholder /* Internet Explorer 10-11 */  { color: #1A0D00; }
.orange ::placeholder { color: #1A0D00; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 40px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; }
	@media all and (max-width: 600px) { select { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { select { padding: 5px 12.5px; font-size: 15px; } }
.blue select { background: #E5E5FF; color: #00001A; }
.orange select { background: #FFF2E5; color: #1A0D00; }
.compact select { padding: 4.5px 12px; }
	@media all and (max-width: 600px) { .compact select { padding: 0.75vw 2vw; } }
	@media all and (max-width: 500px) { .compact select { padding: 3.75px 10px; } }

button, .button, a.button { padding: 6px 24px; border: none; border-radius: 48px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; white-space: nowrap; cursor: pointer; }
	@media all and (max-width: 600px) { button, .button, a.button { padding: 1vw 4vw; border-radius: 8vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { button, .button, a.button { padding: 5px 20px; border-radius: 40px; font-size: 15px; } }
	@media all and (max-width: 960px) { button.shrink { padding: 0.625vw 2.5vw; border-radius: 5vw; font-size: 1.875vw; } }
	@media all and (max-width: 500px) { button.shrink { padding: 3.125px 12.5px; border-radius: 25px; font-size: 9.375px; } }
.blue button, .blue .button, .blue a.button { background: #0000B2; color: #E5E5FF; }
body.dark .orange button, body.dark .orange .button, body.dark .orange a.button { background: #E57300; color: white; }
body:not(.dark) .orange button, body:not(.dark) .orange .button, body:not(.dark) .orange a.button { background: #FF8D1A; color: #1A0D00; }
body.dark .orange button.subtle, body.dark .orange .button.subtle, body.dark .orange a.button.subtle { background: #30261D; }
body:not(.dark) .orange button.subtle, body:not(.dark) .orange .button.subtle, body:not(.dark) .orange a.button.subtle { background: #E2D9CF; }
body.dark .orange button:hover, body.dark .orange .button:hover, body.dark .orange a.button:hover { background: #FF8000; color: white; }
body:not(.dark) .orange button:hover, body:not(.dark) .orange .button:hover, body:not(.dark) .orange a.button:hover { background: #FF8000; color: black; }
body.dark .orange button.subtle:hover, body.dark .orange .button.subtle:hover, body.dark .orange a.button.subtle:hover { background: #4D2800; }
body:not(.dark) .orange button.subtle:hover, body:not(.dark) .orange .button.subtle:hover, body:not(.dark) .orange a.button.subtle:hover { background: #FFDBB3; }
.blue button:hover, .blue .button:hover, .blue a.button:hover { background: #0000FF; color: white; }
.blue button.notselected { background: #000040; color: #CCCCFF; }
.blue button.notselected:hover { background: #000080; color: #E5E5FF; }
.blue button.selected { background: #0000FF; color: white; }
.orange button.border, .orange .button.border, .orange a.button.border { border: solid 1.5px white; }
.blue button.border, .blue .button.border, .blue a.button.border { border: solid 1.5px #E5E5FF; }
button.small, .button.small, a.button.small { padding: 5.25px 15px 4.5px; border-radius: 24px; font-size: 13.5px; }
	@media all and (max-width: 600px) { button.small, .button.small, a.button.small { padding: 0.875vw 2.5vw 0.75vw; border-radius: 4vw; font-size: 2.25vw; } }
	@media all and (max-width: 500px) { button.small, .button.small, a.button.small { padding: 4.375px 12.5px 3.75px; border-radius: 20px; font-size: 11.25px; } }
button.tiny, .button.tiny, a.button.tiny { padding: 2.25px 9px 2.625px; border-radius: 12px; font-size: 12px; }
	@media all and (max-width: 600px) { button.tiny, .button.tiny, a.button.tiny { padding: 0.375vw 1.5vw 0.4375vw; border-radius: 2vw; font-size: 2vw; } }
	@media all and (max-width: 500px) { button.tiny, .button.tiny, a.button.tiny { padding: 1.875px 7.5px 2.1875px; border-radius: 10px; font-size: 10px; } }

*:focus { outline: none; }  /* avoid nasty outlines, e.g. around text inputs, e.g. in Chrome */
* { box-shadow: none; }  /* avoid nasty shadows, e.g. around text inputs, e.g. in Firefox */

.thinspace { font-size: 75%; }
.nowrap { white-space: nowrap; }
.italic { font-style: italic; }
.bold { font-weight: 400; }
.extrabold { font-weight: 600; }
.underline { text-decoration: underline; }
.upper { text-transform: uppercase; }

.inline { display: inline-block; }

.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

.clickable { cursor: pointer; }

.noselect
{
   -webkit-user-select: none;  /* Safari */
   -ms-user-select: none;  /* IE 10 and IE 11 */
   user-select: none;
}

body:not(.dark) .grey { color: #C0C0C0; }
body.dark .grey { color: #808080; }

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }
.cell.number { padding-right: 6px; text-align: right; }
	@media all and (max-width: 600px) { .cell.number { padding-right: 0.5vw; } }
	@media all and (max-width: 500px) { .cell.number { padding-right: 2.5px; } }
.cell.title { padding-bottom: 12px; border-bottom: solid 1px white;}
	@media all and (max-width: 600px) { .cell.title { padding-bottom: 2vw; } }
	@media all and (max-width: 500px) { .cell.title { padding-bottom: 10px; } }
.cell.toprow { padding-top: 21px; }
	@media all and (max-width: 600px) { .cell.toprow { padding-top: 3.5vw; } }
	@media all and (max-width: 500px) { .cell.toprow { padding-top: 17.5px; } }
.cell.total { border-top: solid 1px white; padding-top: 18px; }
	@media all and (max-width: 600px) { .cell.total { padding-top: 3vw; } }
	@media all and (max-width: 500px) { .cell.total { padding-top: 15px; } }
.cell.right { text-align: right; padding-right: 18px; }
	@media all and (max-width: 600px) { .cell.right { padding-right: 3vw; } }
	@media all and (max-width: 500px) { .cell.right { padding-right: 15px; } }

.lower1 { position: relative; top: 1px; }
.raise3 { position: relative; top: -3px; }

.hidescrollbars { scrollbar-width: none; -ms-overflow-style: none; }
.hidescrollbars::-webkit-scrollbar { display: none; }

.squircleouter { position: relative; }
.squircleouter.inline { display: inline-block; }
.squircle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.headshot { width: 240px; height: 240px; }
.headshot.smaller { width: 180px; height: 180px; }
.headshot.small { width: 120px; height: 120px; }
.headshot.tiny { width: 60px; height: 60px; }

#error { margin: 6px 9px; }

#owmcontainer { width: 100vw; height: 100vh; }

#openwebmind { position: relative; width: 100%; height: 100%; overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; }
	@media all and (max-width: 600px) { #openwebmind { font-size: 3vw; } }
	@media all and (max-width: 500px) { #openwebmind { font-size: 15px; } }
#openwebmind::-webkit-scrollbar { display: none; }
#openwebmind.noscroll { overflow: hidden; }
/* make sure #openwebmind doesn't lose body background and color when full screen */ 
body:not(.dark) #openwebmind { background: white; color: black; }
body.dark #openwebmind { background: black; color: white; }

#owmviewouter { width: 100%; height: 100%; overflow: hidden; }
#owmviewinner { position: relative; width: 100%; height: 100%; }
#owmviewsvg { position: relative; /* required to render the SVG at a higher z-index than the underlying crosshairs */ width: 100%; height: 100%; cursor: default; }

#owmscrolltable { display: table; width: 100%; padding-bottom: 18px; }
.owmscrollrow { display: table-row; }
.owmscrollcellimage { display: table-cell; min-width: 80px; padding: 9px 9px 0 9px; vertical-align: top; }
.owmscrollcellimage.upstream { padding-top: 15px; }
.owmscrollimageouter { position: relative; visibility: hidden; }  /* must include squircleouter style */
.owmscrollimage { width: 80px; height: 60px; object-fit: contain; }
.owmscrollcelltext { display: table-cell; width: 100%; padding: 9px 12px 0 0; vertical-align: top; }
.owmscrollcelltext.upstream .id { font-size: 30px; font-family: Consolas, 'Courier New', monospace; }
.owmscrollcelltext.upstream .nowordings { margin-top: 9px; }
.owmscrollcelltext.upstream .name { font-size: 48px; }
.owmscrollcelltext.upstream .symbol { position: absolute; top: 12px; right: 18px; font-size: 30px; }
.owmscrollcelltext.upstream .othernames { margin-top: 9px; font-size: 15px; }
.owmscrollcelltext.upstream .keys { margin-top: 9px; font-size: 15px; }
.owmscrollcelltext.upstream .definition { margin-top: 9px; font-size: 24px; }
.owmscrollcelltext.upstream .description { margin-top: 9px; font-size: 15px; }
.owmscrollcelltext.upstream .url { margin-top: 9px; font-size: 24px; }
.owmscrollcelltext.upstream .owmspinnerouter { margin-top: 12px; }
.owmscrollcelltext.value { font-size: 18px; }
.owmscrollcelltext.downstream { font-size: 24px; }
.owmscrollcelltext.downstream .details { margin-top: 3px; font-size: 15px; }

#owmsearch { padding: 12px 15px 18px; }
#owmsearchtext { font-size: 48px; margin-bottom: 18px; }
.owmsearchresult { margin-bottom: 6px; }

.owmcrosshair { position: absolute; display: none; }
body:not(.dark) .owmcrosshair { background: #C0C0C0; }
body.dark .owmcrosshair { background: #404040; }
.owmcrosshair.x { top: 0; bottom: 0; left: 50%; width: 1px; }
.owmcrosshair.y { left: 0; right: 0; top: 50%; height: 1px; }
.owmcrosshair .text { position: absolute; font-size: 12px; font-weight: 700; z-index: 1; }
	@media all and (max-width: 600px) { .owmcrosshair .text { font-size: 2vw; } }
	@media all and (max-width: 500px) { .owmcrosshair .text { font-size: 10px; } }
body:not(.dark) .owmcrosshair .text { color: #404040; }
body.dark .owmcrosshair .text { color: #C0C0C0; }
.owmcrosshair .text .upper { text-transform: uppercase; }
.owmcrosshair.x .text { width: 100vw; line-height: 100%; }
.owmcrosshair.x .text.top { top: 3px; }
.owmcrosshair.x .text.bottom { bottom: 4.5px; }
.owmcrosshair.x .text.left { right: 4.5px; text-align: right; }
.owmcrosshair.x .text.right { left: 4.5px; text-align: left; }
.owmcrosshair.y .text { line-height: 100%; }
.owmcrosshair.y .text.left { left: 3px; text-align: left; }
.owmcrosshair.y .text.right { right: 3px; text-align: right; }
.owmcrosshair.y .text.above { top: 1.5px; }
.owmcrosshair.y .text.below { bottom: 3px; }

#owmcontrols { position: absolute; bottom: 0; width: 100%; height: clamp(31.5px, 8.4vh, 42px); font-size: clamp(13.5px, 3.6vh, 18px); font-weight: 300; }
#owmcontrolsleft { position: absolute; top: 0; left: 3px; }
#owmcontrolsright { position: absolute; top: 0; right: 3px; }
.owmcontrolbutton { display: inline-block; cursor: pointer; }
a.owmcontrolbutton { text-decoration: none; }
.owmcontrolicon { display: inline-block; width: clamp(18px, 4.8vh, 24px); height: clamp(18px, 4.8vh, 24px); vertical-align: middle; }
.owmcontrolicon svg { fill: none; stroke-width: 7.5px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 1.5; }
#owmcontrols .owmcontrolicon svg { stroke: #FF8000; }
#owmcontrols .owmcontrolicon { padding: clamp(6.75px, 1.8vh, 9px) 6px; }
body:not(.dark) .owmcontrolicon.open { background: #F0F0F0; }
body.dark .owmcontrolicon.open { background: #202020; }
.owmcontroltext { position: relative; top: clamp(-2.25px, -0.6vh, -3px); padding-right: 6px; vertical-align: middle; text-transform: uppercase; color: #FF8000; }
#owmexitfullscreen { display: none; }

.owmcontrolpanel { display: none; position: absolute; bottom: clamp(31.5px, 8.4vh, 42px); right: min(12px, 5%); padding: 3px 4.5px; text-align: left; }
body:not(.dark) .owmcontrolpanel { background: #F0F0F0; border-color: black; }
body.dark .owmcontrolpanel { background: #202020; border-color: white; }
.owmcontrollist { display: none; overflow: hidden auto; scrollbar-width: none; -ms-overflow-style: none; }
.owmcontrollist::-webkit-scrollbar { display: none; }
.owmcontrollistinner { width: 0 /* must be < .owmcontrolpanel width in the absence of any .owmcontrollist, so that .owmcontrollist does not contribute to .owmcontrolpanel width */; padding: 3px 0; }
.owmcontroltitle { border-bottom: solid 1px; padding: 1.5px 3px 4.5px; }
.owmcontrolspinner { padding-top: 36px; text-align: center; }
.owmcontrolspinner .owmspinnerouter { display: initial; }
.owmcontrolitem { width: 800px /* must be > .owmcontrolpanel width in the absence of any .owmcontrollist, so that .owmcontrolitem extends the full width of .owmcontrolpanel */; padding: 1.5px 3px 3px; font-size: 90%; font-weight: 400; white-space: nowrap; }
.owmcontrolitem:not(.selected) { cursor: pointer; }
.owmcontrolitem.selected { background: #FF8000; }
body:not(.dark) .owmcontrolitem.otherselected { background: #FFC080; }
body.dark .owmcontrolitem.otherselected { background: #804000; }
.owmcontrolsettings { visibility: hidden; border-top: solid 1px; padding-top: 4.5px; text-align: center; }
.owmcontrolset { display: inline-block; padding: 3px 0; }
.owmcontrolset:not(.last) { padding-right: 9px; }
.owmcontroloption { display: inline-block; padding: 3px; text-transform: uppercase; font-size: 80%; font-weight: 400; }
body:not(.dark) .owmcontroloption { background: white; }
body.dark .owmcontroloption { background: black; }
.owmcontroloption:not(.selected) { cursor: pointer; }
body:not(.dark) .owmcontroloption.selected { background: #FF8000; }
body.dark .owmcontroloption.selected { background: #FF8000; }
body:not(.dark) .owmcontroloption.autoselected { background: #FFC080; }
body.dark .owmcontroloption.autoselected { background: #804000; }
body:not(.dark) .owmcontrolpanel .owmcontrolicon svg { stroke: black; }
body.dark .owmcontrolpanel .owmcontrolicon svg { stroke: white; }

.owmspinnerouter { display: none; }
.owmspinner { width: 24px; height: 24px; border: 4px solid #FF800040; border-top: 4px solid #FF8000; border-radius: 50%; vertical-align: middle; animation: owmspin 1.5s linear infinite; display: inline-block; }
@keyframes owmspin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

#owmmore { margin: 12px; text-align: left; }

#scroll { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; }

#content { margin: 12px auto 18px; text-align: center; }
	@media all and (max-width: 600px) { #content { margin: 2vw auto 3vw; } }
	@media all and (max-width: 500px) { #content { margin: 10px auto 15px; } }
#content.flushbottom { margin-bottom: 0; }
.contentemulator { display: inline-block; }
.narrowwidth { width: 648px /* 648px = 90% x 720px chosen because divisible by so many 2's and 3's: 648 = 2^3 x 3^4 */; }
	@media all and (max-width: 720px) { .narrowwidth { width: 90vw; } }
.quitenarrowwidth { width: 756px /* 756px = 90% x 840px chosen because divisible by so many 2's and 3's: 756 = 2^2 x 3^3 x 7 */; }
	@media all and (max-width: 840px) { .quitenarrowwidth { width: 90vw; } }
.regularwidth { width: 864px /* 864px = 90% x 960px chosen because divisible by so many 2's and 3's: 864 = 2^5 x 3^3 */; }
	@media all and (max-width: 960px) { .regularwidth { width: 90vw; } }
.fullwidth { width: 100%; }

a.boxlink { display: inline-block; padding: 6px 9px; border: solid 2px black; border-radius: 9px; color: white; }
	@media all and (max-width: 600px) { a.boxlink { padding: 1vw 1.5vw; border-radius: 1.5vw; } }
	@media all and (max-width: 500px) { a.boxlink { padding: 5px 7.5px; border-radius: 7.5px; } }
a.boxlink:hover { text-decoration: none; border-color: #FF8000; color: white; }
a.boxlink img { vertical-align: middle; }
a.boxlink span { position: relative; top: -1px; vertical-align: middle; }

.gallery a.exhibit { display: inline-block; width: 108px; height: 108px; margin-bottom: 12px; border: solid 2px black; border-radius: 9px; font-size: 15px; color: white; }
	@media all and (max-width: 600px) { .gallery a.exhibit { width: 18vw; height: 18vw; margin-bottom: 2vw; border-radius: 1.5vw; font-size: 2.5vw; } }
.gallery.compact a.exhibit { width: 90px; height: 90px; font-size: 12.75px; }
	@media all and (max-width: 600px) { .gallery.compact a.exhibit { width: 15vw; height: 15vw; font-size: 2.125vw; } }
.gallery a.exhibit:hover { text-decoration: none; border-color: #FF8000; }

.catalogue { display: table; width: 648px; margin: 0 auto; }
	@media all and (max-width: 720px) { .catalogue { width: 90vw; } }
.catalogue a.entry { display: table-row; text-align: left; color: white; }
.catalogue a.entry:hover { text-decoration: none; }
.catalogue a.entry .logocell { display: table-cell; vertical-align: middle; border: solid 2px black; border-right: none; border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
	@media all and (max-width: 600px) { .catalogue a.entry .logocell { border-top-left-radius: 1.5vw; border-bottom-left-radius: 1.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .logocell { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } }
.catalogue a.entry:hover .logocell { border-color: #FF8000; }
.catalogue a.entry .logo { margin: 6px 15px 6px 9px; }
	@media all and (max-width: 600px) { .catalogue a.entry .logo { margin: 1vw 2.5vw 1vw 1.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .logo { margin: 5px 12.5px 5px 7.5px; } }
.catalogue a.entry .textcell { display: table-cell; vertical-align: middle; width: 100%; border: solid 2px black; border-left: none; border-top-right-radius: 9px; border-bottom-right-radius: 9px; padding: 3px 0 9px; }
	@media all and (max-width: 600px) { .catalogue a.entry .textcell { border-top-right-radius: 1.5vw; border-bottom-right-radius: 1.5vw; padding: 0.5vw 0 1.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .textcell { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; padding: 2.5px 0 7.5px; } }
.catalogue a.entry:hover .textcell { border-color: #FF8000; }
.catalogue a.entry .details { margin: 6px 0; font-size: 13.5px; text-transform: uppercase; }
	@media all and (max-width: 600px) { .catalogue a.entry .details { margin: 1vw 0; font-size: 2.25vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .details { margin: 5px 0; font-size: 11.25px; } }
.catalogue a.entry .title { font-size: 27px; font-family: 'Bellefair', serif; }
	@media all and (max-width: 600px) { .catalogue a.entry .title { font-size: 4.5vw; } }
	@media all and (max-width: 500px) { .catalogue a.entry .title { font-size: 22.5px; } }

.ce { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #9090FF; }
	@media all and (max-width: 600px) { .ce { font-size: 1.75vw; } }
	@media all and (max-width: 500px) { .ce { font-size: 8.75px; } }
input[type="text"].cui { height: 0; padding: 0; background: transparent; color: transparent; cursor: default; }
	input[type="text"].cui::-webkit-input-placeholder /* Edge */  { opacity: 0; color: transparent; }
	input[type="text"].cui:-ms-input-placeholder /* Internet Explorer 10-11 */  { opacity: 0; color: transparent; }
	input[type="text"].cui::placeholder { opacity: 0; color: transparent; }

.capture { margin: 9px 0 0; }
	@media all and (max-width: 600px) { .capture { margin: 1.5vw 0 0; } }
	@media all and (max-width: 500px) { .capture { margin: 7.5px 0 0; } }
.capture.close { margin-top: 6px; }
	@media all and (max-width: 600px) { .capture.close { margin-top: 1vw; } }
	@media all and (max-width: 500px) { .capture.close { margin-top: 5px; } }
.capture .capturefields { display: inline-block; vertical-align: top; }
.capture .cp { margin: 0 0 4.5px 13.5px; font-size: 15px; text-align: left; }
	@media all and (max-width: 600px) { .capture .cp { margin: 0 0 0.75vw 2.25vw; font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .capture .cp { margin: 0 0 3.75px 11.25px; font-size: 12.5px; } }
.capture .cf input[type="text"], .capture .cf input[type="email"], .capture .cf input[type="password"] { width: min(300px, 45vw); }
.capture .cf textarea { width: 70vw; max-width: 400px; }
.capture .ce { margin: 0 0 3px 15px; }
	@media all and (max-width: 600px) { .capture .ce { margin: 0 0 0.5vw 2.5vw; } }
	@media all and (max-width: 500px) { .capture .ce { margin: 0 0 2.5px 12.5px; } }
.capture #csili { margin: 6px 0; }
	@media all and (max-width: 600px) { .capture #csili { margin: 1vw 0; } }
	@media all and (max-width: 500px) { .capture #csili { margin: 5px 0; } }
.capture #csi { display: none; }
.capture .outcome { display: none; margin-bottom: 24px; }
	@media all and (max-width: 600px) { .capture .outcome { margin-bottom: 4vw; } }
	@media all and (max-width: 500px) { .capture .outcome { margin-bottom: 20px; } }
.capture .outcome.nospacebelow { margin-bottom: 0; }
.capture .outcome.fixed { position: fixed; top: 0; left: 0; right: 0; border-bottom: solid 1px white; padding: 12px 12px 15px; background: #4D2800; color: white; }
	@media all and (max-width: 600px) { .capture .outcome.fixed { padding: 2vw 2vw 2.5vw; } }
	@media all and (max-width: 500px) { .capture .outcome.fixed { padding: 10px 10px 12.5px; } }
.capture.live .outcome.fixed { background: #FF8000; }
.capture .outcome.progress { color: white; }
.capture .outcome.success { color: white; }
.capture .outcome.failure::not(.fixed) { color: #9090FF; }
.capture .outcome.left { text-align: left; }
.capture .outcome .controls { position: absolute; top: 7.5px; right: 9px; }
	@media all and (max-width: 600px) { .capture .outcome .controls { top: 1.25vmin; right: 1.5vmin; } }
	@media all and (max-width: 500px) { .capture .outcome .controls { top: 6.25px; right: 7.5px; } }
.capture .outcome .controls button, .capture .outcome .controls button:hover { background: white; color: #4D2800; }
.capture.live .outcome .controls button, .capture.live .outcome .controls button:hover { color: #FF8000; }
.capture .badge { border-radius: 9px; padding: 1.5px 9px 3px; font-weight: 700; background: white; color: #4D2800; }
.capture.live .badge { color: #FF8000; }
.capture .disclosure { margin-top: 12px; font-size: 12px; }
	@media all and (max-width: 600px) { .capture .disclosure { margin-top: 2vw; font-size: 2vw; } }
	@media all and (max-width: 500px) { .capture .disclosure { margin-top: 10px; font-size: 10px; } }
.capture .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #006000; }
.capture .log { font-family: Consolas, 'Courier New', monospace; font-size: 12px; }
	@media all and (max-width: 600px) { .capture .log { font-size: 2vw; } }
	@media all and (max-width: 500px) { .capture .log { font-size: 10px; } }
.capture div.log { padding: 0 12px 12px 47.25px; text-indent: -35.25px; }
	@media all and (max-width: 600px) { .capture div.log { padding: 0 2vw 2vw 7.875vw; text-indent: -5.875vw; } }
	@media all and (max-width: 500px) { .capture div.log { padding: 0 10px 10px 39.375px; text-indent: -29.375px; } }
.capture textarea.log { width: calc(100vw - 120px); height: 60vh; background: white; }
	@media all and (max-width: 600px) { .capture textarea.log { width: 90vw } }
	@media all and (max-width: 500px) { .capture textarea.log { width: calc(100vw - 100px) } }

.filelist { border-radius: 6px; padding: 6px 9px; line-height: 135%; font-weight: 400; background: white; color: black; }

.box { display: inline-block; margin: 0 9px; border: solid 2px white; border-radius: 9px; padding: 12px 18px; color: white; }
	@media all and (max-width: 600px) { .box { margin: 0 1.5vw; border-radius: 1.5vw; padding: 2vw 3vw; } }
	@media all and (max-width: 500px) { .box { margin: 0 7.5px; border-radius: 7.5px; padding: 10px 15px; } }
.box.flush { padding: 9px 18px 0; }
	@media all and (max-width: 600px) { .box.flush { padding: 1.5vw 3vw 0; } }
	@media all and (max-width: 500px) { .box.flush { padding: 7.5px 15px 0; } }
.box.orange { border-color: #FF8000; }
.box.blue { border-color: #0000FF; background: #00001A; }
.box.narrower { max-width: 684px; }
.box.narrow { max-width: 564px; }

.postcapture { display: none; }
.twitterlogo { position: relative; top: 9px; height: 32px; }
	@media all and (max-width: 600px) { .twitterlogo { top: 1.5vw; } }
	@media all and (max-width: 500px) { .twitterlogo { top: 3px; height: 16px; } }
.twitterlink { margin-left: 12px; color: #1DA1F2; font-family: Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-weight: 400; }
	@media all and (max-width: 600px) { .twitterlink { margin-left: 2vw; } }
	@media all and (max-width: 500px) { .twitterlink { margin-left: 10px; } }
.twitterlink:hover { border-radius: inherit; text-decoration: none; background: inherit; color: #1DA1F2; }
.instagramlogo { position: relative; top: 9px; height: 32px; }
	@media all and (max-width: 600px) { .instagramlogo { top: 1.5vw; } }
	@media all and (max-width: 500px) { .instagramlogo { top: 3px; height: 16px; } }
.instagramlink { margin-left: 12px; color: #F00074; font-family: Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-weight: 400; }
	@media all and (max-width: 600px) { .instagramlink { margin-left: 2vw; } }
	@media all and (max-width: 500px) { .instagramlink { margin-left: 10px; } }
.instagramlink:hover { border-radius: inherit; text-decoration: none; background: inherit; color: #F00074; }

.navigation { border-top: solid 1px #FFD9B340; padding: 3px 0 4.5px; font-size: 16.5px; text-transform: uppercase; }
	@media all and (max-width: 600px) { .navigation { font-size: 2.75vw; } }
	@media all and (max-width: 500px) { .navigation { font-size: 13.75px; } }
.kvvinc { margin-bottom: 18px; font-size: 13.5px; }
	@media all and (max-width: 600px) { .kvvinc { margin-bottom: 3vw; font-size: 2.25vw; } }
	@media all and (max-width: 500px) { .kvvinc { margin-bottom: 15px; font-size: 11.25px; } }

.gapleft { margin-left: 9px; }
	@media all and (max-width: 600px) { .gapleft { margin-left: 1.5vw; } }
	@media all and (max-width: 500px) { .gapleft { margin-left: 7.5px; } }

.nospaceabove { margin-top: 0px; }
.nospacebelow { margin-bottom: 0px; }

.sixteenthspacebelow { margin-bottom: 1.5px; }
	@media all and (max-width: 600px) { .sixteenthspacebelow { margin-bottom: 0.25vw; } }
	@media all and (max-width: 500px) { .sixteenthspacebelow { margin-bottom: 1.25px; } }
.eighthspaceabove { margin-top: 3px; }
	@media all and (max-width: 600px) { .eighthspaceabove { margin-top: 0.5vw; } }
	@media all and (max-width: 500px) { .eighthspaceabove { margin-top: 2.5px; } }
.eighthspacebelow { margin-bottom: 3px; }
	@media all and (max-width: 600px) { .eighthspacebelow { margin-bottom: 0.5vw; } }
	@media all and (max-width: 500px) { .eighthspacebelow { margin-bottom: 2.5px; } }
.quarterspaceabove { margin-top: 6px; }
	@media all and (max-width: 600px) { .quarterspaceabove { margin-top: 1vw; } }
	@media all and (max-width: 500px) { .quarterspaceabove { margin-top: 5px; } }
.quarterspacebelow { margin-bottom: 6px; }
	@media all and (max-width: 600px) { .quarterspacebelow { margin-bottom: 1vw; } }
	@media all and (max-width: 500px) { .quarterspacebelow { margin-bottom: 5px; } }
.threeeighthsspaceabove { margin-top: 9px; }
	@media all and (max-width: 600px) { .threeeighthsspaceabove { margin-top: 1.5vw; } }
	@media all and (max-width: 500px) { .threeeighthsspaceabove { margin-top: 7.5px; } }
.threeeighthsspacebelow { margin-bottom: 9px; }
	@media all and (max-width: 600px) { .threeeighthsspacebelow { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { .threeeighthsspacebelow { margin-bottom: 7.5px; } }
.halfspaceabove { margin-top: 12px; }
	@media all and (max-width: 600px) { .halfspaceabove { margin-top: 2vw; } }
	@media all and (max-width: 500px) { .halfspaceabove { margin-top: 10px; } }
.halfspacebelow { margin-bottom: 12px; }
	@media all and (max-width: 600px) { .halfspacebelow { margin-bottom: 2vw; } }
	@media all and (max-width: 500px) { .halfspacebelow { margin-bottom: 10px; } }
.threequartersspaceabove { margin-top: 18px; }
	@media all and (max-width: 600px) { .threequartersspaceabove { margin-top: 3vw; } }
	@media all and (max-width: 500px) { .threequartersspaceabove { margin-top: 15px; } }
.threequartersspacebelow { margin-bottom: 18px; }
	@media all and (max-width: 600px) { .threequartersspacebelow { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { .threequartersspacebelow { margin-bottom: 15px; } }
.spaceabove { margin-top: 24px; }
	@media all and (max-width: 600px) { .spaceabove { margin-top: 4vw; } }
	@media all and (max-width: 500px) { .spaceabove { margin-top: 20px; } }
.spacebelow { margin-bottom: 24px; }
	@media all and (max-width: 600px) { .spacebelow { margin-bottom: 4vw; } }
	@media all and (max-width: 500px) { .spacebelow { margin-bottom: 20px; } }
.spaceandaquarterabove { margin-top: 30px; }
	@media all and (max-width: 600px) { .spaceandaquarterabove { margin-top: 5vw; } }
	@media all and (max-width: 500px) { .spaceandaquarterabove { margin-top: 25px; } }
.spaceandaquarterbelow { margin-bottom: 30px; }
	@media all and (max-width: 600px) { .spaceandaquarterbelow { margin-bottom: 5vw; } }
	@media all and (max-width: 500px) { .spaceandaquarterbelow { margin-bottom: 25px; } }
.spaceandahalfabove { margin-top: 36px; }
	@media all and (max-width: 600px) { .spaceandahalfabove { margin-top: 6vw; } }
	@media all and (max-width: 500px) { .spaceandahalfabove { margin-top: 30px; } }
.spaceandahalfbelow { margin-bottom: 36px; }
	@media all and (max-width: 600px) { .spaceandahalfbelow { margin-bottom: 6vw; } }
	@media all and (max-width: 500px) { .spaceandahalfbelow { margin-bottom: 30px; } }
.doublespaceabove { margin-top: 48px; }
	@media all and (max-width: 600px) { .doublespaceabove { margin-top: 8vw; } }
	@media all and (max-width: 500px) { .doublespaceabove { margin-top: 40px; } }
.doublespacebelow { margin-bottom: 48px; }
	@media all and (max-width: 600px) { .doublespacebelow { margin-bottom: 8vw; } }
	@media all and (max-width: 500px) { .doublespacebelow { margin-bottom: 40px; } }
.quadruplespaceabove { margin-top: 96px; }
	@media all and (max-width: 600px) { .quadruplespaceabove { margin-top: 16vw; } }
	@media all and (max-width: 500px) { .quadruplespaceabove { margin-top: 80px; } }
.quadruplespacebelow { margin-bottom: 96px; }
	@media all and (max-width: 600px) { .quadruplespacebelow { margin-bottom: 16vw; } }
	@media all and (max-width: 500px) { .quadruplespacebelow { margin-bottom: 80px; } }

.cell.eighthspacebelow { padding-bottom: 3px; }
	@media all and (max-width: 600px) { .cell.eighthspacebelow { padding-bottom: 0.5vw; } }
	@media all and (max-width: 500px) { .cell.eighthspacebelow { padding-bottom: 2.5px; } }
.cell.quarterspaceabove { padding-top: 6px; }
	@media all and (max-width: 600px) { .cell.quarterspaceabove { padding-top: 1vw; } }
	@media all and (max-width: 500px) { .cell.quarterspaceabove { padding-top: 5px; } }
.cell.quarterspacebelow { padding-bottom: 6px; }
	@media all and (max-width: 600px) { .cell.quarterspacebelow { padding-bottom: 1vw; } }
	@media all and (max-width: 500px) { .cell.quarterspacebelow { padding-bottom: 5px; } }
.cell.halfspaceabove { padding-top: 12px; }
	@media all and (max-width: 600px) { .cell.halfspaceabove { padding-top: 2vw; } }
	@media all and (max-width: 500px) { .cell.halfspaceabove { padding-top: 10px; } }
.cell.halfspacebelow { padding-bottom: 12px; }
	@media all and (max-width: 600px) { .cell.halfspacebelow { padding-bottom: 2vw; } }
	@media all and (max-width: 500px) { .cell.halfspacebelow { padding-bottom: 10px; } }
.cell.threequartersspaceabove { padding-top: 18px; }
	@media all and (max-width: 600px) { .cell.threequartersspaceabove { padding-top: 3vw; } }
	@media all and (max-width: 500px) { .cell.threequartersspaceabove { padding-top: 15px; } }
.cell.threequartersspacebelow { padding-bottom: 18px; }
	@media all and (max-width: 600px) { .cell.threequartersspacebelow { padding-bottom: 3vw; } }
	@media all and (max-width: 500px) { .cell.threequartersspacebelow { padding-bottom: 15px; } }
.cell.spaceabove { padding-top: 24px; }
	@media all and (max-width: 600px) { .cell.spaceabove { padding-top: 4vw; } }
	@media all and (max-width: 500px) { .cell.spaceabove { padding-top: 20px; } }
.cell.spacebelow { padding-bottom: 24px; }
	@media all and (max-width: 600px) { .cell.spacebelow { padding-bottom: 4vw; } }
	@media all and (max-width: 500px) { .cell.spacebelow { padding-bottom: 20px; } }
.cell.spaceandahalfabove { padding-top: 36px; }
	@media all and (max-width: 600px) { .cell.spaceandahalfabove { padding-top: 6vw; } }
	@media all and (max-width: 500px) { .cell.spaceandahalfabove { padding-top: 30px; } }
.cell.spaceandahalfbelow { padding-bottom: 36px; }
	@media all and (max-width: 600px) { .cell.spaceandahalfbelow { padding-bottom: 6vw; } }
	@media all and (max-width: 500px) { .cell.spaceandahalfbelow { padding-bottom: 30px; } }
.cell.doublespaceabove { padding-top: 48px; }
	@media all and (max-width: 600px) { .cell.doublespaceabove { padding-top: 8vw; } }
	@media all and (max-width: 500px) { .cell.doublespaceabove { padding-top: 40px; } }
.cell.doublespacebelow { padding-bottom: 48px; }
	@media all and (max-width: 600px) { .cell.doublespacebelow { padding-bottom: 8vw; } }
	@media all and (max-width: 500px) { .cell.doublespacebelow { padding-bottom: 40px; } }
.cell.quadruplespaceabove { padding-top: 96px; }
	@media all and (max-width: 600px) { .cell.quadruplespaceabove { padding-top: 16vw; } }
	@media all and (max-width: 500px) { .cell.quadruplespaceabove { padding-top: 80px; } }
.cell.quadruplespacebelow { padding-bottom: 96px; }
	@media all and (max-width: 600px) { .cell.quadruplespacebelow { padding-bottom: 16vw; } }
	@media all and (max-width: 500px) { .cell.quadruplespacebelow { padding-bottom: 80px; } }

.logo.vvsmall { width: 36px; height: 36px; }
	@media all and (max-width: 600px) { .logo.vvsmall { width: 6vw; height: 6vw; } }
.logo.vsmall { width: 48px; height: 48px; }
	@media all and (max-width: 600px) { .logo.vsmall { width: 8vw; height: 8vw; } }
.logo.small { width: 60px; height: 60px; }
	@media all and (max-width: 600px) { .logo.small { width: 10vw; height: 10vw; } }
.logo.smaller { width: 75px; height: 75px; }
	@media all and (max-width: 600px) { .logo.smaller { width: 12.5vw; height: 12.5vw; } }
.logo { width: 90px; height: 90px; }
	@media all and (max-width: 600px) { .logo { width: 15vw; height: 15vw; } }
.logo.larger { width: 120px; height: 120px; }
	@media all and (max-width: 600px) { .logo.larger { width: 20vw; height: 20vw; } }
.logo.large { width: 150px; height: 150px; }
	@media all and (max-width: 600px) { .logo.large { width: 25vw; height: 25vw; } }
.word { text-transform: uppercase; }
h1.word { font-size: 60px; }
	@media all and (max-width: 600px) { h1.word { font-size: 10vw; } }
h1.word.smaller { font-size: 48px; }
	@media all and (max-width: 600px) { h1.word.smaller { font-size: 9vw; } }

.tagline { display: inline-table; }
.taglinecell { display: table-cell; vertical-align: middle; }
.taglinecell.text { padding-left: 9px; text-align: left; }
	@media all and (max-width: 600px) { .taglinecell.text { padding-left: 1.5vw; } }
	@media all and (max-width: 500px) { .taglinecell.text { padding-left: 7.5px; } }

#mediumcontent { max-width: 660px; margin: 6px auto 24px; padding: 0 15px; }

.sectionsurtitle { margin: 18px 0 -18px; font-size: 80%; font-weight: 700; text-align: center; text-transform: uppercase; color: #FF8000; }
.sectiontitle { margin: 18px 0; font-size: 116.667%; font-weight: 700; text-align: center; text-transform: uppercase; color: #FF8000; }

.subscribepodcast { display: none; margin-bottom: 30px; }
.podcast .subscribepodcast { display: block; }
.subscribechannel { display: none; margin-bottom: 30px; }
.channel .subscribechannel { display: block; }
.subscribepodcastchannel { margin: 0 0 6px; font-weight: 700; text-transform: uppercase; }
.orange .subscribepodcastchannel { color: #FFE0C0; }
.blue .subscribepodcastchannel { color: #C0C0FF; }
.subscribeinstructions { font-size: 75%; font-weight: 400; }
.subscribepodcastbuttons { margin: 9px 0 6px; line-height: 135%; }
.subscribechannelbutton { margin: 9px 0 0; }
.subscribeservicelogo { height: 42px; }
	@media all and (max-width: 600px) { .subscribeservicelogo { height: 7vw; } }
	@media all and (max-width: 500px) { .subscribeservicelogo { height: 35px; } }

.preview { position: relative; border: solid 2px black; border-radius: 12px; text-align: left; cursor: pointer; }
   @media all and (min-aspect-ratio: 1000001/1000000)  /* landscape */ { .preview { min-height: 90px; margin: -9px 0 18px; padding: 9px 9px 9px 187px; } }
   @media all and (max-aspect-ratio: 1/1)              /* portrait  */ { .preview { min-height: 60px; margin: -6px 0 12px; padding: 6px 6px 6px 138px; } }
.preview:hover { border-color: #FF8000; }
.previewthumb { position: absolute; top: 0; left: 0; z-index: 1; }
   @media all and (min-aspect-ratio: 1000001/1000000)  /* landscape */ { .previewthumbimage { width: 160px; height: 90px; margin: 27px 9px; } }
   @media all and (max-aspect-ratio: 1/1)              /* portrait  */ { .previewthumbimage { width: 120px; height: 75px; margin: 18px 6px; } }
.previewdate { margin-bottom: 1.5px; text-transform: uppercase; font-size: 60%; font-weight: 400; color: #FF8000; }
.previewtitle { margin-bottom: 4.5px; font-size: 116.667%; font-weight: 400; }
.previewnewsletter { display: none; }
.newsletter .previewnewsletter { display: block; }
.previewpodcast { display: none; }
.podcast .previewpodcast { display: block; }
.previewchannel { display: none; }
.channel .previewchannel { display: block; }
.previewlinks { font-weight: 400; }
.previewsummary { margin-bottom: 4.5px; font-size: 75%; font-weight: 300; }
.previewbonus { margin: 15px 0 1.5px; text-transform: uppercase; font-size: 60%; font-weight: 400; color: #FF8000; }
.previewbonustitle { margin-bottom: 3px; font-weight: 400; }
.previewbonuslinks { font-size: 75%; }

#othermedialinks { margin-bottom: 18px; font-size: 60%; font-weight: 400; text-align: center; text-transform: uppercase; }

.inlinebutton { display: inline-block; vertical-align: top; position: relative; top: 1px; width: 24px; height: 24px; }
	@media all and (max-width: 600px) { .inlinebutton { width: 4vw; height: 4vw; } }
	@media all and (max-width: 500px) { .inlinebutton { width: 20px; height: 20px; } }
.inlinebutton svg { fill: none; stroke: white; stroke-width: 1.5px; stroke-linecap: round; }
.inlinebutton svg:hover { stroke: #FF8000; }

.episodenumber { margin-bottom: 9px; font-size: 75%; font-weight: 400; text-align: center; text-transform: uppercase; }
	@media all and (max-width: 600px) { .episodenumber { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { .episodenumber { margin-bottom: 7.5px; } }
.episodedate { margin-bottom: 9px; font-size: 75%; font-weight: 400; text-align: center; text-transform: uppercase; color: #FFA54C; }
	@media all and (max-width: 600px) { .episodedate { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { .episodedate { margin-bottom: 7.5px; } }
.episodetitle { margin-bottom: 15px; font-weight: 400; text-align: center; }
	@media all and (max-width: 600px) { .episodetitle { margin-bottom: 2.5vw; } }
	@media all and (max-width: 500px) { .episodetitle { margin-bottom: 12.5px; } }
.episodeguest { display: table; position: relative; height: 120px; margin: -6px auto 18px; }
	@media all and (max-width: 600px) { .episodeguest { height: 20vw; margin: -1vw auto 3vw; } }
	@media all and (max-width: 500px) { .episodeguest { height: 100px; margin: -5px auto 15px; } }
.episodeguestheadshot { position: absolute; top: 0; left: 0; width: 120px; height: 120px; }
	@media all and (max-width: 600px) { .episodeguestheadshot { width: 20vw; height: 20vw; } }
	@media all and (max-width: 500px) { .episodeguestheadshot { width: 100px; height: 100px; } }
.episodeguestbiography { display: table-cell; padding-left: 138px; padding-bottom: 6px; vertical-align: middle; text-align: left; font-weight: 400; }
	@media all and (max-width: 600px) { .episodeguestbiography { padding-left: 23vw; padding-bottom: 1vw; } }
	@media all and (max-width: 500px) { .episodeguestbiography { padding-left: 115px; padding-bottom: 5px; } }
.episodeguestwith { font-size: 60%; font-style: italic; }
.episodeguestname { font-size: 135%; }
.episodeguesttitle { font-weight: 300; }
.episodesection { margin: 30px 0 18px; font-size: 116.667%; font-weight: 700; text-align: center; text-transform: uppercase; color: #FF8000; }
	@media all and (max-width: 600px) { .episodesection { margin: 5vw 0 3vw; } }
	@media all and (max-width: 500px) { .episodesection { margin: 25px 0 15px; } }
.episodenewsletter { margin-bottom: 36px; text-align: left; }
	@media all and (max-width: 600px) { .episodenewsletter { margin-bottom: 6vw; } }
	@media all and (max-width: 500px) { .episodenewsletter { margin-bottom: 30px; } }
.episodenotes { margin-bottom: 36px; text-align: left; }
	@media all and (max-width: 600px) { .episodenotes { margin-bottom: 6vw; } }
	@media all and (max-width: 500px) { .episodenotes { margin-bottom: 30px; } }

.videoouter { width: 560px; margin: 0 auto; border-radius: 12px; padding: 12px; background: #38332E; }
	@media all and (max-width: 632px) { .videoouter { width: 448px; } }
	@media all and (max-width: 520px) { .videoouter { width: 336px; } }
.videoinner { width: 560px; height: 315px; }
	@media all and (max-width: 632px) { .videoinner { width: 448px; height: 252px; } }
	@media all and (max-width: 520px) { .videoinner { width: 336px; height: 189px; } }

.articlecontext { margin-bottom: 6px; font-size: 75%; font-weight: 400; text-align: center; text-transform: uppercase; color: #FFA54C; }
	@media all and (max-width: 600px) { .articlecontext { margin-bottom: 1vw; } }
	@media all and (max-width: 500px) { .articlecontext { margin-bottom: 5px; } }
.articletitle { margin-bottom: 12px; text-align: center; font-weight: 400; }
	@media all and (max-width: 600px) { .articletitle { margin-bottom: 2vw; } }
	@media all and (max-width: 500px) { .articletitle { margin-bottom: 10px; } }
.article { max-width: 660px; margin: 6px auto 36px; padding: 0 15px; text-align: left; }
   @media all and (min-aspect-ratio: 1000001/1000000)  /* landscape */ { .article { font-size: 22.5px; } }
   @media all and (max-aspect-ratio: 1/1)              /* portrait  */ { .article { font-size: 19.5px; } }
.article h2 { margin: 30px 0 24px; font-weight: 400; }
	@media all and (max-width: 600px) { .article h2 { margin: 5vw 0 4vw; } }
	@media all and (max-width: 500px) { .article h2 { margin: 25px 0 20px; } }

.articlebuttonabove { margin: 24px 0; text-align: center; }
	@media all and (max-width: 600px) { .articlebuttonabove { margin: 4vw 0; } }
	@media all and (max-width: 500px) { .articlebuttonabove { margin: 20px 0; } }
.articlebuttonbelow { margin: 0 0 36px; text-align: center; }
	@media all and (max-width: 600px) { .articlebuttonbelow { margin: 0 0 6vw; } }
	@media all and (max-width: 500px) { .articlebuttonbelow { margin: 0 0 30px; } }

.figure { max-height: 400px; max-width: 100%; vertical-align: middle; }
.figure.smaller { max-height: 300px; }
.figure.small { max-height: 225px; }
.figure.vsmall { max-height: 160px; }
.figure.vvsmall { max-height: 120px; }
.figure.vvvsmall { max-height: 90px; }
.figure.vvvvsmall { max-height: 60px; }
.figure.nospaceabove { margin-top: -18px; }
.figure.nospacebelow { margin-bottom: -18px; }

.figurecaption { display: inline-block; width: 100%; text-align: center; }
.figurecaptionrule { font-weight: 400; }

.browsebutton { margin: 36px 0; text-align: center; }
	@media all and (max-width: 600px) { .browsebutton { margin: 6vw 0; } }
	@media all and (max-width: 500px) { .browsebutton { margin: 30px 0; } }

.morelatestepisodesbutton { margin: 0 0 48px; text-align: center; }
	@media all and (max-width: 600px) { .morelatestepisodesbutton { margin: 0 0 8vw; } }
	@media all and (max-width: 500px) { .morelatestepisodesbutton { margin: 0 0 40px; } }
.morelatestepisodes { display: none; }

.owmnodesymbol
{
   font-family: 'Times New Roman', Times, serif;
}

.owmthinkboxouter
{
   position: fixed;
   bottom: 1.5vh;
   left: 0;
   right: 0;
   height: 8.625vh;
   text-align: center;
}
.owmthinkboxinner
{
   display: inline-block;
   position: relative;
   width: 50vw;  /* propagate changes to think.js */
   height: 6vh;  /* propagate changes to border-radius, .owmthinkboxinputcell width and padding, and think.js */
   border: solid 0.375vh #FF8000;  /* propagate changes to border-radius */
   border-radius: 4.3125vh; /* must match height 6vh / 2 + border 0.375vh + padding 0.9375vh */
   padding: 0.9375vh;  /* propagate changes to border-radius */
   background: black;
   cursor: pointer;
}
.owmthinkboxiconcell
{
   position: absolute;
   top: 0.9375vh;
   width: 6vh;
   height: 6vh;
}
.owmthinkboxiconcellleft
{
   left: 0.9375vh;
}
.owmthinkboxiconcellright
{
   right: 0.9375vh;
}
.owmthinkboxicon
{
   width: 6vh;
   height: 6vh;
}
.owmthinkboxinputcell
{
   width: calc(100% - 12vh); /* 12vh must match .owmthinkboxinner height x 2 */
   padding: 0 6vh; /* 6vh must match .owmthinkboxinner height */
}
input.owmthinkboxinput
{
   width: calc(100% - 1.5vw); /* 1.5vw must match padding 0.75vw x 2 */
   border-radius: 0;
   padding: 0.375vw 0.75vw; /* propagate changes to width */
   font-size: 3.75vh;
   color: white;
   background: none;
}
input.owmthinkboxinput::placeholder { color: #FFC080; opacity: 0.5; }