@charset "UTF-8";
/* Copyright 2015, Octoboxy LLC.  All Rights Reserved.
 Main SCSS file that brings together all the pieces of the others.
*/
/* Copyright 2018, Octoboxy LLC.  All Rights Reserved. */
/* Copyright 2018, Octoboxy LLC.  All Rights Reserved. */
html { font-size: 112.5%; line-height: 1.5em; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

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

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

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

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

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

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

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

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

/** Add the correct font size in all browsers. */
small, .image.gallery .title, .image.gallery .caption { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Site-wide color definitions.
*/
/* This is a machine-generated file, do not edit! To regenerate: ./8b manage makesass
*/
.color.mark { color: #befbb4; }

.color.select { color: #f1b6fe; }

.color.grey0 { color: #000000; }

.color.grey1 { color: #202020; }

.color.grey2 { color: #404040; }

.color.grey3 { color: #606060; }

.color.grey4 { color: #808080; }

.color.grey5 { color: #a0a0a0; }

.color.grey6 { color: #c0c0c0; }

.color.grey7 { color: #e0e0e0; }

.color.grey8 { color: #ffffff; }

.color.red { color: #ad5047; }

.color.orange { color: #bd9038; }

.color.yellow { color: #cccb4f; }

.color.green { color: #285a24; }

.color.blue { color: #40417d; }

.color.purple { color: #683871; }

.color.pink { color: #db8499; }

.color.brown { color: #452e17; }

.color.red.bright { color: #ff7c7c; }

.color.orange.bright { color: #ffbf6d; }

.color.yellow.bright { color: #fffd76; }

.color.green.bright { color: #83f377; }

.color.blue.bright { color: #7f9aff; }

.color.purple.bright { color: #db77f4; }

.color.pink.bright { color: #fdc7c7; }

.color.brown.bright { color: #85582c; }

.color.grey0.thin { color: rgba(0, 0, 0, 0.75); }

.color.grey0.thinner { color: rgba(0, 0, 0, 0.38); }

.color.grey1.thin { color: rgba(32, 32, 32, 0.75); }

.color.grey1.thinner { color: rgba(32, 32, 32, 0.38); }

.color.grey2.thin { color: rgba(64, 64, 64, 0.75); }

.color.grey2.thinner { color: rgba(64, 64, 64, 0.38); }

.color.grey3.thin { color: rgba(96, 96, 96, 0.75); }

.color.grey3.thinner { color: rgba(96, 96, 96, 0.38); }

.color.grey4.thin { color: rgba(128, 128, 128, 0.75); }

.color.grey4.thinner { color: rgba(128, 128, 128, 0.38); }

.color.grey5.thin { color: rgba(160, 160, 160, 0.75); }

.color.grey5.thinner { color: rgba(160, 160, 160, 0.38); }

.color.grey6.thin { color: rgba(192, 192, 192, 0.75); }

.color.grey6.thinner { color: rgba(192, 192, 192, 0.38); }

.color.grey7.thin { color: rgba(224, 224, 224, 0.75); }

.color.grey7.thinner { color: rgba(224, 224, 224, 0.38); }

.color.grey8.thin { color: rgba(255, 255, 255, 0.75); }

.color.grey8.thinner { color: rgba(255, 255, 255, 0.38); }

.color.red.dark { color: #704945; }

.color.red.thin { color: rgba(173, 80, 71, 0.75); }

.color.red.thin.bright { color: rgba(255, 124, 124, 0.75); }

.color.red.thin.dark { color: rgba(112, 73, 69, 0.75); }

.color.red.thinner { color: rgba(173, 80, 71, 0.38); }

.color.red.thinner.bright { color: rgba(255, 124, 124, 0.38); }

.color.red.thinner.dark { color: rgba(112, 73, 69, 0.38); }

.color.orange.dark { color: #7a6742; }

.color.orange.thin { color: rgba(189, 144, 56, 0.75); }

.color.orange.thin.bright { color: rgba(255, 191, 109, 0.75); }

.color.orange.thin.dark { color: rgba(122, 103, 66, 0.75); }

.color.orange.thinner { color: rgba(189, 144, 56, 0.38); }

.color.orange.thinner.bright { color: rgba(255, 191, 109, 0.38); }

.color.orange.thinner.dark { color: rgba(122, 103, 66, 0.38); }

.color.yellow.dark { color: #84844f; }

.color.yellow.thin { color: rgba(204, 203, 79, 0.75); }

.color.yellow.thin.bright { color: rgba(255, 253, 118, 0.75); }

.color.yellow.thin.dark { color: rgba(132, 132, 79, 0.75); }

.color.yellow.thinner { color: rgba(204, 203, 79, 0.38); }

.color.yellow.thinner.bright { color: rgba(255, 253, 118, 0.38); }

.color.yellow.thinner.dark { color: rgba(132, 132, 79, 0.38); }

.color.green.dark { color: #253a23; }

.color.green.thin { color: rgba(40, 90, 36, 0.75); }

.color.green.thin.bright { color: rgba(131, 243, 119, 0.75); }

.color.green.thin.dark { color: rgba(37, 58, 35, 0.75); }

.color.green.thinner { color: rgba(40, 90, 36, 0.38); }

.color.green.thinner.bright { color: rgba(131, 243, 119, 0.38); }

.color.green.thinner.dark { color: rgba(37, 58, 35, 0.38); }

.color.blue.dark { color: #373751; }

.color.blue.thin { color: rgba(64, 65, 125, 0.75); }

.color.blue.thin.bright { color: rgba(127, 154, 255, 0.75); }

.color.blue.thin.dark { color: rgba(55, 55, 81, 0.75); }

.color.blue.thinner { color: rgba(64, 65, 125, 0.38); }

.color.blue.thinner.bright { color: rgba(127, 154, 255, 0.38); }

.color.blue.thinner.dark { color: rgba(55, 55, 81, 0.38); }

.color.purple.dark { color: #453149; }

.color.purple.thin { color: rgba(104, 56, 113, 0.75); }

.color.purple.thin.bright { color: rgba(219, 119, 244, 0.75); }

.color.purple.thin.dark { color: rgba(69, 49, 73, 0.75); }

.color.purple.thinner { color: rgba(104, 56, 113, 0.38); }

.color.purple.thinner.bright { color: rgba(219, 119, 244, 0.38); }

.color.purple.thinner.dark { color: rgba(69, 49, 73, 0.38); }

.color.pink.dark { color: #8e6972; }

.color.pink.thin { color: rgba(219, 132, 153, 0.75); }

.color.pink.thin.bright { color: rgba(253, 199, 199, 0.75); }

.color.pink.thin.dark { color: rgba(142, 105, 114, 0.75); }

.color.pink.thinner { color: rgba(219, 132, 153, 0.38); }

.color.pink.thinner.bright { color: rgba(253, 199, 199, 0.38); }

.color.pink.thinner.dark { color: rgba(142, 105, 114, 0.38); }

.color.brown.dark { color: #2c2319; }

.color.brown.thin { color: rgba(69, 46, 23, 0.75); }

.color.brown.thin.bright { color: rgba(133, 88, 44, 0.75); }

.color.brown.thin.dark { color: rgba(44, 35, 25, 0.75); }

.color.brown.thinner { color: rgba(69, 46, 23, 0.38); }

.color.brown.thinner.bright { color: rgba(133, 88, 44, 0.38); }

.color.brown.thinner.dark { color: rgba(44, 35, 25, 0.38); }

.background.mark { background-color: #befbb4; }

.background.select { background-color: #f1b6fe; }

.background.grey0 { background-color: #000000; }

.background.grey1 { background-color: #202020; }

.background.grey2 { background-color: #404040; }

.background.grey3 { background-color: #606060; }

.background.grey4 { background-color: #808080; }

.background.grey5 { background-color: #a0a0a0; }

.background.grey6 { background-color: #c0c0c0; }

.background.grey7 { background-color: #e0e0e0; }

.background.grey8 { background-color: #ffffff; }

.background.red { background-color: #ad5047; }

.background.orange { background-color: #bd9038; }

.background.yellow { background-color: #cccb4f; }

.background.green { background-color: #285a24; }

.background.blue { background-color: #40417d; }

.background.purple { background-color: #683871; }

.background.pink { background-color: #db8499; }

.background.brown { background-color: #452e17; }

.background.red.bright { background-color: #ff7c7c; }

.background.orange.bright { background-color: #ffbf6d; }

.background.yellow.bright { background-color: #fffd76; }

.background.green.bright { background-color: #83f377; }

.background.blue.bright { background-color: #7f9aff; }

.background.purple.bright { background-color: #db77f4; }

.background.pink.bright { background-color: #fdc7c7; }

.background.brown.bright { background-color: #85582c; }

.background.grey0.thin { background-color: rgba(0, 0, 0, 0.75); }

.background.grey0.thinner { background-color: rgba(0, 0, 0, 0.38); }

.background.grey1.thin { background-color: rgba(32, 32, 32, 0.75); }

.background.grey1.thinner { background-color: rgba(32, 32, 32, 0.38); }

.background.grey2.thin { background-color: rgba(64, 64, 64, 0.75); }

.background.grey2.thinner { background-color: rgba(64, 64, 64, 0.38); }

.background.grey3.thin { background-color: rgba(96, 96, 96, 0.75); }

.background.grey3.thinner { background-color: rgba(96, 96, 96, 0.38); }

.background.grey4.thin { background-color: rgba(128, 128, 128, 0.75); }

.background.grey4.thinner { background-color: rgba(128, 128, 128, 0.38); }

.background.grey5.thin { background-color: rgba(160, 160, 160, 0.75); }

.background.grey5.thinner { background-color: rgba(160, 160, 160, 0.38); }

.background.grey6.thin { background-color: rgba(192, 192, 192, 0.75); }

.background.grey6.thinner { background-color: rgba(192, 192, 192, 0.38); }

.background.grey7.thin { background-color: rgba(224, 224, 224, 0.75); }

.background.grey7.thinner { background-color: rgba(224, 224, 224, 0.38); }

.background.grey8.thin { background-color: rgba(255, 255, 255, 0.75); }

.background.grey8.thinner { background-color: rgba(255, 255, 255, 0.38); }

.background.red.dark { background-color: #704945; }

.background.red.thin { background-color: rgba(173, 80, 71, 0.75); }

.background.red.thin.bright { background-color: rgba(255, 124, 124, 0.75); }

.background.red.thin.dark { background-color: rgba(112, 73, 69, 0.75); }

.background.red.thinner { background-color: rgba(173, 80, 71, 0.38); }

.background.red.thinner.bright { background-color: rgba(255, 124, 124, 0.38); }

.background.red.thinner.dark { background-color: rgba(112, 73, 69, 0.38); }

.background.orange.dark { background-color: #7a6742; }

.background.orange.thin { background-color: rgba(189, 144, 56, 0.75); }

.background.orange.thin.bright { background-color: rgba(255, 191, 109, 0.75); }

.background.orange.thin.dark { background-color: rgba(122, 103, 66, 0.75); }

.background.orange.thinner { background-color: rgba(189, 144, 56, 0.38); }

.background.orange.thinner.bright { background-color: rgba(255, 191, 109, 0.38); }

.background.orange.thinner.dark { background-color: rgba(122, 103, 66, 0.38); }

.background.yellow.dark { background-color: #84844f; }

.background.yellow.thin { background-color: rgba(204, 203, 79, 0.75); }

.background.yellow.thin.bright { background-color: rgba(255, 253, 118, 0.75); }

.background.yellow.thin.dark { background-color: rgba(132, 132, 79, 0.75); }

.background.yellow.thinner { background-color: rgba(204, 203, 79, 0.38); }

.background.yellow.thinner.bright { background-color: rgba(255, 253, 118, 0.38); }

.background.yellow.thinner.dark { background-color: rgba(132, 132, 79, 0.38); }

.background.green.dark { background-color: #253a23; }

.background.green.thin { background-color: rgba(40, 90, 36, 0.75); }

.background.green.thin.bright { background-color: rgba(131, 243, 119, 0.75); }

.background.green.thin.dark { background-color: rgba(37, 58, 35, 0.75); }

.background.green.thinner { background-color: rgba(40, 90, 36, 0.38); }

.background.green.thinner.bright { background-color: rgba(131, 243, 119, 0.38); }

.background.green.thinner.dark { background-color: rgba(37, 58, 35, 0.38); }

.background.blue.dark { background-color: #373751; }

.background.blue.thin { background-color: rgba(64, 65, 125, 0.75); }

.background.blue.thin.bright { background-color: rgba(127, 154, 255, 0.75); }

.background.blue.thin.dark { background-color: rgba(55, 55, 81, 0.75); }

.background.blue.thinner { background-color: rgba(64, 65, 125, 0.38); }

.background.blue.thinner.bright { background-color: rgba(127, 154, 255, 0.38); }

.background.blue.thinner.dark { background-color: rgba(55, 55, 81, 0.38); }

.background.purple.dark { background-color: #453149; }

.background.purple.thin { background-color: rgba(104, 56, 113, 0.75); }

.background.purple.thin.bright { background-color: rgba(219, 119, 244, 0.75); }

.background.purple.thin.dark { background-color: rgba(69, 49, 73, 0.75); }

.background.purple.thinner { background-color: rgba(104, 56, 113, 0.38); }

.background.purple.thinner.bright { background-color: rgba(219, 119, 244, 0.38); }

.background.purple.thinner.dark { background-color: rgba(69, 49, 73, 0.38); }

.background.pink.dark { background-color: #8e6972; }

.background.pink.thin { background-color: rgba(219, 132, 153, 0.75); }

.background.pink.thin.bright { background-color: rgba(253, 199, 199, 0.75); }

.background.pink.thin.dark { background-color: rgba(142, 105, 114, 0.75); }

.background.pink.thinner { background-color: rgba(219, 132, 153, 0.38); }

.background.pink.thinner.bright { background-color: rgba(253, 199, 199, 0.38); }

.background.pink.thinner.dark { background-color: rgba(142, 105, 114, 0.38); }

.background.brown.dark { background-color: #2c2319; }

.background.brown.thin { background-color: rgba(69, 46, 23, 0.75); }

.background.brown.thin.bright { background-color: rgba(133, 88, 44, 0.75); }

.background.brown.thin.dark { background-color: rgba(44, 35, 25, 0.75); }

.background.brown.thinner { background-color: rgba(69, 46, 23, 0.38); }

.background.brown.thinner.bright { background-color: rgba(133, 88, 44, 0.38); }

.background.brown.thinner.dark { background-color: rgba(44, 35, 25, 0.38); }

.bordercolor.mark { border-color: #befbb4; }

.bordercolor.select { border-color: #f1b6fe; }

.bordercolor.grey0 { border-color: #000000; }

.bordercolor.grey1 { border-color: #202020; }

.bordercolor.grey2 { border-color: #404040; }

.bordercolor.grey3 { border-color: #606060; }

.bordercolor.grey4 { border-color: #808080; }

.bordercolor.grey5 { border-color: #a0a0a0; }

.bordercolor.grey6 { border-color: #c0c0c0; }

.bordercolor.grey7 { border-color: #e0e0e0; }

.bordercolor.grey8 { border-color: #ffffff; }

.bordercolor.red { border-color: #ad5047; }

.bordercolor.orange { border-color: #bd9038; }

.bordercolor.yellow { border-color: #cccb4f; }

.bordercolor.green { border-color: #285a24; }

.bordercolor.blue { border-color: #40417d; }

.bordercolor.purple { border-color: #683871; }

.bordercolor.pink { border-color: #db8499; }

.bordercolor.brown { border-color: #452e17; }

.bordercolor.red.bright { border-color: #ff7c7c; }

.bordercolor.orange.bright { border-color: #ffbf6d; }

.bordercolor.yellow.bright { border-color: #fffd76; }

.bordercolor.green.bright { border-color: #83f377; }

.bordercolor.blue.bright { border-color: #7f9aff; }

.bordercolor.purple.bright { border-color: #db77f4; }

.bordercolor.pink.bright { border-color: #fdc7c7; }

.bordercolor.brown.bright { border-color: #85582c; }

.bordercolor.grey0.thin { border-color: rgba(0, 0, 0, 0.75); }

.bordercolor.grey0.thinner { border-color: rgba(0, 0, 0, 0.38); }

.bordercolor.grey1.thin { border-color: rgba(32, 32, 32, 0.75); }

.bordercolor.grey1.thinner { border-color: rgba(32, 32, 32, 0.38); }

.bordercolor.grey2.thin { border-color: rgba(64, 64, 64, 0.75); }

.bordercolor.grey2.thinner { border-color: rgba(64, 64, 64, 0.38); }

.bordercolor.grey3.thin { border-color: rgba(96, 96, 96, 0.75); }

.bordercolor.grey3.thinner { border-color: rgba(96, 96, 96, 0.38); }

.bordercolor.grey4.thin { border-color: rgba(128, 128, 128, 0.75); }

.bordercolor.grey4.thinner { border-color: rgba(128, 128, 128, 0.38); }

.bordercolor.grey5.thin { border-color: rgba(160, 160, 160, 0.75); }

.bordercolor.grey5.thinner { border-color: rgba(160, 160, 160, 0.38); }

.bordercolor.grey6.thin { border-color: rgba(192, 192, 192, 0.75); }

.bordercolor.grey6.thinner { border-color: rgba(192, 192, 192, 0.38); }

.bordercolor.grey7.thin { border-color: rgba(224, 224, 224, 0.75); }

.bordercolor.grey7.thinner { border-color: rgba(224, 224, 224, 0.38); }

.bordercolor.grey8.thin { border-color: rgba(255, 255, 255, 0.75); }

.bordercolor.grey8.thinner { border-color: rgba(255, 255, 255, 0.38); }

.bordercolor.red.dark { border-color: #704945; }

.bordercolor.red.thin { border-color: rgba(173, 80, 71, 0.75); }

.bordercolor.red.thin.bright { border-color: rgba(255, 124, 124, 0.75); }

.bordercolor.red.thin.dark { border-color: rgba(112, 73, 69, 0.75); }

.bordercolor.red.thinner { border-color: rgba(173, 80, 71, 0.38); }

.bordercolor.red.thinner.bright { border-color: rgba(255, 124, 124, 0.38); }

.bordercolor.red.thinner.dark { border-color: rgba(112, 73, 69, 0.38); }

.bordercolor.orange.dark { border-color: #7a6742; }

.bordercolor.orange.thin { border-color: rgba(189, 144, 56, 0.75); }

.bordercolor.orange.thin.bright { border-color: rgba(255, 191, 109, 0.75); }

.bordercolor.orange.thin.dark { border-color: rgba(122, 103, 66, 0.75); }

.bordercolor.orange.thinner { border-color: rgba(189, 144, 56, 0.38); }

.bordercolor.orange.thinner.bright { border-color: rgba(255, 191, 109, 0.38); }

.bordercolor.orange.thinner.dark { border-color: rgba(122, 103, 66, 0.38); }

.bordercolor.yellow.dark { border-color: #84844f; }

.bordercolor.yellow.thin { border-color: rgba(204, 203, 79, 0.75); }

.bordercolor.yellow.thin.bright { border-color: rgba(255, 253, 118, 0.75); }

.bordercolor.yellow.thin.dark { border-color: rgba(132, 132, 79, 0.75); }

.bordercolor.yellow.thinner { border-color: rgba(204, 203, 79, 0.38); }

.bordercolor.yellow.thinner.bright { border-color: rgba(255, 253, 118, 0.38); }

.bordercolor.yellow.thinner.dark { border-color: rgba(132, 132, 79, 0.38); }

.bordercolor.green.dark { border-color: #253a23; }

.bordercolor.green.thin { border-color: rgba(40, 90, 36, 0.75); }

.bordercolor.green.thin.bright { border-color: rgba(131, 243, 119, 0.75); }

.bordercolor.green.thin.dark { border-color: rgba(37, 58, 35, 0.75); }

.bordercolor.green.thinner { border-color: rgba(40, 90, 36, 0.38); }

.bordercolor.green.thinner.bright { border-color: rgba(131, 243, 119, 0.38); }

.bordercolor.green.thinner.dark { border-color: rgba(37, 58, 35, 0.38); }

.bordercolor.blue.dark { border-color: #373751; }

.bordercolor.blue.thin { border-color: rgba(64, 65, 125, 0.75); }

.bordercolor.blue.thin.bright { border-color: rgba(127, 154, 255, 0.75); }

.bordercolor.blue.thin.dark { border-color: rgba(55, 55, 81, 0.75); }

.bordercolor.blue.thinner { border-color: rgba(64, 65, 125, 0.38); }

.bordercolor.blue.thinner.bright { border-color: rgba(127, 154, 255, 0.38); }

.bordercolor.blue.thinner.dark { border-color: rgba(55, 55, 81, 0.38); }

.bordercolor.purple.dark { border-color: #453149; }

.bordercolor.purple.thin { border-color: rgba(104, 56, 113, 0.75); }

.bordercolor.purple.thin.bright { border-color: rgba(219, 119, 244, 0.75); }

.bordercolor.purple.thin.dark { border-color: rgba(69, 49, 73, 0.75); }

.bordercolor.purple.thinner { border-color: rgba(104, 56, 113, 0.38); }

.bordercolor.purple.thinner.bright { border-color: rgba(219, 119, 244, 0.38); }

.bordercolor.purple.thinner.dark { border-color: rgba(69, 49, 73, 0.38); }

.bordercolor.pink.dark { border-color: #8e6972; }

.bordercolor.pink.thin { border-color: rgba(219, 132, 153, 0.75); }

.bordercolor.pink.thin.bright { border-color: rgba(253, 199, 199, 0.75); }

.bordercolor.pink.thin.dark { border-color: rgba(142, 105, 114, 0.75); }

.bordercolor.pink.thinner { border-color: rgba(219, 132, 153, 0.38); }

.bordercolor.pink.thinner.bright { border-color: rgba(253, 199, 199, 0.38); }

.bordercolor.pink.thinner.dark { border-color: rgba(142, 105, 114, 0.38); }

.bordercolor.brown.dark { border-color: #2c2319; }

.bordercolor.brown.thin { border-color: rgba(69, 46, 23, 0.75); }

.bordercolor.brown.thin.bright { border-color: rgba(133, 88, 44, 0.75); }

.bordercolor.brown.thin.dark { border-color: rgba(44, 35, 25, 0.75); }

.bordercolor.brown.thinner { border-color: rgba(69, 46, 23, 0.38); }

.bordercolor.brown.thinner.bright { border-color: rgba(133, 88, 44, 0.38); }

.bordercolor.brown.thinner.dark { border-color: rgba(44, 35, 25, 0.38); }

.color.button { color: rgba(90, 183, 164, 0.81); }

.color.button.hover { color: rgba(231, 114, 48, 0.81); }

.color.button.active { color: rgba(231, 231, 48, 0.81); }

.color.buttontext { color: #5ab7a4; }

.color.buttontext.hover { color: #008c70; }

.color.buttontext.active { color: #558178; }

.color.link { color: #7cfde3; }

.color.link.hover { color: #00e2b5; }

.color.link.active { color: #9be0d2; }

.opacity_of_thin { opacity: 0.75123; }

.opacity_of_thinner { opacity: 0.38123; }

/* Site-wide font definition.
 We like to have local copies of all our fonts, so that we can run our whole installation off-grid.
*/
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; src: local("PT Serif"), local("PTSerif-Regular"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-regular.woff2) format("woff2"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-regular.woff) format("woff"); }
@font-face { font-family: 'PT Serif'; font-style: italic; font-weight: 400; src: local("PT Serif Italic"), local("PTSerif-Italic"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-italic.woff2) format("woff2"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-italic.woff) format("woff"); }
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 700; src: local("PT Serif Bold"), local("PTSerif-Bold"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-700.woff2) format("woff2"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-700.woff) format("woff"); }
@font-face { font-family: 'PT Serif'; font-style: italic; font-weight: 700; src: local("PT Serif Bold Italic"), local("PTSerif-BoldItalic"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-700italic.woff2) format("woff2"), url(/y/static/fonts/ptserif/pt-serif-v9-latin-700italic.woff) format("woff"); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url(/y/static/fonts/opensans/OpenSans-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/y/static/fonts/opensans/OpenSans-Bold.ttf) format("truetype"); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local("Open Sans Italic"), local("OpenSans-Italic"), url(/y/static/fonts/opensans/OpenSans-Italic.ttf) format("truetype"); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(/y/static/fonts/opensans/OpenSans-BoldItalic.ttf) format("truetype"); }
@font-face { font-family: 'Sansation'; font-style: normal; font-weight: 400; src: local("Sansation Light"), local("Sansation-Light"), url(/y/static/fonts/sansation/sansation_light-webfont.woff2) format("woff2"); }
@font-face { font-family: 'Sansation'; font-style: normal; font-weight: 700; src: local("Sansation Regular"), local("Sansation-Regular"), url(/y/static/fonts/sansation/sansation_regular-webfont.woff2) format("woff2"); }
@font-face { font-family: 'Sansation'; font-style: italic; font-weight: 400; src: local("Sansation Light Italic"), local("Sansation-LightItalic"), url(/y/static/fonts/sansation/sansation_light_italic-webfont.woff2) format("woff2"); }
@font-face { font-family: 'Sansation'; font-style: italic; font-weight: 700; src: local("Sansation Italic"), local("Sansation-Italic"), url(/y/static/fonts/sansation/sansation_italic-webfont.woff2) format("woff2"); }
@font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 400; src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(/y/static/fonts/sourcecodepro/SourceCodePro-Regular.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 700; src: local("Source Code Pro Bold"), local("SourceCodePro-Bold"), url(/y/static/fonts/sourcecodepro/SourceCodePro-Bold.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Architects Daughter'; font-style: normal; font-weight: 400; src: local("Architects Daughter"), local("ArchitectsDaughter"), url(/y/static/fonts/architectsdaughter/ArchitectsDaughter.ttf) format("truetype"); }
/* Utility mixins.
*/
.clearfix::after, .pricing::after { content: ''; clear: both; display: table; }

.aspect-square:before, .icontile:before { content: ''; width: 1px; margin-left: -1px; float: left; padding-top: 100%; }
.aspect-square:after, .icontile:after { content: ''; display: table; clear: both; }

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ }

.yesselect { -webkit-touch-callout: auto; /* iOS Safari */ -webkit-user-select: auto; /* Chrome/Safari/Opera */ -khtml-user-select: auto; /* Konqueror */ -moz-user-select: auto; /* Firefox */ -ms-user-select: auto; /* Internet Explorer/Edge */ user-select: auto; /* Non-prefixed version, currently not supported by any browser */ }

.opacity0 { opacity: 0; }

.opacity1 { opacity: 1; }

.opacity_transition { transition: opacity 0.2s; }

.height_transition { transition: opacity 0.3s, max-height 0.4s, margin-top 0.2s, margin-bottom 0.2s, padding-top 0.2s, padding-bottom 0.2s; opacity: 1; }
.height_transition > * { transition: margin-top 0.2s, margin-bottom 0.2s; }

.height_transition.noheight { max-height: 0px !important; opacity: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.height_transition.noheight > * { margin-top: 0 !important; margin-bottom: 0 !important; }

.evenodd_reverse_flex.even { flex-direction: row-reverse; }

.evenodd_reverse_flex.odd { flex-direction: row; }

.cursor_magnify { cursor: zoom-in; }

.percentage { width: 100px; height: 0.5em; position: relative; background: rgba(128, 128, 128, 0.75); border-radius: 0.25em; overflow: hidden; display: inline-block; }

.percentage > div { position: absolute; top: 0; left: 0; bottom: 0; border-radius: 0.25em; background: #285a24; }

/* Copyright 2018, Octoboxy LLC.  All Rights Reserved. */
html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

h1, h2, h3, h4, h5, h6, p, hr, glyph, ul, ol, dl, .width100 { width: 100%; }

p { margin-block-start: 0; margin-block-end: 0; }

html, body, input, select, textarea { font-family: "PT Serif", "Open Sans", serif; }

.font_text { font-family: "PT Serif", "Open Sans", serif !important; }

h1, h2, h3, h4, h5, h6 { font-family: "Sansation", sans-serif; }

.font_titles { font-family: "Sansation", sans-serif !important; }

button { font-family: "Open Sans", sans-serif; }

.font_menus { font-family: "Open Sans", sans-serif !important; }

.sketch, .via_base_site.change-form .helptext, .xyzzy, .error, .via_base_site.change-form .errorlist, .font_sketch, .error h1, .via_base_site.change-form .errorlist h1, .error h2, .via_base_site.change-form .errorlist h2, .error h3, .via_base_site.change-form .errorlist h3, .error h4, .via_base_site.change-form .errorlist h4, .error h5, .via_base_site.change-form .errorlist h5, .error h6, .via_base_site.change-form .errorlist h6 { font-family: "Architects Daughter", "Open Sans", sans-serif; font-style: italic; }

.error, .via_base_site.change-form .errorlist, .error p, .via_base_site.change-form .errorlist p, .error h2, .via_base_site.change-form .errorlist h2 { color: #ad5047 !important; }

.skintone_dark .error, .skintone_dark .via_base_site.change-form .errorlist, .via_base_site.change-form .skintone_dark .errorlist, .skintone_dark .error p, .skintone_dark .via_base_site.change-form .errorlist p, .via_base_site.change-form .skintone_dark .errorlist p, .skintone_dark .error h2, .skintone_dark .via_base_site.change-form .errorlist h2, .via_base_site.change-form .skintone_dark .errorlist h2 { color: #ff7c7c !important; }

.sketch, .via_base_site.change-form .helptext, .sketch p, .via_base_site.change-form .helptext p, .sketch h2, .via_base_site.change-form .helptext h2 { color: #808080 !important; }

.xyzzy, .xyxxy p, .xyxxy h2 { color: #683871 !important; }

.skintone_dark .xyzzy, .skintone_dark .xyzzy p, .skintone_dark .xyzzy h2 { color: #db77f4 !important; }

i, em, .italic { font-style: italic; }

b, strong, .bold { font-weight: 700; }

.u, .underline { text-decoration: underline; }

sup { font-size: 0.5em; vertical-align: super; }

sub { font-size: 0.5em; vertical-align: sub; }

body, h4, h5, h6 { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; font-weight: 400; }

tiny, .tiny { font-size: 12px; font-size: 0.66667rem; line-height: 18px; line-height: 1.005rem; }

small, .image.gallery .title, .image.gallery .caption, .small, #breadcrumbs, #objectlink .button, .pricing { font-size: 14px; font-size: 0.77778rem; line-height: 20px; line-height: 1.125rem; }

large, .large { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; }

huge, .huge { font-size: 30px; font-size: 1.66667rem; line-height: 54px; line-height: 3rem; }

tt, pre, .pre, code, .code, .font_code { font-family: "Source Code Pro", "Courier", monospace; font-size: 14px; font-size: 0.77778rem; line-height: 20px; line-height: 1.125rem; }
tt tiny, tt .tiny, pre tiny, pre .tiny, .pre tiny, .pre .tiny, code tiny, code .tiny, .code tiny, .code .tiny, .font_code tiny, .font_code .tiny { font-size: 10px; font-size: 0.55556rem; line-height: 15px; line-height: 0.825rem; }
tt small, tt .image.gallery .title, .image.gallery tt .title, tt .image.gallery .caption, .image.gallery tt .caption, tt .small, tt #breadcrumbs, tt #objectlink .button, #objectlink tt .button, tt .pricing, pre small, pre .image.gallery .title, .image.gallery pre .title, pre .image.gallery .caption, .image.gallery pre .caption, pre .small, pre #breadcrumbs, pre #objectlink .button, #objectlink pre .button, pre .pricing, .pre small, .pre .image.gallery .title, .image.gallery .pre .title, .pre .image.gallery .caption, .image.gallery .pre .caption, .pre .small, .pre #breadcrumbs, .pre #objectlink .button, #objectlink .pre .button, .pre .pricing, code small, code .image.gallery .title, .image.gallery code .title, code .image.gallery .caption, .image.gallery code .caption, code .small, code #breadcrumbs, code #objectlink .button, #objectlink code .button, code .pricing, .code small, .code .image.gallery .title, .image.gallery .code .title, .code .image.gallery .caption, .image.gallery .code .caption, .code .small, .code #breadcrumbs, .code #objectlink .button, #objectlink .code .button, .code .pricing, .font_code small, .font_code .image.gallery .title, .image.gallery .font_code .title, .font_code .image.gallery .caption, .image.gallery .font_code .caption, .font_code .small, .font_code #breadcrumbs, .font_code #objectlink .button, #objectlink .font_code .button, .font_code .pricing { font-size: 12px; font-size: 0.66667rem; line-height: 18px; line-height: 1.005rem; }
tt large, tt .large, pre large, pre .large, .pre large, .pre .large, code large, code .large, .code large, .code .large, .font_code large, .font_code .large { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; }
tt huge, tt .huge, pre huge, pre .huge, .pre huge, .pre .huge, code huge, code .huge, .code huge, .code .huge, .font_code huge, .font_code .huge { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; }

tiny tt, tiny pre, tiny .pre, tiny code, tiny .code, tiny .font_code, .tiny tt, .tiny pre, .tiny .pre, .tiny code, .tiny .code, .tiny .font_code { font-size: 10px; font-size: 0.55556rem; line-height: 15px; line-height: 0.825rem; }

small tt, .image.gallery .title tt, .image.gallery .caption tt, small pre, .image.gallery .title pre, .image.gallery .caption pre, small .pre, .image.gallery .title .pre, .image.gallery .caption .pre, small code, .image.gallery .title code, .image.gallery .caption code, small .code, .image.gallery .title .code, .image.gallery .caption .code, small .font_code, .image.gallery .title .font_code, .image.gallery .caption .font_code, .small tt, #breadcrumbs tt, #objectlink .button tt, .pricing tt, .small pre, #breadcrumbs pre, #objectlink .button pre, .pricing pre, .small .pre, #breadcrumbs .pre, #objectlink .button .pre, .pricing .pre, .small code, #breadcrumbs code, #objectlink .button code, .pricing code, .small .code, #breadcrumbs .code, #objectlink .button .code, .pricing .code, .small .font_code, #breadcrumbs .font_code, #objectlink .button .font_code, .pricing .font_code { font-size: 12px; font-size: 0.66667rem; line-height: 18px; line-height: 1.005rem; }

large tt, large pre, large .pre, large code, large .code, large .font_code, .large tt, .large pre, .large .pre, .large code, .large .code, .large .font_code { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; }

huge tt, huge pre, huge .pre, huge code, huge .code, huge .font_code, .huge tt, .huge pre, .huge .pre, .huge code, .huge .code, .huge .font_code { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; }

h1 { font-size: 42px; font-size: 2.33333rem; line-height: 54px; line-height: 3rem; font-weight: 700; text-align: center; }
h1 tt, h1 code, h1 .code, h1 .font_code, h1 small, h1 .image.gallery .title, .image.gallery h1 .title, h1 .image.gallery .caption, .image.gallery h1 .caption, h1 .small, h1 #breadcrumbs, h1 #objectlink .button, #objectlink h1 .button, h1 .pricing { font-size: 30px; font-size: 1.66667rem; line-height: 54px; line-height: 3rem; }

h2 { font-size: 30px; font-size: 1.66667rem; line-height: 54px; line-height: 3rem; font-weight: 700; text-align: center; }
h2 tt, h2 code, h2 .code, h2 .font_code, h2 small, h2 .image.gallery .title, .image.gallery h2 .title, h2 .image.gallery .caption, .image.gallery h2 .caption, h2 .small, h2 #breadcrumbs, h2 #objectlink .button, #objectlink h2 .button, h2 .pricing { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; }

h3 { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; font-weight: 700; text-align: center; font-style: italic; }
h3 tt, h3 code, h3 .code, h3 .font_code, h3 small, h3 .image.gallery .title, .image.gallery h3 .title, h3 .image.gallery .caption, .image.gallery h3 .caption, h3 .small, h3 #breadcrumbs, h3 #objectlink .button, #objectlink h3 .button, h3 .pricing { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; }

h4 { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; font-weight: 700; text-align: left; }

h5 { text-align: left; font-style: italic; }

h5:before { content: '— '; }

h6 { text-align: right; font-style: italic; }

@media print { body, h4, h5, h6 { font-size: 14px; font-size: 0.77778rem; line-height: 20px; line-height: 1.125rem; }
  tiny, .tiny { font-size: 10px; font-size: 0.55556rem; line-height: 15px; line-height: 0.825rem; }
  small, .image.gallery .title, .image.gallery .caption, .small, #breadcrumbs, #objectlink .button, .pricing { font-size: 12px; font-size: 0.66667rem; line-height: 18px; line-height: 1.005rem; }
  large, .large { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; }
  huge, .huge { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; }
  h1 { font-size: 30px; font-size: 1.66667rem; line-height: 54px; line-height: 3rem; }
  h2 { font-size: 24px; font-size: 1.33333rem; line-height: 27px; line-height: 1.5rem; }
  h3 { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; }
  h4 { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; }
  .flow > *, blockquote > *, .blockquote > * { break-inside: avoid !important; page-break-inside: avoid !important; margin-top: 13.5px !important; margin-bottom: 13.5px !important; display: block !important; }
  .flow > table, blockquote > table, .blockquote > table { display: table !important; }
  .flow, blockquote, .blockquote { display: block !important; }
  .content { padding-left: 2em !important; padding-right: 2em !important; } }
.left, .left p { text-align: left; text-align-last: auto; }

.center, .center p { text-align: center; text-align-last: auto; }

.right, .right p { text-align: right; text-align-last: auto; }

p, .justify, .justify p { text-align: justify; text-align-last: left; text-justify: inter-word; }

p.left { text-align: left !important; text-align-last: auto !important; }

p.center { text-align: center !important; text-align-last: auto !important; }

p.right { text-align: right !important; text-align-last: auto !important; }

p.justify { text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; }

.float-left, .float_left { float: left; margin: 0 9px 9px 0; }

.float-right, .float_right { float: right; margin: 0 0 9px 9px; }

.display-none, .display_none, .displaynone { display: none !important; }

.display-inline, .display_inline, .displayinline { display: inline-block !important; }

.display-block, .display_block, .displayblock { display: block !important; }

.flexcenter, #footer, .icontile, button, .button, .image, .taxonomy.tree .toggle, .taxonomy.tree .column0icon, .taxonomy.tree .smallcell, .taxonomy.tree .mediumcell, .taxonomy.tree .largecell, .taxonomy.tree .hugecell, .card .iconbox > div, .via_base_site.change-list .paginator { width: 100%; height: 100%; display: flex; justify-content: space-evenly; align-items: center; }

.columns { width: 100%; height: 100%; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-content: flex-start; align-items: stretch; }
.columns div { overflow: hidden; text-overflow: ellipsis; }

section, .flow, blockquote, .blockquote { width: 100%; height: 100%; display: flex; align-items: center; flex-direction: column; padding: 13.5px 9px; row-gap: 27px; }
section > *, .flow > *, blockquote > *, .blockquote > * { margin: 0; }

section > section, section > .flow, section > blockquote, section > .blockquote, .flow > section, blockquote > section, .blockquote > section, .flow > .flow, blockquote > .flow, .blockquote > .flow, .flow > blockquote, blockquote > blockquote, .blockquote > blockquote, .flow > .blockquote, blockquote > .blockquote, .blockquote > .blockquote { padding: 0; }

.quarterflow { width: 100%; height: 100%; display: flex; align-items: center; flex-direction: column; padding: 4.5px; row-gap: 13.5px; }

.sideflow { width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: space-evenly; flex-wrap: wrap; gap: 27px; padding: 13.5px 9px; }

.quartersideflow, .sidequarterflow { width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: space-evenly; flex-wrap: wrap; gap: 6.75px; padding: 4.5px; row-gap: 6.75px; }

.nopad { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }

.padded, body .middle { padding-top: 4.5px !important; padding-left: 9px !important; padding-right: 9px !important; padding-bottom: 4.5px !important; }

.forepad { padding-top: 13.5px !important; }

.endpad { padding-bottom: 13.5px !important; }

.allpad, pre { padding-top: 13.5px !important; padding-left: 9px !important; padding-right: 9px !important; padding-bottom: 13.5px !important; }

.quarterpad, table th, table td, #footer, .via_base_site.change-form .fieldrow, .pricing { padding-top: 4.5px !important; padding-left: 4.5px !important; padding-right: 4.5px !important; padding-bottom: 4.5px !important; }

.sidepad { padding-left: 9px !important; padding-right: 9px !important; }

.sidequarterpad { padding-left: 4.5px !important; padding-right: 4.5px !important; }

ul { text-align: left; list-style-type: disc; }

ul ul { list-style-type: circle; }

ul ul ul { list-style-type: square; }

ol { text-align: left; list-style-type: decimal; }

dl { text-align: left; padding: 0 36px 9px 0; }
dl dt { margin-top: 9px; }

pre { text-align: left; white-space: pre-wrap; margin: 0; width: 100%; }

pre, blockquote, .blockquote, .pane, .modal { border-radius: 12px; overflow: hidden; }
pre .footnotes, blockquote .footnotes, .blockquote .footnotes, .pane .footnotes, .modal .footnotes { font-size: 14px; font-size: 0.8rem; line-height: 27px; line-height: 1.5rem; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; padding: 4px; line-height: 18px; font-family: "Sansation", sans-serif; font-style: italic; }
pre > h2, blockquote > h2, .blockquote > h2, .pane > h2, .modal > h2 { margin-top: 0; margin-bottom: 0; }

blockquote, .blockquote { padding: 1px; }
blockquote > blockquote, .blockquote > blockquote { margin-left: 9px; margin-right: 9px; }
blockquote > p, blockquote > div.image, .blockquote > p, .blockquote > div.image { padding-left: 13.5px; padding-right: 13.5px; }
blockquote > *:first-child, .blockquote > *:first-child { padding-top: 9px; }
blockquote > h2:first-child, .blockquote > h2:first-child { padding-top: 0; }
blockquote > *:last-child, .blockquote > *:last-child { padding-bottom: 9px; }

hr { background: linear-gradient(to right, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0.38) 20%, rgba(192, 192, 192, 0.38), rgba(128, 128, 128, 0.38) 80%, rgba(128, 128, 128, 0) 100%); display: block; height: 4px; clear: both; border: none; }

.flow > hr, blockquote > hr, .blockquote > hr { margin: 11.5px; }

glyph, .glyph { display: block; background: url(/glyph.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 27px; clear: both; }

mark, .mark { background: #befbb4; }

mark.red, .mark.red { background: linear-gradient(to bottom, rgba(255, 124, 124, 0.75) 0%, rgba(255, 124, 124, 0.38) 60%, rgba(255, 124, 124, 0.75) 100%); }

mark.orange, .mark.orange { background: linear-gradient(to bottom, rgba(255, 191, 109, 0.75) 0%, rgba(255, 191, 109, 0.38) 60%, rgba(255, 191, 109, 0.75) 100%); }

mark.yellow, .mark.yellow { background: linear-gradient(to bottom, rgba(255, 253, 118, 0.75) 0%, rgba(255, 253, 118, 0.38) 60%, rgba(255, 253, 118, 0.75) 100%); }

mark.green, .mark.green { background: linear-gradient(to bottom, rgba(131, 243, 119, 0.75) 0%, rgba(131, 243, 119, 0.38) 60%, rgba(131, 243, 119, 0.75) 100%); }

mark.blue, .mark.blue { background: linear-gradient(to bottom, rgba(127, 154, 255, 0.75) 0%, rgba(127, 154, 255, 0.38) 60%, rgba(127, 154, 255, 0.75) 100%); }

mark.purple, .mark.purple { background: linear-gradient(to bottom, rgba(219, 119, 244, 0.75) 0%, rgba(219, 119, 244, 0.38) 60%, rgba(219, 119, 244, 0.75) 100%); }

mark.pink, .mark.pink { background: linear-gradient(to bottom, rgba(253, 199, 199, 0.75) 0%, rgba(253, 199, 199, 0.38) 60%, rgba(253, 199, 199, 0.75) 100%); }

mark.brown, .mark.brown { background: linear-gradient(to bottom, rgba(133, 88, 44, 0.75) 0%, rgba(133, 88, 44, 0.38) 60%, rgba(133, 88, 44, 0.75) 100%); }

mark.grey, .mark.grey { background: linear-gradient(to bottom, rgba(128, 128, 128, 0.75) 0%, rgba(128, 128, 128, 0.38) 60%, rgba(128, 128, 128, 0.75) 100%); }

/* This is a machine-generated file, do not edit! To regenerate: ./8b manage makesass
*/
.column-1-1, .column-2-2, .column-3-3, .column-4-4, .column-5-5, .column-6-6, .column-8-8, .column-10-10, .column-12-12, .column-24-24 { width: 100%; }

.column-1-2, .column-2-4, .column-3-6, .column-4-8, .column-5-10, .column-6-12, .column-12-24 { width: 50%; }

.column-1-3, .column-2-6, .column-4-12, .column-8-24 { width: 33.3333%; }

.column-2-3, .column-4-6, .column-8-12, .column-16-24 { width: 66.6667%; }

.column-1-4, .column-2-8, .column-3-12, .column-6-24 { width: 25%; }

.column-3-4, .column-6-8, .column-9-12, .column-18-24 { width: 75%; }

.column-1-5, .column-2-10 { width: 20%; }

.column-2-5, .column-4-10 { width: 40%; }

.column-3-5, .column-6-10 { width: 60%; }

.column-4-5, .column-8-10 { width: 80%; }

.column-1-6, .column-2-12, .column-4-24 { width: 16.6667%; }

.column-5-6, .column-10-12, .column-20-24 { width: 83.3333%; }

.column-1-8, .column-3-24 { width: 12.5%; }

.column-3-8, .column-9-24 { width: 37.5%; }

.column-5-8, .column-15-24 { width: 62.5%; }

.column-7-8, .column-21-24 { width: 87.5%; }

.column-1-10 { width: 10%; }

.column-3-10 { width: 30%; }

.column-7-10 { width: 70%; }

.column-9-10 { width: 90%; }

.column-1-12, .column-2-24 { width: 8.3333%; }

.column-5-12, .column-10-24 { width: 41.6667%; }

.column-7-12, .column-14-24 { width: 58.3333%; }

.column-11-12, .column-22-24 { width: 91.6667%; }

.column-1-24 { width: 4.1667%; }

.column-5-24 { width: 20.8333%; }

.column-7-24 { width: 29.1667%; }

.column-11-24 { width: 45.8333%; }

.column-13-24 { width: 54.1667%; }

.column-17-24 { width: 70.8333%; }

.column-19-24 { width: 79.1667%; }

.column-23-24 { width: 95.8333%; }

@media screen and (min-width: 414px) { .column-s2-1-1, .column-s2-2-2, .column-s2-3-3, .column-s2-4-4, .column-s2-5-5, .column-s2-6-6, .column-s2-8-8, .column-s2-10-10, .column-s2-12-12, .column-s2-24-24 { width: 100%; }
  .column-s2-1-2, .column-s2-2-4, .column-s2-3-6, .column-s2-4-8, .column-s2-5-10, .column-s2-6-12, .column-s2-12-24 { width: 50%; }
  .column-s2-1-3, .column-s2-2-6, .column-s2-4-12, .column-s2-8-24 { width: 33.3333%; }
  .column-s2-2-3, .column-s2-4-6, .column-s2-8-12, .column-s2-16-24 { width: 66.6667%; }
  .column-s2-1-4, .column-s2-2-8, .column-s2-3-12, .column-s2-6-24 { width: 25%; }
  .column-s2-3-4, .column-s2-6-8, .column-s2-9-12, .column-s2-18-24 { width: 75%; }
  .column-s2-1-5, .column-s2-2-10 { width: 20%; }
  .column-s2-2-5, .column-s2-4-10 { width: 40%; }
  .column-s2-3-5, .column-s2-6-10 { width: 60%; }
  .column-s2-4-5, .column-s2-8-10 { width: 80%; }
  .column-s2-1-6, .column-s2-2-12, .column-s2-4-24 { width: 16.6667%; }
  .column-s2-5-6, .column-s2-10-12, .column-s2-20-24 { width: 83.3333%; }
  .column-s2-1-8, .column-s2-3-24 { width: 12.5%; }
  .column-s2-3-8, .column-s2-9-24 { width: 37.5%; }
  .column-s2-5-8, .column-s2-15-24 { width: 62.5%; }
  .column-s2-7-8, .column-s2-21-24 { width: 87.5%; }
  .column-s2-1-10 { width: 10%; }
  .column-s2-3-10 { width: 30%; }
  .column-s2-7-10 { width: 70%; }
  .column-s2-9-10 { width: 90%; }
  .column-s2-1-12, .column-s2-2-24 { width: 8.3333%; }
  .column-s2-5-12, .column-s2-10-24 { width: 41.6667%; }
  .column-s2-7-12, .column-s2-14-24 { width: 58.3333%; }
  .column-s2-11-12, .column-s2-22-24 { width: 91.6667%; }
  .column-s2-1-24 { width: 4.1667%; }
  .column-s2-5-24 { width: 20.8333%; }
  .column-s2-7-24 { width: 29.1667%; }
  .column-s2-11-24 { width: 45.8333%; }
  .column-s2-13-24 { width: 54.1667%; }
  .column-s2-17-24 { width: 70.8333%; }
  .column-s2-19-24 { width: 79.1667%; }
  .column-s2-23-24 { width: 95.8333%; } }
@media screen and (min-width: 720px) { .column-s3-1-1, .column-s3-2-2, .column-s3-3-3, .column-s3-4-4, .column-s3-5-5, .column-s3-6-6, .column-s3-8-8, .column-s3-10-10, .column-s3-12-12, .column-s3-24-24 { width: 100%; }
  .column-s3-1-2, .column-s3-2-4, .column-s3-3-6, .column-s3-4-8, .column-s3-5-10, .column-s3-6-12, .column-s3-12-24 { width: 50%; }
  .column-s3-1-3, .column-s3-2-6, .column-s3-4-12, .column-s3-8-24 { width: 33.3333%; }
  .column-s3-2-3, .column-s3-4-6, .column-s3-8-12, .column-s3-16-24 { width: 66.6667%; }
  .column-s3-1-4, .column-s3-2-8, .column-s3-3-12, .column-s3-6-24 { width: 25%; }
  .column-s3-3-4, .column-s3-6-8, .column-s3-9-12, .column-s3-18-24 { width: 75%; }
  .column-s3-1-5, .column-s3-2-10 { width: 20%; }
  .column-s3-2-5, .column-s3-4-10 { width: 40%; }
  .column-s3-3-5, .column-s3-6-10 { width: 60%; }
  .column-s3-4-5, .column-s3-8-10 { width: 80%; }
  .column-s3-1-6, .column-s3-2-12, .column-s3-4-24 { width: 16.6667%; }
  .column-s3-5-6, .column-s3-10-12, .column-s3-20-24 { width: 83.3333%; }
  .column-s3-1-8, .column-s3-3-24 { width: 12.5%; }
  .column-s3-3-8, .column-s3-9-24 { width: 37.5%; }
  .column-s3-5-8, .column-s3-15-24 { width: 62.5%; }
  .column-s3-7-8, .column-s3-21-24 { width: 87.5%; }
  .column-s3-1-10 { width: 10%; }
  .column-s3-3-10 { width: 30%; }
  .column-s3-7-10 { width: 70%; }
  .column-s3-9-10 { width: 90%; }
  .column-s3-1-12, .column-s3-2-24 { width: 8.3333%; }
  .column-s3-5-12, .column-s3-10-24 { width: 41.6667%; }
  .column-s3-7-12, .column-s3-14-24 { width: 58.3333%; }
  .column-s3-11-12, .column-s3-22-24 { width: 91.6667%; }
  .column-s3-1-24 { width: 4.1667%; }
  .column-s3-5-24 { width: 20.8333%; }
  .column-s3-7-24 { width: 29.1667%; }
  .column-s3-11-24 { width: 45.8333%; }
  .column-s3-13-24 { width: 54.1667%; }
  .column-s3-17-24 { width: 70.8333%; }
  .column-s3-19-24 { width: 79.1667%; }
  .column-s3-23-24 { width: 95.8333%; } }
@media screen and (min-width: 1080px) { .column-s4-1-1, .column-s4-2-2, .column-s4-3-3, .column-s4-4-4, .column-s4-5-5, .column-s4-6-6, .column-s4-8-8, .column-s4-10-10, .column-s4-12-12, .column-s4-24-24 { width: 100%; }
  .column-s4-1-2, .column-s4-2-4, .column-s4-3-6, .column-s4-4-8, .column-s4-5-10, .column-s4-6-12, .column-s4-12-24 { width: 50%; }
  .column-s4-1-3, .column-s4-2-6, .column-s4-4-12, .column-s4-8-24 { width: 33.3333%; }
  .column-s4-2-3, .column-s4-4-6, .column-s4-8-12, .column-s4-16-24 { width: 66.6667%; }
  .column-s4-1-4, .column-s4-2-8, .column-s4-3-12, .column-s4-6-24 { width: 25%; }
  .column-s4-3-4, .column-s4-6-8, .column-s4-9-12, .column-s4-18-24 { width: 75%; }
  .column-s4-1-5, .column-s4-2-10 { width: 20%; }
  .column-s4-2-5, .column-s4-4-10 { width: 40%; }
  .column-s4-3-5, .column-s4-6-10 { width: 60%; }
  .column-s4-4-5, .column-s4-8-10 { width: 80%; }
  .column-s4-1-6, .column-s4-2-12, .column-s4-4-24 { width: 16.6667%; }
  .column-s4-5-6, .column-s4-10-12, .column-s4-20-24 { width: 83.3333%; }
  .column-s4-1-8, .column-s4-3-24 { width: 12.5%; }
  .column-s4-3-8, .column-s4-9-24 { width: 37.5%; }
  .column-s4-5-8, .column-s4-15-24 { width: 62.5%; }
  .column-s4-7-8, .column-s4-21-24 { width: 87.5%; }
  .column-s4-1-10 { width: 10%; }
  .column-s4-3-10 { width: 30%; }
  .column-s4-7-10 { width: 70%; }
  .column-s4-9-10 { width: 90%; }
  .column-s4-1-12, .column-s4-2-24 { width: 8.3333%; }
  .column-s4-5-12, .column-s4-10-24 { width: 41.6667%; }
  .column-s4-7-12, .column-s4-14-24 { width: 58.3333%; }
  .column-s4-11-12, .column-s4-22-24 { width: 91.6667%; }
  .column-s4-1-24 { width: 4.1667%; }
  .column-s4-5-24 { width: 20.8333%; }
  .column-s4-7-24 { width: 29.1667%; }
  .column-s4-11-24 { width: 45.8333%; }
  .column-s4-13-24 { width: 54.1667%; }
  .column-s4-17-24 { width: 70.8333%; }
  .column-s4-19-24 { width: 79.1667%; }
  .column-s4-23-24 { width: 95.8333%; } }
/* Copyright 2018, Octoboxy LLC.  All Rights Reserved. */
a .glass:hover h2, .glass[ng-click]:hover h2 { color: #008c70; }
a .glass:hover .dotted, .glass[ng-click]:hover .dotted { border: 1px dotted #008c70; }

a .glass:active h2, .glass[ng-click]:active h2 { color: #558178; }
a .glass:active .dotted, .glass[ng-click]:active .dotted { border: 1px dotted #558178; }

.lightglassbase, .skintone_light.style_md pre, .skintone_light blockquote, .skintone_light .blockquote, .skintone_light .glass, .skintone_light .modal { background: url(/y/static/images/alphagreys/alphagrey5-light.png), linear-gradient(to bottom, rgba(224, 224, 224, 0.75) 0%, rgba(192, 192, 192, 0.38) 29%, rgba(192, 192, 192, 0.38) 64%, rgba(192, 192, 192, 0.75) 100%); box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.75); transition: color 0.2s; color: #404040; }

@media print { .lightglassbase, .skintone_light.style_md pre, .skintone_light blockquote, .skintone_light .blockquote, .skintone_light .glass, .skintone_light .modal { background: none !important; box-shadow: none !important; color: #606060 !important; border-left: 5px solid #c0c0c0 !important; border-right: 5px solid #c0c0c0 !important; }
  .lightglassbase p, .skintone_light.style_md pre p, .skintone_light blockquote p, .skintone_light .blockquote p, .skintone_light .glass p, .skintone_light .modal p, .lightglassbase h2, .skintone_light.style_md pre h2, .skintone_light blockquote h2, .skintone_light .blockquote h2, .skintone_light .glass h2, .skintone_light .modal h2 { color: #606060 !important; } }
.skintone_light blockquote p, .skintone_light .blockquote p, .skintone_light .glass p, .skintone_light .modal p { transition: color 0.2s; color: #404040; }
.skintone_light blockquote h2, .skintone_light .blockquote h2, .skintone_light .glass h2, .skintone_light .modal h2 { transition: color 0.2s; background-color: rgba(255, 255, 255, 0.75); color: #404040; }
.skintone_light blockquote .footnotes, .skintone_light .blockquote .footnotes, .skintone_light .glass .footnotes, .skintone_light .modal .footnotes { background: rgba(224, 224, 224, 0.75); }
.skintone_light blockquote .dotted, .skintone_light .blockquote .dotted, .skintone_light .glass .dotted, .skintone_light .modal .dotted { border: 1px dotted rgba(160, 160, 160, 0.75); border-radius: 8px; }
.skintone_light a .glass:hover, .skintone_light a .glass:active, .skintone_light .glass[ng-click]:hover, .skintone_light .glass[ng-click]:active { background: url(/y/static/images/alphagreys/alphagrey5-light.png), linear-gradient(to bottom, rgba(224, 224, 224, 0.75) 0%, rgba(192, 192, 192, 0.75) 14%, rgba(224, 224, 224, 0.75) 72%, rgba(160, 160, 160, 0.75) 100%); box-shadow: 0 2px 4px 0 #c0c0c0; color: #202020; }
.skintone_light a .glass:hover p, .skintone_light a .glass:active p, .skintone_light .glass[ng-click]:hover p, .skintone_light .glass[ng-click]:active p { color: #202020; }

.darkglassbase, .skintone_dark.style_md pre, .skintone_dark blockquote, .skintone_dark .blockquote, .skintone_dark .glass, .skintone_dark .modal { background: url(/y/static/images/alphagreys/alphagrey5-dark.png), linear-gradient(to bottom, rgba(96, 96, 96, 0.75) 0%, rgba(64, 64, 64, 0.38) 29%, rgba(64, 64, 64, 0.38) 64%, rgba(64, 64, 64, 0.75) 100%); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.38); transition: color 0.2s; color: #c0c0c0; }

@media print { .darkglassbase, .skintone_dark.style_md pre, .skintone_dark blockquote, .skintone_dark .blockquote, .skintone_dark .glass, .skintone_dark .modal { background: none !important; box-shadow: none !important; color: #606060 !important; border-left: 5px solid #c0c0c0 !important; border-right: 5px solid #c0c0c0 !important; }
  .darkglassbase p, .skintone_dark.style_md pre p, .skintone_dark blockquote p, .skintone_dark .blockquote p, .skintone_dark .glass p, .skintone_dark .modal p, .darkglassbase h2, .skintone_dark.style_md pre h2, .skintone_dark blockquote h2, .skintone_dark .blockquote h2, .skintone_dark .glass h2, .skintone_dark .modal h2 { color: #606060 !important; } }
.skintone_dark blockquote p, .skintone_dark .blockquote p, .skintone_dark .glass p, .skintone_dark .modal p { transition: color 0.2s; color: #c0c0c0; }
.skintone_dark blockquote h2, .skintone_dark .blockquote h2, .skintone_dark .glass h2, .skintone_dark .modal h2 { transition: color 0.2s; background-color: rgba(96, 96, 96, 0.75); color: #c0c0c0; }
.skintone_dark blockquote .footnotes, .skintone_dark .blockquote .footnotes, .skintone_dark .glass .footnotes, .skintone_dark .modal .footnotes { background: rgba(64, 64, 64, 0.75); }
.skintone_dark blockquote .dotted, .skintone_dark .blockquote .dotted, .skintone_dark .glass .dotted, .skintone_dark .modal .dotted { border: 1px dotted rgba(96, 96, 96, 0.75); border-radius: 8px; }
.skintone_dark a .glass:hover, .skintone_dark a .glass:active, .skintone_dark .glass[ng-click]:hover, .skintone_dark .glass[ng-click]:active { background: url(/y/static/images/alphagreys/alphagrey5-dark.png), linear-gradient(to bottom, rgba(96, 96, 96, 0.75) 0%, rgba(64, 64, 64, 0.75) 14%, rgba(96, 96, 96, 0.75) 72%, rgba(32, 32, 32, 0.75) 100%); box-shadow: 0 2px 4px 0 rgba(64, 64, 64, 0.75); color: #e0e0e0; }
.skintone_dark a .glass:hover p, .skintone_dark a .glass:active p, .skintone_dark .glass[ng-click]:hover p, .skintone_dark .glass[ng-click]:active p { color: #e0e0e0; }

/* Copyright 2015, Octoboxy LLC.  All Rights Reserved.
 Page basics for web browsers.
 That is, we are past the point in our CSS scope where eReaders see, so we can start using media queries and worrying about themes.
*/
*::selection, .fake-select { background: #f1b6fe; }

.style_show_rhythm .flow, .style_show_rhythm blockquote, .style_show_rhythm .blockquote { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzI4NWEyNCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzI4NWEyNCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(40, 90, 36, 0.75)), color-stop(5%, rgba(40, 90, 36, 0))); background-image: -moz-linear-gradient(bottom, rgba(40, 90, 36, 0.75) 5%, rgba(40, 90, 36, 0) 5%); background-image: -webkit-linear-gradient(bottom, rgba(40, 90, 36, 0.75) 5%, rgba(40, 90, 36, 0) 5%); background-image: linear-gradient(to top, rgba(40, 90, 36, 0.75) 5%, rgba(40, 90, 36, 0) 5%); -moz-background-size: 100% 1.5em; -o-background-size: 100% 1.5em; -webkit-background-size: 100% 1.5em; background-size: 100% 1.5em; background-position: left top; background-position-y: 8px; }

pre, blockquote, .blockquote, .pane, .modal { position: relative; }
pre .panel_spinner, blockquote .panel_spinner, .blockquote .panel_spinner, .pane .panel_spinner, .modal .panel_spinner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }

table { width: 100%; }

@media print { tbody { width: 100% !important; }
  hr { break-after: page; }
  .noprint { display: none !important; } }
img { display: block; height: auto; max-width: 100%; }

.size0, .size1, .via_base_site.change-form input[type=number], .size2, .taxonomy.menu, .taxonomy.menu .taxon .whenclosed, .size3, .size4, .via_base_site.change-form .actions, .via_base_site.change-form .submitrow, .via_base_site.change-form fieldset { width: 100%; }

.size0 { max-width: 160px; }

.size1, .via_base_site.change-form input[type=number] { max-width: 320px; }

.size2, .taxonomy.menu, .taxonomy.menu .taxon .whenclosed { max-width: 414px; }

.size3 { max-width: 720px; }

.size4, .via_base_site.change-form .actions, .via_base_site.change-form .submitrow, .via_base_site.change-form fieldset { max-width: 1080px; }

@media (max-width: 319px) { .only_if_size1 { display: none !important; } }

@media (max-width: 413px) { .only_if_size2 { display: none !important; } }

@media (max-width: 719px) { .only_if_size3 { display: none !important; } }

@media (max-width: 1079px) { .only_if_size4 { display: none !important; } }

@media (min-width: 320px) { .not_if_size1 { display: none !important; } }

@media (min-width: 414px) { .not_if_size2 { display: none !important; } }

@media (min-width: 720px) { .not_if_size3 { display: none !important; } }

@media (min-width: 1080px) { .not_if_size4 { display: none !important; } }

body.skintone_light { color: #606060; background-color: #202020; background-image: url(/y/static/images/patterns/debut_dark.png); }
body.skintone_light .middle:after { background-image: url(/y/static/images/patterns/greyzz.png); background-color: #e0e0e0; }
body.skintone_light #superdiv { background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.5) 100%); }

body.skintone_dark { color: #a0a0a0; background-color: #606060; background-image: url(/y/static/images/patterns/dark_fabric.png); }
body.skintone_dark .middle:after { background-color: #202020; background-image: url(/y/static/images/patterns/dark_linen.png); }
body.skintone_dark #superdiv { background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 100%); }

@media print { body.skintone_light { color: #404040; }
  body.skintone_dark { color: #404040; } }
body { position: relative; }
body .middle { text-align: center; overflow: auto; }
body .middle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -9999999; /* Backstretch runs at -999999, so we need to be lower than that. */ content: ''; }
body .content { margin: auto; }

#header .topbar { width: 100%; display: flex; justify-content: space-evenly; align-items: center; text-align: center; }
#header .logo img { max-height: 48px; }
#header .logo .imagecontainer { padding: 4px; }

.skintone_light #header { background: linear-gradient(to bottom, rgba(224, 224, 224, 0.75) 0%, rgba(192, 192, 192, 0.75) 10%, rgba(192, 192, 192, 0.75) 90%, rgba(160, 160, 160, 0.75) 100%); }
.skintone_light #header .topbar.bordered { border-bottom: 1px solid rgba(128, 128, 128, 0.38); }

.skintone_dark #header { background: linear-gradient(to bottom, rgba(160, 160, 160, 0.75) 0%, rgba(128, 128, 128, 0.75) 10%, rgba(128, 128, 128, 0.75) 90%, rgba(96, 96, 96, 0.75) 100%); }
.skintone_dark #header .topbar.bordered { border-bottom: 1px solid rgba(96, 96, 96, 0.38); }

#breadcrumbs { padding: 0 1em 0 1em; position: relative; text-align: center; }

.skintone_light #breadcrumbs { border-top: 1px dashed rgba(128, 128, 128, 0.75); border-bottom: 1px solid rgba(128, 128, 128, 0.38); color: #202020; }
.skintone_light #breadcrumbs span { color: #606060; }

.skintone_dark #breadcrumbs { border-top: 1px dashed rgba(128, 128, 128, 0.75); border-bottom: 1px solid rgba(96, 96, 96, 0.38); color: #606060; }
.skintone_dark #breadcrumbs span { color: #808080; }

#objectlink { border-bottom-left-radius: 8px; overflow: hidden; z-index: 12; position: absolute; right: 0; top: 0; }
#objectlink .button { width: 3em; margin: 0.25em; }

.skintone_light #objectlink { background-color: rgba(192, 192, 192, 0.75); border: 1px solid rgba(128, 128, 128, 0.75); border-right-width: 0; }

.skintone_dark #objectlink { background-color: rgba(64, 64, 64, 0.75); border: 1px solid rgba(128, 128, 128, 0.75); border-right-width: 0; }

.messages .message { border-radius: 8px; padding: 0.25em 1em; margin: 0.25em 2.5em; overflow: hidden; display: flex; align-items: center; }
.messages .iconbox_l, .messages .iconbox_r { opacity: 0.4; margin-top: auto; margin-bottom: auto; }
.messages .iconbox_l { margin-right: auto; }
.messages .iconbox_r { margin-left: auto; order: 3; }
.messages .success { background-color: rgba(131, 243, 119, 0.75); color: #285a24; }
.messages .info { background-color: rgba(127, 154, 255, 0.75); color: #40417d; }
.messages .warning { background-color: rgba(255, 253, 118, 0.75); color: #cccb4f; }
.messages .error, .messages .via_base_site.change-form .errorlist, .via_base_site.change-form .messages .errorlist { background-color: rgba(255, 124, 124, 0.75); color: #ad5047; }
.messages .debug { background-color: rgba(219, 119, 244, 0.75); color: #683871; }

.messages.floating { position: absolute; top: 1.5em; right: 2em; left: 2em; z-index: 123; }

.skintone_light .messages .message { box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.75); }

.skintone_dark .messages .message { box-shadow: 0 2px 4px 0 rgba(64, 64, 64, 0.75); }

.skintone_light .topdots { border-top: 1px dotted #606060; }
.skintone_light .leftdots { border-left: 1px dotted #606060; }
.skintone_light .rightdots { border-right: 1px dotted #606060; }
.skintone_light .bottomdots { border-bottom: 1px dotted #606060; }
.skintone_light .dotted { border: 1px dotted #606060; }
.skintone_light .gridhead { background-color: rgba(224, 224, 224, 0.75); }
.skintone_light .gridrow.even { background-color: rgba(255, 255, 255, 0.06); }
.skintone_light .gridrow.odd { background-color: rgba(0, 0, 0, 0.06); }

.skintone_dark .topdots { border-top: 1px dotted #606060; }
.skintone_dark .leftdots { border-left: 1px dotted #606060; }
.skintone_dark .rightdots { border-right: 1px dotted #606060; }
.skintone_dark .bottomdots { border-bottom: 1px dotted #606060; }
.skintone_dark .dotted { border: 1px dotted #606060; }
.skintone_dark .gridhead { background-color: rgba(64, 64, 64, 0.75); }
.skintone_dark .gridrow.even { background-color: rgba(255, 255, 255, 0.06); }
.skintone_dark .gridrow.odd { background-color: rgba(0, 0, 0, 0.06); }

#footer { clear: both; text-align: center; font-family: "Open Sans", sans-serif; }
#footer img { max-height: 27px; }

.skintone_light #footer { background: linear-gradient(to bottom, rgba(192, 192, 192, 0.75) 0%, rgba(160, 160, 160, 0.75) 15%, rgba(160, 160, 160, 0.75) 85%, rgba(128, 128, 128, 0.75) 100%); }

.skintone_dark #footer { background: linear-gradient(to bottom, rgba(160, 160, 160, 0.75) 0%, rgba(128, 128, 128, 0.75) 15%, rgba(128, 128, 128, 0.75) 85%, rgba(96, 96, 96, 0.75) 100%); }

/* Copyright 2015, Octoboxy LLC.  All Rights Reserved. */
a, [ng-click] { text-decoration: none; border-radius: 8px; overflow: hidden; color: #7cfde3; padding: 0; }

[ng-click] { cursor: pointer; }

a:link, a:visited { color: #7cfde3; }

a:hover, a:focus, [ng-click]:hover, .hover { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #00e2b5; }
a:hover hr, a:focus hr, [ng-click]:hover hr, .hover hr { background: linear-gradient(to right, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0.38) 20%, rgba(160, 160, 160, 0.75), rgba(128, 128, 128, 0.38) 80%, rgba(128, 128, 128, 0) 100%); }

a:active, [ng-click]:active, .active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #9be0d2; }
a:active hr, [ng-click]:active hr, .active hr { background: linear-gradient(to right, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0.38) 20%, rgba(160, 160, 160, 0.75), rgba(128, 128, 128, 0.38) 80%, rgba(128, 128, 128, 0) 100%); }

a.nolinkhover:hover, a.nolinkhover:focus, a.nolinkhover:active, [ng-click].nolinkhover:hover, [ng-click].nolinkhover:active, .nolinkhover a:hover, .nolinkhover a:focus, .nolinkhover a:active, .nolinkhover [ng-click]:hover, .nolinkhover [ng-click]:active { background-color: transparent; box-shadow: none; overflow: visible; }

.icontile { font-size: 78px; font-size: 4.33333rem; line-height: 108px; line-height: 6rem; border-radius: 20px; padding: 9px; margin: 1px auto; max-width: 100%; overflow: hidden; }

a .icontile { color: #5ab7a4; background: rgba(90, 183, 164, 0.81); border: 2px solid #5ab7a4; }

a .image.padded .imagecontainer:hover, a body .image.middle .imagecontainer:hover, body a .image.middle .imagecontainer:hover, a .image.rhythm .imagecontainer:hover, a .icontile:hover { color: #008c70; background: rgba(231, 114, 48, 0.81); border-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); }

a .image.padded .imagecontainer:active, a body .image.middle .imagecontainer:active, body a .image.middle .imagecontainer:active, a .image.rhythm .imagecontainer:active, a .icontile:active { color: #558178; background: rgba(231, 231, 48, 0.81); border-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); }

a .image.gallery .imagecontainer:hover, [ng-click] .image.gallery .imagecontainer:hover, .image.gallery [ng-click] .imagecontainer:hover, .image.gallery .imagecontainer.zoom:hover { background: rgba(231, 114, 48, 0.81); }

a .image.gallery .imagecontainer:active, [ng-click] .image.gallery .imagecontainer:active, .image.gallery [ng-click] .imagecontainer:active, .image.gallery .imagecontainer.zoom:active { background: rgba(231, 231, 48, 0.81); }

a.button { color: #5ab7a4; }

button, .button { font-size: 18px; line-height: 18px; padding: 0.25em; border: none; border-radius: 4px; overflow: hidden; background-color: rgba(90, 183, 164, 0.81); color: #5ab7a4; justify-content: center; }

.flow > button, blockquote > button, .blockquote > button, .flow > .button, blockquote > .button, .blockquote > .button, .flow > p > button, blockquote > p > button, .blockquote > p > button, .flow > p > .button, blockquote > p > .button, .blockquote > p > .button { margin: 9px auto; }

button:hover, .button:hover { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }

button:active, button.active, .button:active, .button.active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.red, .button.red { background-color: rgba(255, 124, 124, 0.75); color: #704945; }
button.red:hover, button.red:focus, .button.red:hover, .button.red:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.red:active, .button.red:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.orange, .button.orange { background-color: rgba(255, 191, 109, 0.75); color: #7a6742; }
button.orange:hover, button.orange:focus, .button.orange:hover, .button.orange:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.orange:active, .button.orange:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.yellow, .button.yellow { background-color: rgba(255, 253, 118, 0.75); color: #84844f; }
button.yellow:hover, button.yellow:focus, .button.yellow:hover, .button.yellow:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.yellow:active, .button.yellow:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.green, .button.green { background-color: rgba(131, 243, 119, 0.75); color: #253a23; }
button.green:hover, button.green:focus, .button.green:hover, .button.green:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.green:active, .button.green:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.blue, .button.blue { background-color: rgba(127, 154, 255, 0.75); color: #373751; }
button.blue:hover, button.blue:focus, .button.blue:hover, .button.blue:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.blue:active, .button.blue:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.purple, .button.purple { background-color: rgba(219, 119, 244, 0.75); color: #453149; }
button.purple:hover, button.purple:focus, .button.purple:hover, .button.purple:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.purple:active, .button.purple:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.pink, .button.pink { background-color: rgba(253, 199, 199, 0.75); color: #8e6972; }
button.pink:hover, button.pink:focus, .button.pink:hover, .button.pink:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.pink:active, .button.pink:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.brown, .button.brown { background-color: rgba(133, 88, 44, 0.75); color: #2c2319; }
button.brown:hover, button.brown:focus, .button.brown:hover, .button.brown:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.brown:active, .button.brown:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

button.disabled, .button.disabled { background-color: rgba(96, 96, 96, 0.75); color: #404040; }
button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus { background-color: rgba(231, 114, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 114, 48, 0.81); color: #008c70; }
button.disabled:active, .button.disabled:active { background-color: rgba(231, 231, 48, 0.81); box-shadow: 0 0 4px 2px rgba(231, 231, 48, 0.81); color: #558178; }

/* Copyright 2015, Octoboxy LLC.  All Rights Reserved.
 Images and Image Frames.
*/
.image img { border-radius: 12px; overflow: hidden; }

.image.padded img, body .image.middle img, .image.rhythm img { border-radius: 12px; }

.sharpcorners img, .sharpcorners .icontile, .sharpcorners .imagecontainer { border-radius: 4px !important; }

.image.gallery img { border-radius: 15.5px; }
.image.gallery .imagecontainer { padding: 4.5px; border-radius: 20px; overflow: hidden; width: auto; }
.image.gallery .caption { font-style: italic; }

.image.rhythm, .image.padded, body .image.middle { padding: 0; }
.image.rhythm .imagecontainer, .image.padded .imagecontainer, body .image.middle .imagecontainer { padding: 4.5px; }
.image.rhythm img, .image.rhythm .imagecontainer, .image.padded img, body .image.middle img, .image.padded .imagecontainer, body .image.middle .imagecontainer { border-radius: 4px; overflow: hidden; }

.skintone_light .image.gallery .imagecontainer { background: rgba(255, 255, 255, 0.38); box-shadow: 0 2px 4px 0 #a0a0a0 inset; }
.skintone_light a .image.gallery .imagecontainer:hover, .skintone_light [ng-click] .image.gallery .imagecontainer:hover, .skintone_light .image.gallery [ng-click] .imagecontainer:hover, .skintone_light .image.gallery .imagecontainer.zoom:hover { box-shadow: 0 2px 4px 0 #606060 inset; }
.skintone_light a .image.gallery .imagecontainer:active, .skintone_light [ng-click] .image.gallery .imagecontainer:active, .skintone_light .image.gallery [ng-click] .imagecontainer:active, .skintone_light .image.gallery .imagecontainer.zoom:active { box-shadow: 0 2px 4px 0 #ffffff inset; }

.skintone_dark .image.gallery .imagecontainer { background: rgba(0, 0, 0, 0.38); box-shadow: 0 2px 4px 0 #000000 inset; }
.skintone_dark a .image.gallery .imagecontainer:hover, .skintone_dark [ng-click] .image.gallery .imagecontainer:hover, .skintone_dark .image.gallery [ng-click] .imagecontainer:hover, .skintone_dark .image.gallery .imagecontainer.zoom:hover { box-shadow: 0 2px 4px 0 #606060 inset; }
.skintone_dark a .image.gallery .imagecontainer:active, .skintone_dark [ng-click] .image.gallery .imagecontainer:active, .skintone_dark .image.gallery [ng-click] .imagecontainer:active, .skintone_dark .image.gallery .imagecontainer.zoom:active { box-shadow: 0 2px 4px 0 #202020 inset; }

.videowrapper.outer { max-width: 100%; }

.videowrapper.inner { position: relative; height: 0; overflow: hidden; }

.videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

form { border-radius: 8px; overflow: hidden; width: 100%; }

fieldset { border-radius: 8px; overflow: hidden; padding: 4.5px; margin: 0; }

textarea, input[type=text], input[type=email], input[type=password], input[type=number], select { padding: 4.5px; border-radius: 4px; overflow: hidden; width: 100%; }

input[type=number] { border-width: 1px; text-align: center; }

textarea { display: block; overflow-y: scroll; }

.skintone_light form ::-webkit-input-placeholder { color: #808080; font-style: italic; }
.skintone_light form :-moz-placeholder { color: #808080; font-style: italic; }
.skintone_light form ::-moz-placeholder { color: #808080; font-style: italic; }
.skintone_light form :-ms-input-placeholder { color: #808080; font-style: italic; }
.skintone_light textarea, .skintone_light input[type=text], .skintone_light input[type=email], .skintone_light input[type=password], .skintone_light input[type=number], .skintone_light select { color: #404040; background-color: #e0e0e0; border: none; box-shadow: 0 0 2px 0 #a0a0a0; }
.skintone_light fieldset { border: 1px dotted rgba(128, 128, 128, 0.75); }

.skintone_dark form ::-webkit-input-placeholder { color: #404040; font-style: italic; }
.skintone_dark form :-moz-placeholder { color: #404040; font-style: italic; }
.skintone_dark form ::-moz-placeholder { color: #404040; font-style: italic; }
.skintone_dark form :-ms-input-placeholder { color: #404040; font-style: italic; }
.skintone_dark textarea, .skintone_dark input[type=text], .skintone_dark input[type=email], .skintone_dark input[type=password], .skintone_dark input[type=number], .skintone_dark select { color: #a0a0a0; background-color: #202020; border: none; box-shadow: 0 0 2px 0 #000000; }
.skintone_dark fieldset { border: 1px dotted rgba(128, 128, 128, 0.75); }

.jquery-modal.blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1; padding: 20px; text-align: center; }

.jquery-modal.blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; }

.jquery-modal.blocker.behind { background: transparent !important; }

.skintone_light .jquery-modal.blocker { background: rgba(192, 192, 192, 0.75); }

.skintone_dark .jquery-modal.blocker { background: rgba(64, 64, 64, 0.75); }

.jquery-modal .modal { display: inline-block; vertical-align: middle; position: relative; z-index: 2;     /* // We don't like their close button so we tend to not use it a.close-modal { position:               absolute; top:                    12px; left:                   8px; display:                block; width:                  30px; height:                 30px; text-indent:            -9999px; background:             url("data:image/png;base64,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") no-repeat 0 0 }
 // I think this is what displays if we let jquery-modal do an AJAX fetch .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url("data:image/gif;base64,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") #111 no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px } */ }
.jquery-modal .modal .close.button { position: absolute; top: 0.5em; right: 0.5em; width: 1.5em; height: 1.5em; z-index: 123; }

.skintone_light .jquery-modal .blocker { background-color: rgba(192, 192, 192, 0.75); }
.skintone_light .jquery-modal .modal { background-color: rgba(224, 224, 224, 0.75); box-shadow: 0 3px 12px 0 #808080; }

.skintone_dark .jquery-modal .blocker { background-color: rgba(64, 64, 64, 0.75); }
.skintone_dark .jquery-modal .modal { background-color: rgba(32, 32, 32, 0.75); box-shadow: 0 3px 12px 0 #202020; }

/* Taxonomy Editor / Viewer
*/
.taxonomy.tree { width: 100%; }
.taxonomy.tree .taxon { width: 100%; position: relative; border-radius: 4px; overflow: hidden; cursor: pointer; transition: background 0.1s, color 0.1s; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ }
.taxonomy.tree .taxon .blank { font-style: italic; }
.taxonomy.tree .row { display: flex; align-items: center; min-height: 1.5em; }
.taxonomy.tree .column0 { flex: 2 1 auto; text-align: left; min-width: 6em; }
.taxonomy.tree .treespacer { height: 1em; }
.taxonomy.tree .toggle, .taxonomy.tree .column0icon, .taxonomy.tree .smallcell, .taxonomy.tree .mediumcell, .taxonomy.tree .largecell, .taxonomy.tree .hugecell { flex: 0 0 auto; height: 1.3em; }
.taxonomy.tree .title { text-align: left; }
.taxonomy.tree .toggle { width: 1.3em; }
.taxonomy.tree .column0icon { width: 1.5em; justify-content: flex-start; }
.taxonomy.tree .smallcell { width: 1.8em; }
.taxonomy.tree .mediumcell { width: 3.5em; }
.taxonomy.tree .largecell { width: 7em; }
.taxonomy.tree .hugecell { width: 12em; }
.taxonomy.tree .taxon.selected .title { font-weight: bold; }
.taxonomy.tree .pseudo_taxon { position: relative; height: 8px; }
.taxonomy.tree .taxon_drop { position: absolute; left: 0; right: 4em; height: 8px; border-radius: 4px; overflow: hidden; }
.taxonomy.tree .taxon_drop.top { top: 0; background-color: transparent; }
.taxonomy.tree .taxon_drop.bottom { bottom: 0; background-color: transparent; }
.taxonomy.tree .taxon_drop.last { bottom: 0; background-color: transparent; }

.taxonomy.modal h2 { margin: 0; }
.taxonomy.modal .taxonomycontainer { padding: 0 0.5em; margin: 1em 0; }
.taxonomy.modal .buttonrow { margin: 0 0 0.5em 0; padding: 0 0.25em; }
.taxonomy.modal .buttonrow .button0, .taxonomy.modal .buttonrow .button1 { padding: 0 0.25em; }
.taxonomy.modal .buttonrow .button { width: 100%; }

.taxonomy.menu { display: inline-block; width: 100%; font-family: "Open Sans", sans-serif; }
.taxonomy.menu .resetmenu { max-height: 1.5em; margin: 0.5em 0; }
.taxonomy.menu .taxon { transition: opacity 0.3s, max-height 0.4s, box-shadow 1.2s, margin-bottom 0.3s; overflow: hidden; max-height: 4em; opacity: 1; text-align: left; white-space: nowrap; cursor: pointer; margin-bottom: 0px; width: 100%; border-radius: 0; }
.taxonomy.menu .taxon .row { position: relative; width: 100%; }
.taxonomy.menu .taxon .whenclosed { height: 4em; line-height: 2em; text-align: center; transition: max-width 0.4s, border 0.4s, background 0.4s, color 0.2s; overflow: hidden; display: block; border-radius: 0; vertical-align: top; position: relative; padding: 0 0.5em; width: 100%; box-shadow: 0 0 6px 0 #7cfde3 inset; border: 0 solid rgba(90, 183, 164, 0.81); color: #7cfde3; }
.taxonomy.menu .taxon .whenclosed a { transition: color 0.2s; border: 0; border-radius: 0; }
.taxonomy.menu .taxon .whenclosed .rowglyph { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ font-size: 36px; font-size: 2rem; line-height: 54px; line-height: 3rem; position: absolute; height: 2em; line-height: 2em; top: 0; right: 0.25em; opacity: 0.3; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.taxonomy.menu .taxon .whenclosed .circleglyph { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ font-size: 36px; font-size: 2rem; line-height: 54px; line-height: 3rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 0.4s; display: flex; justify-content: center; align-items: center; pointer-events: none; overflow: hidden; }
.taxonomy.menu .taxon .whenclosed .title1 { font-size: 14px; font-size: 0.8rem; line-height: 27px; line-height: 1.5rem; font-style: italic; }
.taxonomy.menu .taxon .whenclosed * { transition: opacity 0.4s; opacity: 1; }
.taxonomy.menu .taxon .whenopened { font-size: 36px; line-height: 2em; position: absolute; left: 28em; top: 0; padding: 0 0.25em 0 2.5em; transition: opacity 0.4s, left 0.4s, color 0.2s; opacity: 0; font-weight: 700; width: 100%; height: 2em; }
.taxonomy.menu .taxon .whenopened > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.taxonomy.menu .taxon.open.visible { margin-bottom: 1em; }
.taxonomy.menu .taxon.open.visible .whenclosed .hidewhenopen { opacity: 0; }
.taxonomy.menu .taxon.open.visible .whenclosed { max-width: 4em; border-radius: 1em; margin-left: 0.25em; display: inline-block; }
.taxonomy.menu .taxon.open.visible .whenclosed .circleglyph { opacity: 1; }
.taxonomy.menu .taxon.open.visible .whenopened { opacity: 1; left: 0; }
.taxonomy.menu .taxon.visible { margin-bottom: 4px; }
.taxonomy.menu .taxon.closed.visible.first { border-top: 0; }
.taxonomy.menu .taxon.closed.visible.last { border-bottom: 0; }
.taxonomy.menu .taxon.obscured { max-height: 0; opacity: 0; }
.taxonomy.menu .taxon.first, .taxonomy.menu .taxon.first .whenclosed { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
.taxonomy.menu .taxon.last, .taxonomy.menu .taxon.last .whenclosed { border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
.taxonomy.menu .taxon.open .whenclosed { box-shadow: 0 0 3px 2px #7cfde3 inset; }
.taxonomy.menu .taxon.open:hover .whenclosed { box-shadow: 0 0 3px 2px #00e2b5 inset; }
.taxonomy.menu .taxon.open:active .whenclosed { box-shadow: 0 0 3px 2px #9be0d2 inset; }
.taxonomy.menu .taxon:hover .whenclosed, .taxonomy.menu .taxon.open:hover .whenclosed, .taxonomy.menu .taxon:hover .whenclosed a { color: #00e2b5; }
.taxonomy.menu .taxon:active .whenclosed, .taxonomy.menu .taxon.open:active .whenclosed, .taxonomy.menu .taxon:active .whenclosed a { color: #9be0d2; }
.taxonomy.menu .taxon.closed.visible { border-top: 1px dotted #7cfde3; border-bottom: 1px dotted #7cfde3; }
.taxonomy.menu .taxon.closed.visible:hover { border-top-color: #00e2b5; border-bottom-color: #00e2b5; }
.taxonomy.menu .taxon.closed.visible:hover .whenclosed { box-shadow: 0 0 6px 0 #00e2b5 inset; }
.taxonomy.menu .taxon.closed.visible:active { border-top-color: #9be0d2; border-bottom-color: #9be0d2; }
.taxonomy.menu .taxon.closed.visible:active .whenclosed { box-shadow: 0 0 6px 0 #9be0d2 inset; }

.taxonomy.chooser { text-align: center; }
.taxonomy.chooser h2 { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; }
.taxonomy.chooser .buttonrow > div { padding: 4px; }

.taxonomy.widget .button { display: inline-block; height: 28px; padding-top: 0; padding-bottom: 0; margin-bottom: 2px; vertical-align: middle; }

.skintone_light .taxonomy.tree .taxon .column0, .skintone_light .taxonomy.tree .taxon .smallcell, .skintone_light .taxonomy.tree .taxon .mediumcell, .skintone_light .taxonomy.tree .taxon .largecell, .skintone_light .taxonomy.tree .taxon .hugecell { border-right: 1px dotted rgba(128, 128, 128, 0.75); }
.skintone_light .taxonomy.tree .taxon .smallcell.nodots, .skintone_light .taxonomy.tree .taxon .mediumcell.nodots, .skintone_light .taxonomy.tree .taxon .largecell.nodots, .skintone_light .taxonomy.tree .taxon .hugecell.nodots { border-right: none; }
.skintone_light .taxonomy.tree .taxon.even { background: rgba(192, 192, 192, 0.75); }
.skintone_light .taxonomy.tree .taxon.odd { background: rgba(160, 160, 160, 0.75); }
.skintone_light .taxonomy.tree .taxon.even:hover, .skintone_light .taxonomy.tree .taxon.odd:hover { background: rgba(224, 224, 224, 0.75); color: #404040; }
.skintone_light .taxonomy.tree .taxon.selected { background: rgba(90, 183, 164, 0.81); color: #e0e0e0; }
.skintone_light .taxonomy.tree .taxon.selected:hover { background: rgba(231, 231, 48, 0.81); color: #404040; }
.skintone_light .taxonomy.tree .dragondropping, .skintone_light .taxonomy.tree .taxon_drop.dragondropping { background-color: #fffd76 !important; }
.skintone_light .taxonomy.menu .taxon { box-shadow: 0 3px 12px 0 rgba(255, 255, 255, 0); }
.skintone_light .taxonomy.menu .taxon.closed.visible { box-shadow: 0 3px 12px 0 #c0c0c0; }
.skintone_light .taxonomy.menu .taxon.open .whenclosed { background: rgba(96, 96, 96, 0.75); }

.skintone_dark .taxonomy.tree .taxon .column0, .skintone_dark .taxonomy.tree .taxon .smallcell, .skintone_dark .taxonomy.tree .taxon .mediumcell, .skintone_dark .taxonomy.tree .taxon .largecell, .skintone_dark .taxonomy.tree .taxon .hugecell { border-right: 1px dotted rgba(128, 128, 128, 0.75); }
.skintone_dark .taxonomy.tree .taxon .smallcell.nodots, .skintone_dark .taxonomy.tree .taxon .mediumcell.nodots, .skintone_dark .taxonomy.tree .taxon .largecell.nodots, .skintone_dark .taxonomy.tree .taxon .hugecell.nodots { border-right: none; }
.skintone_dark .taxonomy.tree .taxon.even { background: rgba(64, 64, 64, 0.75); }
.skintone_dark .taxonomy.tree .taxon.odd { background: rgba(96, 96, 96, 0.75); }
.skintone_dark .taxonomy.tree .taxon.even:hover, .skintone_dark .taxonomy.tree .taxon.odd:hover { background: rgba(64, 64, 64, 0.75); color: #e0e0e0; }
.skintone_dark .taxonomy.tree .taxon.selected { background: rgba(90, 183, 164, 0.81); color: #404040; }
.skintone_dark .taxonomy.tree .taxon.selected:hover { background: rgba(231, 114, 48, 0.81); color: #e0e0e0; }
.skintone_dark .taxonomy.tree .dragondropping, .skintone_dark .taxonomy.tree .taxon_drop.dragondropping { background-color: #fffd76 !important; }
.skintone_dark .taxonomy.menu .taxon { box-shadow: 0 3px 12px 0 rgba(255, 255, 255, 0); }
.skintone_dark .taxonomy.menu .taxon.closed.visible { box-shadow: 0 3px 12px 0 #404040; }
.skintone_dark .taxonomy.menu .taxon.open .whenclosed { background: rgba(96, 96, 96, 0.75); }

/* Copyright 2022, Octoboxy LLC.  All Rights Reserved. */
.card .underborder { position: absolute; top: 0.1em; left: 0.1em; right: 0.1em; bottom: 0.1em; border-width: 2px; border-style: solid; border-radius: 12px; opacity: 0.4; pointer-events: none; }
.card h2 { padding-right: 0.25em; padding-left: 1.75em; }
.card h2 .title { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; }
.card .iconbox { display: inline-block; width: 1.9em; height: 1.9em; border-width: 1px; border-style: solid; border-radius: 20px; overflow: hidden; }
.card .iconbox.cornered, .card .iconbox.corner0, .card .iconbox.corner1, .card .iconbox.corner1a, .card .iconbox.corner1b, .card .iconbox.corner2, .card .iconbox.corner3 { display: block; position: absolute; }
.card .iconbox.cornered, .card .iconbox.corner0 { top: -0.25em; left: -0.25em; }
.card .iconbox.corner1 { top: -0.25em; right: -0.25em; }
.card .iconbox.corner1a { top: -0.25em; right: -0.25em; }
.card .iconbox.corner1b { top: -0.25em; right: 1.75em; }
.card .iconbox.corner2 { bottom: -0.25em; right: -0.25em; }
.card .iconbox.corner3 { bottom: -0.25em; left: -0.25em; }
.card .description { min-height: 3em; }
.card .footnotes { font-size: 14px; font-size: 0.8rem; line-height: 27px; line-height: 1.5rem; margin-top: 4px; padding-bottom: 4px; line-height: 1em; font-family: "Open Sans", sans-serif; display: flex; justify-content: space-evenly; align-items: center; white-space: nowrap; }

.skintone_light .card .iconbox { background: rgba(224, 224, 224, 0.38); }

.skintone_dark .card .iconbox { background: rgba(64, 64, 64, 0.38); }

/* This module adapts Django's admin console to run with our Pure-based custom CSS.  There should not be much app-specific stuff in this file.
*/
/* all admin pages */
.via_base_site .related-widget-wrapper-link { display: none; }
.via_base_site .module, .via_base_site .module.collapsed, .via_base_site .inline-group { border-radius: 12px; padding: 0; overflow: hidden; }
.via_base_site .module h2, .via_base_site .module.collapsed h2, .via_base_site .inline-group h2 { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; margin-top: 0px; margin-top: 0rem; padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; margin-bottom: 0px; margin-bottom: 0rem; font-weight: 600; text-align: right; padding: 0.25em 0.5em; }

.via_base_site.skintone_light .module { background: rgba(192, 192, 192, 0.75); box-shadow: 0 6px 12px 0 rgba(128, 128, 128, 0.75); color: #404040; border: none; }
.via_base_site.skintone_light .module h2 { background: rgba(224, 224, 224, 0.75); color: #202020; }
.via_base_site.skintone_light .module .form-row { border-top: 1px solid rgba(128, 128, 128, 0.75); border-bottom: none; }
.via_base_site.skintone_light .module .form-row:first-of-type { border-top: none; }
.via_base_site.skintone_light .module label { color: #606060; }
.via_base_site.skintone_light .module .help { color: #606060; }

.via_base_site.skintone_dark .module { background: rgba(64, 64, 64, 0.75); box-shadow: 0 6px 12px 0 rgba(32, 32, 32, 0.75); color: #a0a0a0; border: none; }
.via_base_site.skintone_dark .module h2 { background: rgba(96, 96, 96, 0.75); color: #c0c0c0; }
.via_base_site.skintone_dark .module .form-row { border-top: 1px solid rgba(32, 32, 32, 0.75); border-bottom: none; }
.via_base_site.skintone_dark .module .form-row:first-of-type { border-top: none; }
.via_base_site.skintone_dark .module label { color: #808080; }
.via_base_site.skintone_dark .module .help { color: #808080; }

/* Change Lists */
.via_base_site.change-list .filter, .via_base_site.change-list .actions, .via_base_site.change-list #toolbar { border-radius: 8px; overflow: hidden; text-align: center; margin: 0.25em 1em; padding: 0.25em 0.5em; }
.via_base_site.change-list .addlink { display: flex; justify-content: flex-end; }
.via_base_site.change-list .stretchysearch { display: flex; align-items: center; }
.via_base_site.change-list .stretchysearch .stretch { flex: 1; }
.via_base_site.change-list .stretchysearch .stretch input { width: 100%; }
.via_base_site.change-list .stretchysearch .nostretch { flex: 0; padding-left: 1em; white-space: nowrap; }
.via_base_site.change-list .filters { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-evenly; }
.via_base_site.change-list .filters h3 { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; margin-top: 0px; margin-top: 0rem; padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; margin-bottom: 0px; margin-bottom: 0rem; }
.via_base_site.change-list .actions { display: flex; align-items: center; justify-content: space-evenly; }
.via_base_site.change-list .actions select { width: auto; }
.via_base_site.change-list .actions button { max-width: 4em; }
.via_base_site.change-list .actions .hidden { display: none; }
.via_base_site.change-list .paginator { padding: 0 0.25em; }
.via_base_site.change-list .paginator span, .via_base_site.change-list .paginator a { margin: 0 0.5em; }
.via_base_site.change-list .results { overflow-x: scroll; }
.via_base_site.change-list table { width: 100%; }
.via_base_site.change-list table thead th { font-size: 14px; font-size: 0.8rem; line-height: 27px; line-height: 1.5rem; text-align: center; }
.via_base_site.change-list table th { font-weight: normal; }
.via_base_site.change-list table tbody tr { transition: background 0.1s; }
.via_base_site.change-list table tbody th, .via_base_site.change-list table tbody td { font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; margin-top: 0px; margin-top: 0rem; padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; margin-bottom: 0px; margin-bottom: 0rem; padding: 0 0.25em; vertical-align: top; word-break: break-word; }
.via_base_site.change-list table tbody td { text-align: center; }
.via_base_site.change-list table th.sortable { position: relative; }
.via_base_site.change-list table th.sortable .sortoptions { position: absolute; top: 0; right: 0; }
.via_base_site.change-list table .action-checkbox-column, .via_base_site.change-list table .action-checkbox { width: 1.5em; text-align: center; }
.via_base_site.change-list thead th.sorted a.sortremove { visibility: hidden; }
.via_base_site.change-list th.sorted:hover a.sortremove { visibility: visible; }
.via_base_site.change-list th.sorted .sortoptions { display: block; padding: 9px 5px 0 5px; float: right; text-align: right; }
.via_base_site.change-list th.sorted .sortpriority { font-size: .8em; min-width: 12px; text-align: center; vertical-align: 3px; margin-left: 2px; margin-right: 2px; }
.via_base_site.change-list th.sorted .sortoptions a { position: relative; width: 14px; height: 14px; display: inline-block; background: url(/y/static/admin/img/sorting-icons.svg) 0 0 no-repeat; background-size: 14px auto; }
.via_base_site.change-list th.sorted .sortoptions a.sortremove { background-position: 0 0; }
.via_base_site.change-list th.sorted .sortoptions a.sortremove:after { content: '\\'; position: absolute; top: -10px; left: 4px; font-weight: 200; font-size: 18px; color: #ad5047; }
.via_base_site.change-list th.sorted .sortoptions a.sortremove:focus, .via_base_site.change-list th.sorted .sortoptions a.sortremove:hover { background-position: 0 -14px; }
.via_base_site.change-list th.sorted .sortoptions a.ascending { background-position: 0 -28px; }
.via_base_site.change-list th.sorted .sortoptions a.ascending:focus, .via_base_site.change-list th.sorted .sortoptions a.ascending:hover { background-position: 0 -42px; }
.via_base_site.change-list th.sorted .sortoptions a.descending { top: 1px; background-position: 0 -56px; }
.via_base_site.change-list th.sorted .sortoptions a.descending:focus, .via_base_site.change-list th.sorted .sortoptions a.descending:hover { background-position: 0 -70px; }

.via_base_site.change-list.skintone_light .filter, .via_base_site.change-list.skintone_light .actions, .via_base_site.change-list.skintone_light #toolbar { border: none; background: rgba(192, 192, 192, 0.75); box-shadow: 0 0 3px 0 rgba(128, 128, 128, 0.75) inset; }
.via_base_site.change-list.skintone_light .paginator { color: #606060; font-style: italic; }
.via_base_site.change-list.skintone_light table tr > *:last-child { border-right: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-list.skintone_light table th, .via_base_site.change-list.skintone_light table td { border-left: 1px dotted rgba(128, 128, 128, 0.75); border-bottom: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-list.skintone_light table thead th, .via_base_site.change-list.skintone_light table thead td { border-top: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-list.skintone_light table tbody .row1 { background: rgba(224, 224, 224, 0.75); }
.via_base_site.change-list.skintone_light table tbody .row2 { background: rgba(192, 192, 192, 0.75); }
.via_base_site.change-list.skintone_light table tbody tr:hover { background: #ffffff; }
.via_base_site.change-list.skintone_light table tbody tr.selected { background: rgba(40, 90, 36, 0.75); color: #e0e0e0; border-bottom: 1px solid #808080; }
.via_base_site.change-list.skintone_light table tbody tr.selected:hover { background: rgba(131, 243, 119, 0.75); }
.via_base_site.change-list.skintone_light table tbody a:hover, .via_base_site.change-list.skintone_light table tbody a:focus { color: #00e2b5; }

.via_base_site.change-list.skintone_dark .filter, .via_base_site.change-list.skintone_dark .actions, .via_base_site.change-list.skintone_dark #toolbar { border: none; background: rgba(96, 96, 96, 0.75); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75) inset; }
.via_base_site.change-list.skintone_dark .paginator { color: #808080; font-style: italic; }
.via_base_site.change-list.skintone_dark table tr > *:last-child { border-right: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-list.skintone_dark table th, .via_base_site.change-list.skintone_dark table td { border-left: 1px dotted rgba(128, 128, 128, 0.75); border-bottom: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-list.skintone_dark table thead th, .via_base_site.change-list.skintone_dark table thead td { border-top: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-list.skintone_dark table tbody .row1 { background: rgba(64, 64, 64, 0.75); }
.via_base_site.change-list.skintone_dark table tbody .row2 { background: rgba(96, 96, 96, 0.75); }
.via_base_site.change-list.skintone_dark table tbody tr:hover { background: rgba(128, 128, 128, 0.75); }
.via_base_site.change-list.skintone_dark table tbody tr.selected { background: rgba(40, 90, 36, 0.75); color: #e0e0e0; border-bottom: 1px solid #404040; }
.via_base_site.change-list.skintone_dark table tbody tr.selected:hover { background: rgba(131, 243, 119, 0.75); }
.via_base_site.change-list.skintone_dark table tbody a:hover, .via_base_site.change-list.skintone_dark table tbody a:focus { color: #00e2b5; }

/* Change forms */
.via_base_site.change-form textarea, .via_base_site.change-form input[type=text], .via_base_site.change-form input[type=email], .via_base_site.change-form input[type=password], .via_base_site.change-form input[type=number], .via_base_site.change-form select { width: 100%; }
.via_base_site.change-form .datetime input { max-width: 4em; }
.via_base_site.change-form .actions, .via_base_site.change-form .submitrow { display: flex; align-content: center; gap: 1em; }
.via_base_site.change-form .actions { justify-content: flex-start; }
.via_base_site.change-form .submitrow { justify-content: space-between; }
.via_base_site.change-form .fieldtuple { display: flex; align-items: center; justify-content: flex-start; gap: 0.5em; }
.via_base_site.change-form .fieldtuple > label { font-family: "Sansation", sans-serif; font-size: 18px; font-size: 1rem; line-height: 27px; line-height: 1.5rem; margin-top: 0px; margin-top: 0rem; padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; margin-bottom: 0px; margin-bottom: 0rem; width: 100%; max-width: 12em; }
.via_base_site.change-form .fieldvaluebox { width: 100%; text-align: left; }
.via_base_site.change-form .fieldvalue { word-break: break-word; }
.via_base_site.change-form .errorlist li { list-style-type: '* '; }
.via_base_site.change-form .helptext { font-size: 14px; font-size: 0.8rem; line-height: 27px; line-height: 1.5rem; margin-top: 0px; margin-top: 0rem; padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; margin-bottom: 0px; margin-bottom: 0rem; }
.via_base_site.change-form .related-lookup, .via_base_site.change-form .fieldvalue > strong { display: none; }

.via_base_site.change-form.skintone_light .fieldrow { border-bottom: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-form.skintone_light .fieldrowset > *:last-child { border-bottom: None; }

.via_base_site.change-form.skintone_dark .fieldrow { border-bottom: 1px dotted rgba(128, 128, 128, 0.75); }
.via_base_site.change-form.skintone_dark .fieldrowset > *:last-child { border-bottom: None; }

.backstretch { opacity: 0.6; }

@media print { .backstretch { display: none !important; } }
.fa-fw { line-height: inherit !important; }

.toggleswitch { display: flex; align-items: center; justify-content: flex-start; gap: 0.5em; }
.toggleswitch .on, .toggleswitch .off, .toggleswitch .timestamp { height: 29px; line-height: 29px; }
.toggleswitch .timestamp { font-size: 0.8em; font-family: "Source Code Pro", "Courier", monospace; }
.toggleswitch .switch { position: relative; width: 56px; height: 29px; }
.toggleswitch .switch input { display: none; }
.toggleswitch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s; border-radius: 34px; background-color: #606060; box-shadow: 0 0 1px 1px #404040 inset; }
.toggleswitch input:checked + .slider { background-color: #a0a0a0; box-shadow: 0 0 1px 1px #e0e0e0 inset; }
.toggleswitch .slider:before { position: absolute; content: ""; height: 21px; width: 21px; left: 4px; bottom: 4px; -webkit-transition: .4s; transition: .4s; border-radius: 50%; background-color: #a0a0a0; }
.toggleswitch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); background-color: #606060; }
.toggleswitch input:focus + .slider { box-shadow: 0 0 1px 1px rgba(231, 114, 48, 0.81) !important; }

#login fieldset, #password fieldset { position: relative; }
#login fieldset > *, #password fieldset > * { transition: max-height 0.3s ease-out, opacity 0.3s  ease-out; height: auto; overflow: hidden; }
#login .fullheight, #password .fullheight { max-height: 2em; opacity: 1; }
#login .noheight, #password .noheight { max-height: 0px; opacity: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.pricing { font-style: italic; }
.pricing .title { float: left; margin-right: 1em; }
.pricing .price { float: right; margin-left: 1em; }

.contact_form #id_subject { display: none; }

.contact_form #id_phone { display: none; }

.contact_form #id_url { display: none; }

#publication_editor .column-s3-1-3:nth-of-type(odd) { border-left: 1px dotted #808080; border-right: 1px dotted #808080; }
#publication_editor .row { padding: 0.25em; border-top: 1px dotted #808080; }
#publication_editor .row > div, #publication_editor .row > label { text-align: center; }
#publication_editor .row > label { display: block; }
#publication_editor input[type=text], #publication_editor textarea { width: 100%; }

#faces_colors .actionpane { margin: 0.5em 0; }
#faces_colors .actionpane .skewcolorbar { background-color: rgba(192, 192, 192, 0.75); border-radius: 0.75em; overflow: hidden; display: inline-block; vertical-align: middle; padding: 0.25em 0.75em; margin: 0; }
#faces_colors .actionpane .skewcolorbar .sp-button-container { display: none; }
#faces_colors .actionpane .buttonlist .button { width: 100%; max-width: 20em; margin-top: 1em; }
#faces_colors .linkpane { text-align: right; }
#faces_colors .linkpane .legend { background: rgba(0, 0, 0, 0.75); color: rgba(255, 255, 255, 0.75); }
#faces_colors .linkpane label, #faces_colors .linkpane input { display: inline-block; width: 1.5em; text-align: left; }