/*
SHELVES
-------

The only responsive, fluid CSS grid with infinitely nestable columns.

Copyright (c) 2012, Pete Browne
*/
[grid-demo] [class*="col-"] {
  background: #cdcdcd;
  margin-bottom: 1rem; }

/*
SHELVES
-------

The only responsive, fluid CSS grid with infinitely nestable columns.

Copyright (c) 2012, Pete Browne
*/
[grid-demo] [class*="col-"] {
  background: #cdcdcd;
  margin-bottom: 1rem; }

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px; } }

img {
  max-width: 100%;
  height: auto; }
  @media \0screen {
    img {
      width: auto; } }

.row {
  *zoom: 1;
  margin-right: auto;
  margin-left: auto;
  max-width: 1030px;
  padding-left: 20px;
  padding-right: 20px; }
  .row:before, .row:after {
    display: table;
    content: " "; }
  .row:after {
    clear: both; }
  .row .row {
    margin-right: 0;
    margin-left: 0;
    max-width: none;
    padding-right: 0;
    padding-left: 0; }

.mobile-col-1, .mobile-col-2, .mobile-col-3 {
  display: block;
  float: left;
  min-height: 1px;
  position: relative;
  *margin-right: -1px;
  margin-left: 4.61165%; }

.row .mobile-col-1:first-child, .row .mobile-col-2:first-child, .row .mobile-col-3:first-child, .first-mobile-col {
  margin-left: 0; }

.mobile-col-1 {
  width: 21.54126%; }

.mobile-col-2 {
  width: 47.69417%; }

.mobile-col-3 {
  width: 73.84709%; }

@media screen and (min-width: 620px) {
  .tablet-col-1, .tablet-col-2, .tablet-col-3, .tablet-col-4, .tablet-col-5 {
    display: block;
    float: left;
    min-height: 1px;
    position: relative;
    *margin-right: -1px;
    margin-left: 2.91262%; }
  .row .tablet-col-1:first-child, .row .tablet-col-2:first-child, .row .tablet-col-3:first-child, .row .tablet-col-4:first-child, .row .tablet-col-5:first-child, .first-tablet-col {
    margin-left: 0; }
  .tablet-col-1 {
    width: 14.23948%; }
  .tablet-col-2 {
    width: 31.39159%; }
  .tablet-col-3 {
    width: 48.54369%; }
  .tablet-col-4 {
    width: 65.69579%; }
  .tablet-col-5 {
    width: 82.8479%; } }

@media screen and (min-width: 768px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {
    display: block;
    float: left;
    min-height: 1px;
    position: relative;
    *margin-right: -1px;
    margin-left: 1.94175%; }
  .row .col-1:first-child, .row .col-2:first-child, .row .col-3:first-child, .row .col-4:first-child, .row .col-5:first-child, .row .col-6:first-child, .row .col-7:first-child, .row .col-8:first-child, .row .col-9:first-child, .row .col-10:first-child, .row .col-11:first-child, .first-col {
    margin-left: 0; }
  .col-1 {
    width: 6.5534%; }
  .col-2 {
    width: 15.04854%; }
  .col-3 {
    width: 23.54369%; }
  .col-4 {
    width: 32.03883%; }
  .col-5 {
    width: 40.53398%; }
  .col-6 {
    width: 49.02913%; }
  .col-7 {
    width: 57.52427%; }
  .col-8 {
    width: 66.01942%; }
  .col-9 {
    width: 74.51456%; }
  .col-10 {
    width: 83.00971%; }
  .col-11 {
    width: 91.50485%; }
  .prefix-1 {
    padding-left: 8.49515%; }
  .prefix-2 {
    padding-left: 16.99029%; }
  .prefix-3 {
    padding-left: 25.48544%; }
  .prefix-4 {
    padding-left: 33.98058%; }
  .prefix-5 {
    padding-left: 42.47573%; }
  .prefix-6 {
    padding-left: 50.97087%; }
  .prefix-7 {
    padding-left: 59.46602%; }
  .prefix-8 {
    padding-left: 67.96117%; }
  .prefix-9 {
    padding-left: 76.45631%; }
  .prefix-10 {
    padding-left: 84.95146%; }
  .prefix-11 {
    padding-left: 93.4466%; }
  .suffix-1 {
    padding-right: 8.49515%; }
  .suffix-2 {
    padding-right: 16.99029%; }
  .suffix-3 {
    padding-right: 25.48544%; }
  .suffix-4 {
    padding-right: 33.98058%; }
  .suffix-5 {
    padding-right: 42.47573%; }
  .suffix-6 {
    padding-right: 50.97087%; }
  .suffix-7 {
    padding-right: 59.46602%; }
  .suffix-8 {
    padding-right: 67.96117%; }
  .suffix-9 {
    padding-right: 76.45631%; }
  .suffix-10 {
    padding-right: 84.95146%; }
  .suffix-11 {
    padding-right: 93.4466%; }
  .push-1 {
    left: 8.49515%; }
  .push-2 {
    left: 16.99029%; }
  .push-3 {
    left: 25.48544%; }
  .push-4 {
    left: 33.98058%; }
  .push-5 {
    left: 42.47573%; }
  .push-6 {
    left: 50.97087%; }
  .push-7 {
    left: 59.46602%; }
  .push-8 {
    left: 67.96117%; }
  .push-9 {
    left: 76.45631%; }
  .push-10 {
    left: 84.95146%; }
  .push-11 {
    left: 93.4466%; }
  .pull-1 {
    right: 8.49515%; }
  .pull-2 {
    right: 16.99029%; }
  .pull-3 {
    right: 25.48544%; }
  .pull-4 {
    right: 33.98058%; }
  .pull-5 {
    right: 42.47573%; }
  .pull-6 {
    right: 50.97087%; }
  .pull-7 {
    right: 59.46602%; }
  .pull-8 {
    right: 67.96117%; }
  .pull-9 {
    right: 76.45631%; }
  .pull-10 {
    right: 84.95146%; }
  .pull-11 {
    right: 93.4466%; }
  .col-11 .col-1, .col-11 .col-2, .col-11 .col-3, .col-11 .col-4, .col-11 .col-5, .col-11 .col-6, .col-11 .col-7, .col-11 .col-8, .col-11 .col-9, .col-11 .col-10 {
    margin-left: 2.12202%; }
  .col-11 .col-1 {
    width: 7.1618%; }
  .col-11 .col-2 {
    width: 16.44562%; }
  .col-11 .col-3 {
    width: 25.72944%; }
  .col-11 .col-4 {
    width: 35.01326%; }
  .col-11 .col-5 {
    width: 44.29708%; }
  .col-11 .col-6 {
    width: 53.5809%; }
  .col-11 .col-7 {
    width: 62.86472%; }
  .col-11 .col-8 {
    width: 72.14854%; }
  .col-11 .col-9 {
    width: 81.43236%; }
  .col-11 .col-10 {
    width: 90.71618%; }
  .col-10 .col-1, .col-10 .col-2, .col-10 .col-3, .col-10 .col-4, .col-10 .col-5, .col-10 .col-6, .col-10 .col-7, .col-10 .col-8, .col-10 .col-9 {
    margin-left: 2.33918%; }
  .col-10 .col-1 {
    width: 7.89474%; }
  .col-10 .col-2 {
    width: 18.12865%; }
  .col-10 .col-3 {
    width: 28.36257%; }
  .col-10 .col-4 {
    width: 38.59649%; }
  .col-10 .col-5 {
    width: 48.83041%; }
  .col-10 .col-6 {
    width: 59.06433%; }
  .col-10 .col-7 {
    width: 69.29825%; }
  .col-10 .col-8 {
    width: 79.53216%; }
  .col-10 .col-9 {
    width: 89.76608%; }
  .col-9 .col-1, .col-9 .col-2, .col-9 .col-3, .col-9 .col-4, .col-9 .col-5, .col-9 .col-6, .col-9 .col-7, .col-9 .col-8 {
    margin-left: 2.60586%; }
  .col-9 .col-1 {
    width: 8.79479%; }
  .col-9 .col-2 {
    width: 20.19544%; }
  .col-9 .col-3 {
    width: 31.59609%; }
  .col-9 .col-4 {
    width: 42.99674%; }
  .col-9 .col-5 {
    width: 54.39739%; }
  .col-9 .col-6 {
    width: 65.79805%; }
  .col-9 .col-7 {
    width: 77.1987%; }
  .col-9 .col-8 {
    width: 88.59935%; }
  .col-8 .col-1, .col-8 .col-2, .col-8 .col-3, .col-8 .col-4, .col-8 .col-5, .col-8 .col-6, .col-8 .col-7 {
    margin-left: 2.94118%; }
  .col-8 .col-1 {
    width: 9.92647%; }
  .col-8 .col-2 {
    width: 22.79412%; }
  .col-8 .col-3 {
    width: 35.66176%; }
  .col-8 .col-4 {
    width: 48.52941%; }
  .col-8 .col-5 {
    width: 61.39706%; }
  .col-8 .col-6 {
    width: 74.26471%; }
  .col-8 .col-7 {
    width: 87.13235%; }
  .col-7 .col-1, .col-7 .col-2, .col-7 .col-3, .col-7 .col-4, .col-7 .col-5, .col-7 .col-6 {
    margin-left: 3.37553%; }
  .col-7 .col-1 {
    width: 11.39241%; }
  .col-7 .col-2 {
    width: 26.16034%; }
  .col-7 .col-3 {
    width: 40.92827%; }
  .col-7 .col-4 {
    width: 55.6962%; }
  .col-7 .col-5 {
    width: 70.46414%; }
  .col-7 .col-6 {
    width: 85.23207%; }
  .col-6 .col-1, .col-6 .col-2, .col-6 .col-3, .col-6 .col-4, .col-6 .col-5 {
    margin-left: 3.9604%; }
  .col-6 .col-1 {
    width: 13.36634%; }
  .col-6 .col-2 {
    width: 30.69307%; }
  .col-6 .col-3 {
    width: 48.0198%; }
  .col-6 .col-4 {
    width: 65.34653%; }
  .col-6 .col-5 {
    width: 82.67327%; }
  .col-5 .col-1, .col-5 .col-2, .col-5 .col-3, .col-5 .col-4 {
    margin-left: 4.79042%; }
  .col-5 .col-1 {
    width: 16.16766%; }
  .col-5 .col-2 {
    width: 37.12575%; }
  .col-5 .col-3 {
    width: 58.08383%; }
  .col-5 .col-4 {
    width: 79.04192%; }
  .col-4 .col-1, .col-4 .col-2, .col-4 .col-3 {
    margin-left: 6.06061%; }
  .col-4 .col-1 {
    width: 20.45455%; }
  .col-4 .col-2 {
    width: 46.9697%; }
  .col-4 .col-3 {
    width: 73.48485%; }
  .col-3 .col-1, .col-3 .col-2 {
    margin-left: 8.24742%; }
  .col-3 .col-1 {
    width: 27.83505%; }
  .col-3 .col-2 {
    width: 63.91753%; }
  .col-2 .col-1 {
    margin-left: 12.90323%; }
  .col-2 .col-1 {
    width: 43.54839%; } }

.row .center-col {
  float: none;
  margin-left: auto !important;
  margin-right: auto; }

@media screen and (max-width: 619px) {
  .hidden-mobile,
  .visible-tablet,
  .visible-desktop {
    display: none !important; } }

@media screen and (min-width: 620px) and (max-width: 767px) {
  .visible-mobile,
  .hidden-tablet,
  .visible-desktop {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-mobile,
  .visible-tablet,
  .hidden-desktop {
    display: none !important; } }

@media screen and (max-width: 767px) {
  [class*="col-"] {
    margin-bottom: 20px; } }

.p-matrix__item::after, .p-navigation--light::after, .p-navigation::after,
.p-navigation--dark::after, .p-list-step::after, .p-inline-images::after, .u-clearfix::after {
  clear: both;
  content: '';
  display: block; }

/* normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Change the default font family in all browsers (opinionated).
   * 2. Correct the line height in all browsers.
   * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
   */
/* Document
     ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

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

/**
   * Add the correct display in IE 9-.
   */
article,
aside,
footer,
header,
nav,
section {
  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
     ========================================================================== */
/**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in IE.
   */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
   * Add the correct margin in IE 8.
   */
figure {
  margin: 1em 40px; }

/**
   * 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
     ========================================================================== */
/**
   * 1. Remove the gray background on active links in IE 10.
   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
   */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
   * Remove the outline on focused links when they are also active or hovered
   * in all browsers (opinionated).
   */
a:active,
a:hover {
  outline-width: 0; }

/**
   * 1. Remove the bottom border in Firefox 39-.
   * 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 */ }

/**
   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
   */
b,
strong {
  font-weight: inherit; }

/**
   * 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 style in Android 4.3-.
   */
dfn {
  font-style: italic; }

/**
   * Add the correct background and color in IE 9-.
   */
mark {
  background-color: #ff0;
  color: #000; }

/**
   * Add the correct font size in all browsers.
   */
small {
  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
     ========================================================================== */
/**
   * Add the correct display in IE 9-.
   */
audio,
video {
  display: inline-block; }

/**
   * Add the correct display in iOS 4-7.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/**
   * Hide the overflow in IE.
   */
svg:not(:root) {
  overflow: hidden; }

/* Forms
     ========================================================================== */
/**
   * 1. Change font properties to `inherit` in all browsers (opinionated).
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Restore the font weight unset by the previous rule.
   */
optgroup {
  font-weight: bold; }

/**
   * 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; }

/**
   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
   *    controls in Android 4.
   * 2. Correct the inability to style clickable types in iOS and Safari.
   */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
   * 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; }

/**
   * Change the border, margin, and padding in all browsers (opinionated).
   */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
   * 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 */ }

/**
   * 1. Add the correct display in IE 9-.
   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
   * Remove the default vertical scrollbar in IE.
   */
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 and cancel buttons in Chrome and Safari on OS X.
   */
[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   */
details,
menu {
  display: block; }

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

/* Scripting
     ========================================================================== */
/**
   * Add the correct display in IE 9-.
   */
canvas {
  display: inline-block; }

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

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

blockquote {
  border-left: 2px solid #666; }
  blockquote > cite {
    display: block; }

html {
  box-sizing: border-box; }

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

button {
  background-color: #fff;
  border-color: #666;
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1rem;
  margin: 0;
  outline: none;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 100%;
  line-height: 1rem; }
  @media only screen and (min-width: 768px) {
    button {
      width: auto; } }
  button:visited {
    color: #000; }
  button:active, button:focus, button:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #666;
    text-decoration: none; }
  button:disabled, button.is--disabled {
    cursor: not-allowed;
    opacity: .5; }
    button:disabled:active, button:disabled:focus, button:disabled:hover, button.is--disabled:active, button.is--disabled:focus, button.is--disabled:hover {
      background-color: transparent;
      border-color: transparent; }
  button .p-link--external {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23000' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23000' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23000' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

label {
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 1.5; }
  label.has-error {
    color: #c7162b; }
  label.has-caution {
    color: #f99b11; }
  label.has-warning {
    color: #f99b11; }
  label.has-success {
    color: #0e8420; }
  label.has-information {
    color: #335280; }

input[type='text'], input[type='date'], input[type='datetime'], input[type='datatime-local'], input[type='month'], input[type='time'], input[type='week'], input[type='color'], input[type='number'], input[type='search'], input[type='password'], input[type='email'], input[type='url'], input[type='tel'] {
  appearance: textfield;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: .125rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  padding: .8rem .5333rem;
  vertical-align: baseline;
  width: 100%; }
  @media (min-width: 768px) {
    input[type='text'], input[type='date'], input[type='datetime'], input[type='datatime-local'], input[type='month'], input[type='time'], input[type='week'], input[type='color'], input[type='number'], input[type='search'], input[type='password'], input[type='email'], input[type='url'], input[type='tel'] {
      padding: 0.75rem 0.5rem; } }
  input[type='text']:active, input[type='text']:focus, input[type='date']:active, input[type='date']:focus, input[type='datetime']:active, input[type='datetime']:focus, input[type='datatime-local']:active, input[type='datatime-local']:focus, input[type='month']:active, input[type='month']:focus, input[type='time']:active, input[type='time']:focus, input[type='week']:active, input[type='week']:focus, input[type='color']:active, input[type='color']:focus, input[type='number']:active, input[type='number']:focus, input[type='search']:active, input[type='search']:focus, input[type='password']:active, input[type='password']:focus, input[type='email']:active, input[type='email']:focus, input[type='url']:active, input[type='url']:focus, input[type='tel']:active, input[type='tel']:focus {
    border-color: #666;
    color: #111;
    outline: none; }
  input[type='text']::placeholder, input[type='date']::placeholder, input[type='datetime']::placeholder, input[type='datatime-local']::placeholder, input[type='month']::placeholder, input[type='time']::placeholder, input[type='week']::placeholder, input[type='color']::placeholder, input[type='number']::placeholder, input[type='search']::placeholder, input[type='password']::placeholder, input[type='email']::placeholder, input[type='url']::placeholder, input[type='tel']::placeholder {
    color: #666;
    opacity: 1; }
  input[type='text'][disabled], input[type='text'][disabled='disabled'], input[type='date'][disabled], input[type='date'][disabled='disabled'], input[type='datetime'][disabled], input[type='datetime'][disabled='disabled'], input[type='datatime-local'][disabled], input[type='datatime-local'][disabled='disabled'], input[type='month'][disabled], input[type='month'][disabled='disabled'], input[type='time'][disabled], input[type='time'][disabled='disabled'], input[type='week'][disabled], input[type='week'][disabled='disabled'], input[type='color'][disabled], input[type='color'][disabled='disabled'], input[type='number'][disabled], input[type='number'][disabled='disabled'], input[type='search'][disabled], input[type='search'][disabled='disabled'], input[type='password'][disabled], input[type='password'][disabled='disabled'], input[type='email'][disabled], input[type='email'][disabled='disabled'], input[type='url'][disabled], input[type='url'][disabled='disabled'], input[type='tel'][disabled], input[type='tel'][disabled='disabled'] {
    cursor: not-allowed;
    opacity: .5; }
  input[type='text'][readonly], input[type='text'][readonly='readonly'], input[type='date'][readonly], input[type='date'][readonly='readonly'], input[type='datetime'][readonly], input[type='datetime'][readonly='readonly'], input[type='datatime-local'][readonly], input[type='datatime-local'][readonly='readonly'], input[type='month'][readonly], input[type='month'][readonly='readonly'], input[type='time'][readonly], input[type='time'][readonly='readonly'], input[type='week'][readonly], input[type='week'][readonly='readonly'], input[type='color'][readonly], input[type='color'][readonly='readonly'], input[type='number'][readonly], input[type='number'][readonly='readonly'], input[type='search'][readonly], input[type='search'][readonly='readonly'], input[type='password'][readonly], input[type='password'][readonly='readonly'], input[type='email'][readonly], input[type='email'][readonly='readonly'], input[type='url'][readonly], input[type='url'][readonly='readonly'], input[type='tel'][readonly], input[type='tel'][readonly='readonly'] {
    color: #cdcdcd;
    cursor: default; }
    input[type='text'][readonly]:hover, input[type='text'][readonly]:active, input[type='text'][readonly]:focus, input[type='text'][readonly='readonly']:hover, input[type='text'][readonly='readonly']:active, input[type='text'][readonly='readonly']:focus, input[type='date'][readonly]:hover, input[type='date'][readonly]:active, input[type='date'][readonly]:focus, input[type='date'][readonly='readonly']:hover, input[type='date'][readonly='readonly']:active, input[type='date'][readonly='readonly']:focus, input[type='datetime'][readonly]:hover, input[type='datetime'][readonly]:active, input[type='datetime'][readonly]:focus, input[type='datetime'][readonly='readonly']:hover, input[type='datetime'][readonly='readonly']:active, input[type='datetime'][readonly='readonly']:focus, input[type='datatime-local'][readonly]:hover, input[type='datatime-local'][readonly]:active, input[type='datatime-local'][readonly]:focus, input[type='datatime-local'][readonly='readonly']:hover, input[type='datatime-local'][readonly='readonly']:active, input[type='datatime-local'][readonly='readonly']:focus, input[type='month'][readonly]:hover, input[type='month'][readonly]:active, input[type='month'][readonly]:focus, input[type='month'][readonly='readonly']:hover, input[type='month'][readonly='readonly']:active, input[type='month'][readonly='readonly']:focus, input[type='time'][readonly]:hover, input[type='time'][readonly]:active, input[type='time'][readonly]:focus, input[type='time'][readonly='readonly']:hover, input[type='time'][readonly='readonly']:active, input[type='time'][readonly='readonly']:focus, input[type='week'][readonly]:hover, input[type='week'][readonly]:active, input[type='week'][readonly]:focus, input[type='week'][readonly='readonly']:hover, input[type='week'][readonly='readonly']:active, input[type='week'][readonly='readonly']:focus, input[type='color'][readonly]:hover, input[type='color'][readonly]:active, input[type='color'][readonly]:focus, input[type='color'][readonly='readonly']:hover, input[type='color'][readonly='readonly']:active, input[type='color'][readonly='readonly']:focus, input[type='number'][readonly]:hover, input[type='number'][readonly]:active, input[type='number'][readonly]:focus, input[type='number'][readonly='readonly']:hover, input[type='number'][readonly='readonly']:active, input[type='number'][readonly='readonly']:focus, input[type='search'][readonly]:hover, input[type='search'][readonly]:active, input[type='search'][readonly]:focus, input[type='search'][readonly='readonly']:hover, input[type='search'][readonly='readonly']:active, input[type='search'][readonly='readonly']:focus, input[type='password'][readonly]:hover, input[type='password'][readonly]:active, input[type='password'][readonly]:focus, input[type='password'][readonly='readonly']:hover, input[type='password'][readonly='readonly']:active, input[type='password'][readonly='readonly']:focus, input[type='email'][readonly]:hover, input[type='email'][readonly]:active, input[type='email'][readonly]:focus, input[type='email'][readonly='readonly']:hover, input[type='email'][readonly='readonly']:active, input[type='email'][readonly='readonly']:focus, input[type='url'][readonly]:hover, input[type='url'][readonly]:active, input[type='url'][readonly]:focus, input[type='url'][readonly='readonly']:hover, input[type='url'][readonly='readonly']:active, input[type='url'][readonly='readonly']:focus, input[type='tel'][readonly]:hover, input[type='tel'][readonly]:active, input[type='tel'][readonly]:focus, input[type='tel'][readonly='readonly']:hover, input[type='tel'][readonly='readonly']:active, input[type='tel'][readonly='readonly']:focus {
      border-color: #666;
      outline: none; }
  input[type='text'].has-error, input[type='date'].has-error, input[type='datetime'].has-error, input[type='datatime-local'].has-error, input[type='month'].has-error, input[type='time'].has-error, input[type='week'].has-error, input[type='color'].has-error, input[type='number'].has-error, input[type='search'].has-error, input[type='password'].has-error, input[type='email'].has-error, input[type='url'].has-error, input[type='tel'].has-error {
    border: 1px solid #c7162b; }
    input[type='text'].has-error:focus, input[type='date'].has-error:focus, input[type='datetime'].has-error:focus, input[type='datatime-local'].has-error:focus, input[type='month'].has-error:focus, input[type='time'].has-error:focus, input[type='week'].has-error:focus, input[type='color'].has-error:focus, input[type='number'].has-error:focus, input[type='search'].has-error:focus, input[type='password'].has-error:focus, input[type='email'].has-error:focus, input[type='url'].has-error:focus, input[type='tel'].has-error:focus {
      border: 1px solid #c7162b; }
  input[type='text'].has-caution, input[type='date'].has-caution, input[type='datetime'].has-caution, input[type='datatime-local'].has-caution, input[type='month'].has-caution, input[type='time'].has-caution, input[type='week'].has-caution, input[type='color'].has-caution, input[type='number'].has-caution, input[type='search'].has-caution, input[type='password'].has-caution, input[type='email'].has-caution, input[type='url'].has-caution, input[type='tel'].has-caution {
    border: 1px solid #f99b11; }
    input[type='text'].has-caution:focus, input[type='date'].has-caution:focus, input[type='datetime'].has-caution:focus, input[type='datatime-local'].has-caution:focus, input[type='month'].has-caution:focus, input[type='time'].has-caution:focus, input[type='week'].has-caution:focus, input[type='color'].has-caution:focus, input[type='number'].has-caution:focus, input[type='search'].has-caution:focus, input[type='password'].has-caution:focus, input[type='email'].has-caution:focus, input[type='url'].has-caution:focus, input[type='tel'].has-caution:focus {
      border: 1px solid #f99b11; }
  input[type='text'].has-warning, input[type='date'].has-warning, input[type='datetime'].has-warning, input[type='datatime-local'].has-warning, input[type='month'].has-warning, input[type='time'].has-warning, input[type='week'].has-warning, input[type='color'].has-warning, input[type='number'].has-warning, input[type='search'].has-warning, input[type='password'].has-warning, input[type='email'].has-warning, input[type='url'].has-warning, input[type='tel'].has-warning {
    border: 1px solid #f99b11; }
    input[type='text'].has-warning:focus, input[type='date'].has-warning:focus, input[type='datetime'].has-warning:focus, input[type='datatime-local'].has-warning:focus, input[type='month'].has-warning:focus, input[type='time'].has-warning:focus, input[type='week'].has-warning:focus, input[type='color'].has-warning:focus, input[type='number'].has-warning:focus, input[type='search'].has-warning:focus, input[type='password'].has-warning:focus, input[type='email'].has-warning:focus, input[type='url'].has-warning:focus, input[type='tel'].has-warning:focus {
      border: 1px solid #f99b11; }
  input[type='text'].has-success, input[type='date'].has-success, input[type='datetime'].has-success, input[type='datatime-local'].has-success, input[type='month'].has-success, input[type='time'].has-success, input[type='week'].has-success, input[type='color'].has-success, input[type='number'].has-success, input[type='search'].has-success, input[type='password'].has-success, input[type='email'].has-success, input[type='url'].has-success, input[type='tel'].has-success {
    border: 1px solid #0e8420; }
    input[type='text'].has-success:focus, input[type='date'].has-success:focus, input[type='datetime'].has-success:focus, input[type='datatime-local'].has-success:focus, input[type='month'].has-success:focus, input[type='time'].has-success:focus, input[type='week'].has-success:focus, input[type='color'].has-success:focus, input[type='number'].has-success:focus, input[type='search'].has-success:focus, input[type='password'].has-success:focus, input[type='email'].has-success:focus, input[type='url'].has-success:focus, input[type='tel'].has-success:focus {
      border: 1px solid #0e8420; }
  input[type='text'].has-information, input[type='date'].has-information, input[type='datetime'].has-information, input[type='datatime-local'].has-information, input[type='month'].has-information, input[type='time'].has-information, input[type='week'].has-information, input[type='color'].has-information, input[type='number'].has-information, input[type='search'].has-information, input[type='password'].has-information, input[type='email'].has-information, input[type='url'].has-information, input[type='tel'].has-information {
    border: 1px solid #335280; }
    input[type='text'].has-information:focus, input[type='date'].has-information:focus, input[type='datetime'].has-information:focus, input[type='datatime-local'].has-information:focus, input[type='month'].has-information:focus, input[type='time'].has-information:focus, input[type='week'].has-information:focus, input[type='color'].has-information:focus, input[type='number'].has-information:focus, input[type='search'].has-information:focus, input[type='password'].has-information:focus, input[type='email'].has-information:focus, input[type='url'].has-information:focus, input[type='tel'].has-information:focus {
      border: 1px solid #335280; }

input[type='file'] {
  outline: none;
  width: 100%; }

input[type='reset'] {
  display: none; }

input[type='search'] {
  appearance: none;
  border-radius: 0; }
  input[type='search']::-webkit-search-results-decoration {
    display: none; }
  input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    cursor: pointer; }

input[type='checkbox'], input[type='radio'] {
  float: left;
  height: 1.5rem;
  margin-bottom: 0;
  margin-right: 1rem;
  outline: none;
  padding: 0;
  vertical-align: middle;
  width: auto;
  min-height: 1.5rem; }
  input[type='checkbox'][disabled] + label, input[type='checkbox'][disabled='disabled'] + label, input[type='radio'][disabled] + label, input[type='radio'][disabled='disabled'] + label {
    cursor: not-allowed;
    opacity: .5; }
  input[type='checkbox'] + label, input[type='radio'] + label {
    vertical-align: middle;
    width: 100%; }

input[type='submit'] {
  background-color: #0e8420;
  border: 0;
  color: #fff;
  padding: 0.75rem 1.5rem; }
  input[type='submit']:hover {
    background-color: #04280a;
    cursor: pointer; }

select {
  appearance: textfield;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: .125rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  padding: .8rem .5333rem;
  vertical-align: baseline;
  width: 100%;
  appearance: none;
  background: #fff url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjRweCIgd2lkdGg9IjEwcHgiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMCA0Ij4gPHRpdGxlPmFjY29yZGlvbi1vcGVuPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IDxnIGlkPSJmaWx0ZXItcGFuZWwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSIgZmlsbD0ibm9uZSI+ICA8ZyBpZD0iYWNjb3JkaW9uLW9wZW4iIGZpbGw9IiM4ODgiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPiAgIDxwYXRoIGlkPSJjaGV2cm9uIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBkPSJtNi4zNjEgMC44NjIzYzAuNTE4IDAuMzY1IDEuMDUyIDAuNzc4MSAxLjYwMSAxLjIzOCAwLjU0OSAwLjQ1ODUgMS4wODkgMC45NTE4IDEuNjIxIDEuNDc3MiAwLjE0MiAwLjE0MDQgMC4yODEgMC4yODIxIDAuNDE1IDAuNDIyNWgtMS41NDFjLTAuMzA0LTAuMjg4OC0wLjYyLTAuNTcwOS0wLjk0Ny0wLjg0NjMtMC4xMzc5LTAuMTE2MS0wLjI3NjgtMC4yMjk3LTAuNDE2OC0wLjM0MDgtMC4xNjM2LTAuMTI5Ny0wLjMyODYtMC4yNTU4LTAuNDk1NC0wLjM3ODMtMC4wODUyLTAuMDYyNS0wLjE3MDgtMC4xMjQxLTAuMjU2OC0wLjE4NDYtMC4zOTctMC4yODIxLTAuOTM1LTAuNjI1Ny0xLjMxNS0wLjg0NzZoLTAuMDU0Yy0wLjM4IDAuMjIxOS0wLjkxOCAwLjU2NTUtMS4zMTUgMC44NDc2LTAuMzk4IDAuMjgwNy0wLjc4OCAwLjU4MjktMS4xNjkgMC45MDM3LTAuMzI3IDAuMjc1NC0wLjY0MyAwLjU1NzUtMC45NDcgMC44NDYzaC0xLjU0MWMwLjEzNS0wLjE0MDQgMC4yNzMtMC4yODIxIDAuNDE1LTAuNDIyNSAwLjUzMi0wLjUyNTQgMS4wNzItMS4wMTg3IDEuNjIxLTEuNDc3MiAwLjU1LTAuNDU5OSAxLjA4My0wLjg3MyAxLjYwMS0xLjIzOCAwLjUxOS0wLjM2NDk3IDAuOTczLTAuNjUyNDEgMS4zNjItMC44NjIzIDAuMzkgMC4yMDk4OSAwLjg0NCAwLjQ5NzMzIDEuMzYyIDAuODYyM3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuOTk5IDIpIHJvdGF0ZSgxODApIHRyYW5zbGF0ZSgtNC45OTkgLTIpIi8+ICA8L2c+IDwvZz48L3N2Zz4=") no-repeat;
  background-position: top 1.3rem right 1.25rem;
  line-height: 1rem;
  min-height: 48px;
  text-indent: .01px;
  text-overflow: ''; }
  @media (min-width: 768px) {
    select {
      padding: 0.75rem 0.5rem; } }
  select:active, select:focus {
    border-color: #666;
    color: #111;
    outline: none; }
  select::placeholder {
    color: #666;
    opacity: 1; }
  select[disabled], select[disabled='disabled'] {
    cursor: not-allowed;
    opacity: .5; }
  select[readonly], select[readonly='readonly'] {
    color: #cdcdcd;
    cursor: default; }
    select[readonly]:hover, select[readonly]:active, select[readonly]:focus, select[readonly='readonly']:hover, select[readonly='readonly']:active, select[readonly='readonly']:focus {
      border-color: #666;
      outline: none; }
  select.has-error {
    border: 1px solid #c7162b; }
    select.has-error:focus {
      border: 1px solid #c7162b; }
  select.has-caution {
    border: 1px solid #f99b11; }
    select.has-caution:focus {
      border: 1px solid #f99b11; }
  select.has-warning {
    border: 1px solid #f99b11; }
    select.has-warning:focus {
      border: 1px solid #f99b11; }
  select.has-success {
    border: 1px solid #0e8420; }
    select.has-success:focus {
      border: 1px solid #0e8420; }
  select.has-information {
    border: 1px solid #335280; }
    select.has-information:focus {
      border: 1px solid #335280; }
  select:hover {
    cursor: pointer; }
  select[multiple], select[size] {
    background-image: none;
    height: auto;
    padding: .35rem .8125rem; }
    select[multiple] option, select[size] option {
      font-weight: 300;
      margin: 0.5rem 0; }

textarea {
  appearance: textfield;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: .125rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  padding: .8rem .5333rem;
  vertical-align: baseline;
  width: 100%;
  margin-bottom: 0.5rem;
  overflow: auto;
  vertical-align: top; }
  @media (min-width: 768px) {
    textarea {
      padding: 0.75rem 0.5rem; } }
  textarea:active, textarea:focus {
    border-color: #666;
    color: #111;
    outline: none; }
  textarea::placeholder {
    color: #666;
    opacity: 1; }
  textarea[disabled], textarea[disabled='disabled'] {
    cursor: not-allowed;
    opacity: .5; }
  textarea[readonly], textarea[readonly='readonly'] {
    color: #cdcdcd;
    cursor: default; }
    textarea[readonly]:hover, textarea[readonly]:active, textarea[readonly]:focus, textarea[readonly='readonly']:hover, textarea[readonly='readonly']:active, textarea[readonly='readonly']:focus {
      border-color: #666;
      outline: none; }
  textarea.has-error {
    border: 1px solid #c7162b; }
    textarea.has-error:focus {
      border: 1px solid #c7162b; }
  textarea.has-caution {
    border: 1px solid #f99b11; }
    textarea.has-caution:focus {
      border: 1px solid #f99b11; }
  textarea.has-warning {
    border: 1px solid #f99b11; }
    textarea.has-warning:focus {
      border: 1px solid #f99b11; }
  textarea.has-success {
    border: 1px solid #0e8420; }
    textarea.has-success:focus {
      border: 1px solid #0e8420; }
  textarea.has-information {
    border: 1px solid #335280; }
    textarea.has-information:focus {
      border: 1px solid #335280; }

fieldset {
  background-color: #f7f7f7;
  background-position: -.9375rem -.9375rem;
  background-repeat: no-repeat;
  border-radius: .125rem;
  padding: .9375rem 1.25rem; }
  @media only screen and (min-width: 1030px) {
    fieldset {
      padding: .9375rem 1.25rem; } }
  fieldset h3 {
    border-bottom: 1px dotted #666;
    padding-bottom: .625rem; }

form > * {
  margin-bottom: 0.5rem; }

form fieldset > *,
form div > * {
  margin-bottom: 0.5rem; }

code,
samp,
kbd {
  font-family: "Ubuntu Mono", Consolas, Monaco, Courier, monospace;
  font-weight: 300;
  text-align: left; }

pre,
code {
  direction: ltr;
  hyphens: none;
  line-height: 1.5;
  margin: 0.5rem 0;
  tab-size: 4;
  white-space: pre-wrap;
  word-spacing: normal;
  word-wrap: break-word; }

pre {
  background-color: #f7f7f7;
  border: 1px solid #666;
  border-radius: 2px;
  color: #111;
  overflow: auto;
  padding: 1rem;
  text-align: left;
  text-shadow: none; }

a {
  color: #e95420;
  text-decoration: none; }
  a:focus {
    outline: thin dotted #cdcdcd; }
  a:hover {
    cursor: pointer;
    text-decoration: underline; }
  a:visited {
    color: #c34113; }

ol,
ul {
  margin-bottom: 1rem;
  margin-left: 1rem;
  padding-left: 1rem; }
  ol ul,
  ol ol,
  ul ul,
  ul ol {
    margin-bottom: 0; }
  nav ol, nav
  ul {
    list-style: none;
    list-style-image: none; }

li {
  margin: 0 0 0.5rem;
  padding: 0; }

dt {
  border-top: 1px dotted #666;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1rem;
  padding-top: 1rem; }
  dt:first-of-type {
    border-top: 0; }

dd {
  margin-left: 20px;
  margin-top: 0.5rem; }

.p-heading--one {
  font-size: 2.5rem;
  line-height: 1.2; }
  @media only screen and (min-width: 1030px) {
    .p-heading--one {
      font-size: 3rem;
      line-height: 1.25; } }

.p-heading--two {
  font-size: 2rem;
  line-height: 1.25; }
  @media only screen and (min-width: 1030px) {
    .p-heading--two {
      font-size: 2.25rem;
      line-height: 1.167; } }

.p-heading--three {
  font-size: 1.625rem;
  line-height: 1.154; }
  @media only screen and (min-width: 1030px) {
    .p-heading--three {
      font-size: 1.75rem;
      line-height: 1.286; } }

.p-heading--four {
  font-size: 1.375rem;
  line-height: 1.364; }
  @media only screen and (min-width: 1030px) {
    .p-heading--four {
      font-size: 1.5rem;
      line-height: 1.25; } }

.p-heading--five {
  font-size: 1.188rem;
  line-height: 1.264; }
  @media only screen and (min-width: 1030px) {
    .p-heading--five {
      font-size: 1.313rem;
      line-height: 1.143; } }

.p-heading--six {
  font-size: 1.063rem;
  line-height: 1.412;
  margin-bottom: 1.2rem;
  margin-top: 1.5rem; }

hr {
  border: 0;
  border-top: 1px solid #cdcdcd;
  height: 0;
  margin: 2rem 0; }

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

svg:not(:root) {
  overflow: hidden; }

figure {
  width: 100%; }
  figure caption {
    display: block;
    text-align: center;
    width: 100%; }

object,
iframe,
embed,
canvas,
video,
audio {
  display: block;
  margin: 0 auto 20px;
  max-width: 100%; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

table {
  border: 0;
  border-collapse: collapse;
  margin-bottom: 20px;
  overflow-x: auto;
  width: 100%; }

th,
td {
  padding: 1rem 0.75rem; }

td {
  font-weight: 300;
  text-align: left;
  vertical-align: middle; }

thead th {
  border-collapse: separate;
  border-spacing: 0 0.5rem;
  font-weight: 400;
  text-align: left; }

thead tr {
  border-bottom: 1px solid #666; }

tbody tr {
  border-bottom: 1px solid #cdcdcd; }

tbody th {
  font-weight: 400;
  text-align: left; }

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/50afa266-ubuntu-l-webfont.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/0194407b-ubuntu-l-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/1cbafee5-ubuntu-r-webfont.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/81863185-ubuntu-r-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/abb07502-ubuntu-li-webfont.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/65fc9630-ubuntu-li-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/fca66073-ubuntu-ri-webfont.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/f0898c72-ubuntu-ri-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 300;
  src: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/871f7456-ubuntumono-r-webfont.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/8df3f408-ubuntumono-r-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/871f7456-ubuntumono-r-webfont.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/8df3f408-ubuntumono-r-webfont.woff") format("woff"); }

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: subpixel-antialiased; }

html {
  font-size: 16px; }

body {
  color: #111;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 300;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6,
[class^="p-heading--"] {
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 300;
  margin-bottom: 1.5rem;
  margin-top: 0; }

p {
  margin-bottom: 1.5rem;
  margin-top: 0; }

button,
input,
select,
textarea {
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

h1 {
  font-size: 2.5rem;
  line-height: 1.2; }
  @media only screen and (min-width: 1030px) {
    h1 {
      font-size: 3rem;
      line-height: 1.25; } }

h2 {
  font-size: 2rem;
  line-height: 1.25; }
  @media only screen and (min-width: 1030px) {
    h2 {
      font-size: 2.25rem;
      line-height: 1.167; } }

h3 {
  font-size: 1.625rem;
  line-height: 1.154; }
  @media only screen and (min-width: 1030px) {
    h3 {
      font-size: 1.75rem;
      line-height: 1.286; } }

h4 {
  font-size: 1.375rem;
  line-height: 1.364; }
  @media only screen and (min-width: 1030px) {
    h4 {
      font-size: 1.5rem;
      line-height: 1.25; } }

h5 {
  font-size: 1.188rem;
  line-height: 1.264; }
  @media only screen and (min-width: 1030px) {
    h5 {
      font-size: 1.313rem;
      line-height: 1.143; } }

h6 {
  font-size: 1.063rem;
  line-height: 1.412;
  margin-bottom: 1.2rem;
  margin-top: 1.5rem; }

ol + h2,
p + h2,
pre + h2,
ul + h2,
ol + h3,
p + h3,
pre + h3,
ul + h3 {
  margin-top: 1.6rem; }

ul,
ol {
  margin-bottom: 1.5rem; }

li {
  margin-bottom: 0;
  padding-bottom: 0; }

li > ul,
li > ol {
  padding-top: 0; }

li > ul > li:last-of-type,
li > ol > li:last-of-type {
  padding-bottom: 0; }

blockquote {
  margin-left: 0;
  padding-left: 1.5rem; }
  blockquote > p {
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 0.75rem; }
  blockquote > cite {
    font-size: 1rem;
    font-style: normal;
    margin-top: 0.75rem; }

strong {
  font-weight: 400; }

small {
  font-size: .8125rem; }

sub,
sup {
  font-size: 0.75rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

.p-breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .p-breadcrumbs__item {
    display: inline-block;
    margin-bottom: 0.25rem;
    margin-left: 0.25rem;
    margin-right: 0.75rem;
    position: relative; }
    .p-breadcrumbs__item:not(:first-of-type) {
      margin-right: -.25rem;
      text-indent: 1rem; }
    .p-breadcrumbs__item:first-of-type {
      margin-right: -.25rem; }
    .p-breadcrumbs__item:not(:first-of-type)::before {
      content: '\203A';
      left: -.75rem;
      position: absolute;
      top: 0; }
  .p-breadcrumbs__link {
    color: #111;
    font-weight: 400;
    text-decoration: none; }
    .p-breadcrumbs__link:hover {
      color: #e95420; }

.p-button {
  background-color: #fff;
  border-color: #666;
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1rem;
  margin: 0;
  outline: none;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .p-button {
      width: auto; } }
  .p-button:visited {
    color: #000; }
  .p-button:active, .p-button:focus, .p-button:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #666;
    text-decoration: none; }
  .p-button:disabled, .p-button.is--disabled {
    cursor: not-allowed;
    opacity: .5; }
    .p-button:disabled:active, .p-button:disabled:focus, .p-button:disabled:hover, .p-button.is--disabled:active, .p-button.is--disabled:focus, .p-button.is--disabled:hover {
      background-color: #fff;
      border-color: #fff; }
  .p-button .p-link--external {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23000' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23000' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23000' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

.p-button--neutral {
  background-color: #fff;
  border-color: #cdcdcd;
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1rem;
  margin: 0;
  outline: none;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .p-button--neutral {
      width: auto; } }
  .p-button--neutral:visited {
    color: #000; }
  .p-button--neutral:active, .p-button--neutral:focus, .p-button--neutral:hover {
    background-color: #f7f7f7;
    border-color: #cdcdcd;
    text-decoration: none; }
  .p-button--neutral:disabled, .p-button--neutral.is--disabled {
    cursor: not-allowed;
    opacity: .5; }
    .p-button--neutral:disabled:active, .p-button--neutral:disabled:focus, .p-button--neutral:disabled:hover, .p-button--neutral.is--disabled:active, .p-button--neutral.is--disabled:focus, .p-button--neutral.is--disabled:hover {
      background-color: transparent;
      border-color: #cdcdcd; }
  .p-button--neutral .p-link--external {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23000' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23000' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23000' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

.p-button--brand {
  background-color: #e95420;
  border-color: #e95420;
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1rem;
  margin: 0;
  outline: none;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .p-button--brand {
      width: auto; } }
  .p-button--brand:visited {
    color: #fff; }
  .p-button--brand:active, .p-button--brand:focus, .p-button--brand:hover {
    background-color: #c34113;
    border-color: #c34113;
    text-decoration: none; }
  .p-button--brand:disabled, .p-button--brand.is--disabled {
    cursor: not-allowed;
    opacity: .5; }
    .p-button--brand:disabled:active, .p-button--brand:disabled:focus, .p-button--brand:disabled:hover, .p-button--brand.is--disabled:active, .p-button--brand.is--disabled:focus, .p-button--brand.is--disabled:hover {
      background-color: #e95420;
      border-color: #e95420; }
  .p-button--brand .p-link--external {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

.p-button--positive {
  background-color: #0e8420;
  border-color: #0e8420;
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1rem;
  margin: 0;
  outline: none;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .p-button--positive {
      width: auto; } }
  .p-button--positive:visited {
    color: #fff; }
  .p-button--positive:active, .p-button--positive:focus, .p-button--positive:hover {
    background-color: #095615;
    border-color: #095615;
    text-decoration: none; }
  .p-button--positive:disabled, .p-button--positive.is--disabled {
    cursor: not-allowed;
    opacity: .5; }
    .p-button--positive:disabled:active, .p-button--positive:disabled:focus, .p-button--positive:disabled:hover, .p-button--positive.is--disabled:active, .p-button--positive.is--disabled:focus, .p-button--positive.is--disabled:hover {
      background-color: #0e8420;
      border-color: #0e8420; }
  .p-button--positive .p-link--external {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

.p-button--negative {
  background-color: #c7162b;
  border-color: #c7162b;
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1rem;
  margin: 0;
  outline: none;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .p-button--negative {
      width: auto; } }
  .p-button--negative:visited {
    color: #fff; }
  .p-button--negative:active, .p-button--negative:focus, .p-button--negative:hover {
    background-color: #991121;
    border-color: #991121;
    text-decoration: none; }
  .p-button--negative:disabled, .p-button--negative.is--disabled {
    cursor: not-allowed;
    opacity: .5; }
    .p-button--negative:disabled:active, .p-button--negative:disabled:focus, .p-button--negative:disabled:hover, .p-button--negative.is--disabled:active, .p-button--negative.is--disabled:focus, .p-button--negative.is--disabled:hover {
      background-color: #c7162b;
      border-color: #c7162b; }
  .p-button--negative .p-link--external {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23fff' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23fff' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

.p-button--base {
  background-color: transparent;
  border-color: transparent;
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #111;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1rem;
  margin: 0;
  outline: none;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .p-button--base {
      width: auto; } }
  .p-button--base:visited {
    color: #111; }
  .p-button--base:active, .p-button--base:focus, .p-button--base:hover {
    background-color: #f7f7f7;
    border-color: transparent;
    text-decoration: none; }
  .p-button--base:disabled, .p-button--base.is--disabled {
    cursor: not-allowed;
    opacity: .5; }
    .p-button--base:disabled:active, .p-button--base:disabled:focus, .p-button--base:disabled:hover, .p-button--base.is--disabled:active, .p-button--base.is--disabled:focus, .p-button--base.is--disabled:hover {
      background-color: transparent;
      border-color: transparent; }
  .p-button--base .p-link--external {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23111' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

@media (max-width: 768px) {
  [class^="p-button"].is-inline {
    margin-top: 1.2rem; } }

@media (min-width: 768px) {
  [class^="p-button"].is-inline {
    margin-left: 0.75rem;
    width: auto; } }

.p-card, .p-card--ubuntu-upgrade {
  background: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  margin-bottom: 1rem;
  padding: 1.333rem; }
  @media (min-width: 768px) {
    .p-card, .p-card--ubuntu-upgrade {
      padding: 1.25rem; } }
  .p-card__title {
    font-size: 1.5rem;
    margin: 0 0 0.5rem; }
  .p-card__content {
    margin-bottom: 1rem; }
  .p-card__footer {
    border-top: 1px solid #cdcdcd;
    padding-top: 1rem; }
  .p-card .p-card, .p-card--ubuntu-upgrade .p-card, .p-card .p-card--ubuntu-upgrade, .p-card--ubuntu-upgrade .p-card--ubuntu-upgrade {
    margin-bottom: 0; }

.p-card--highlighted {
  background: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  margin-bottom: 1rem;
  padding: 1.333rem;
  box-shadow: 0 1px 5px 1px rgba(17, 17, 17, 0.2); }
  @media (min-width: 768px) {
    .p-card--highlighted {
      padding: 1.25rem; } }
  .p-card--highlighted__title {
    font-size: 1.5rem;
    margin: 0 0 0.5rem; }
  .p-card--highlighted__content {
    margin-bottom: 1rem; }
  .p-card--highlighted__footer {
    border-top: 1px solid #cdcdcd;
    padding-top: 1rem; }

.p-code-numbered {
  background: #fff;
  color: #111;
  counter-reset: line-numbering;
  padding: 1rem 0 0;
  position: relative; }
  .p-code-numbered::before {
    background-color: #fff;
    width: 4.5rem; }
  .p-code-numbered .code-line {
    background: #f7f7f7;
    display: block;
    margin: -1.5rem 0 0 0;
    padding: 0.5rem 1rem 0 5.5rem;
    position: relative; }
    .p-code-numbered .code-line:first-child, .p-code-numbered .code-line:first-child::before {
      padding-top: 1.25rem; }
    .p-code-numbered .code-line:last-child, .p-code-numbered .code-line:last-child::before {
      padding-bottom: 1rem; }
    .p-code-numbered .code-line::before {
      background: #fff;
      border-right: 1px solid #111;
      color: #666;
      content: counter(line-numbering);
      counter-increment: line-numbering;
      display: inline-block;
      height: 9999px;
      left: 0;
      margin-right: 1rem;
      max-height: 100%;
      padding: 0.5rem 1rem 1rem 1rem;
      pointer-events: none;
      position: absolute;
      text-align: right;
      top: 0;
      user-select: none;
      width: 4.5rem; }

.p-code-snippet {
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 2px;
  display: flex;
  overflow: hidden;
  position: relative;
  transition: border .2s, background-color .2s;
  width: 100%; }
  .p-code-snippet__input {
    background-color: transparent;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="15.999999" viewBox="0 0 16 15.999999"><g><g style="display:inline"><g style="display:inline"><path style="opacity:0.21171169;fill:none;stroke:none" d="M-.0000032.00002047h15.9999936v15.9999936H-.0000032z"/><path style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:Ubuntu;-inkscape-font-specification:Ubuntu;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;display:inline;fill:#808080;fill-opacity:1;stroke:none" d="M2.6660124 2.00000047c-1.77777926 0-2.6660156.0013069-2.6660156 2.0683594v8.8652346c0 2.067046.88823634 2.066406 2.6660156 2.066406h10.6679684c1.77778 0 2.666016.00064 2.666016-2.066406v-8.7988284c0-2.1333325-.888236-2.1347656-2.666016-2.1347656H2.6660124zm1.2792969 1.890625h1.1015625v1.1425781c.3388576.0282222.6418942.0778287.9101562.1484375.2682622.0635378.4794546.127873.6347657.1914063l-.2636719 1.046875c-.2047288-.0776578-.4480911-.1520607-.7304688-.2226563-.2753242-.0705955-.5930895-.1054687-.953125-.1054687-.381213 0-.6687661.0716995-.859375.2128906-.1906042.1341333-.2851562.3205247-.2851562.5605469 0 .141191.0275088.2605439.0839844.359375.0564755.0917777.1429083.1762529.2558594.2539062.1129509.0705956.2497361.1422952.4121093.2128906.1623688.0635334.3460569.1305764.5507813.2011719.2894399.1129555.560311.232304.8144531.359375.2612043.1200089.4871256.2661159.6777344.4355469.1906043.1623688.3394192.3561248.4453125.5820312.112951.2259022.1699219.4940697.1699218.8046878 0 .465928-.1441538.868173-.4335937 1.207031s-.7660922.557414-1.4296875.65625v1.324219H3.9453093v-1.292969c-.5082842-.035289-.9225545-.102332-1.2402344-.201172-.3106176-.105893-.5419546-.200441-.6972656-.285156l.359375-1.00586c.2259066.112956.4967733.214868.8144531.306641.3247377.091773.6921094.138672 1.1015625.138672.4871065 0 .8223128-.0717 1.0058594-.212891.1906088-.148248.2871094-.342004.2871094-.582031 0-.1623686-.0395298-.3038192-.1171875-.423828-.0776533-.1200133-.186934-.2265861-.328125-.3183594-.1411911-.0917733-.3101459-.1762485-.5078125-.2539062-.1906044-.0776533-.4037544-.157472-.6367188-.2421875-.2188488-.0776533-.4374056-.1667895-.65625-.265625-.2117866-.0988311-.4055469-.218184-.5820312-.359375-.1694311-.1482489-.3062161-.3245681-.4121094-.5292969-.1058933-.2047244-.1601563-.455451-.1601563-.7519531e-7-.4871065.146107-.9013768.4355469-1.2402344.2894444-.3459154.7339269-.5671801 1.3339844-.6660156v-1.1855469zm4.0546875 8.095703h3.990234v.996094h-3.990234v-.996094z"/></g></g></g></svg>');
    background-position: 8px center;
    background-repeat: no-repeat;
    border: 0;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    color: #666;
    font-family: "Ubuntu Mono", Consolas, Monaco, Courier, monospace;
    font-size: 1em;
    font-weight: 300;
    padding: 8px 8px 8px 32px;
    width: 100%; }
  .p-code-snippet__action {
    background-color: #f7f7f7;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 15.999999" width="16"><g><g><g color="%23000"><path fill="none" enable-background="accumulate" d="M.174.126h16.008v16.008H.174z"/><path fill="none" enable-background="accumulate" d="M.174.126h16.008v16.008H.174z"/><path d="M5.023 11.285L11.33 4.98" stroke="%23808080" stroke-width="1.334.194" fill="none" enable-background="accumulate"/><path style="text-decoration-color:%23000000;isolation:auto;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none" d="M12.333.126c-.11.003-.22.017-.33.038-.868.174-1.42.782-1.9 1.262L8.667 2.864c-.48.48-1.087 1.03-1.26 1.9-.075.37-.044.76.096 1.166l1.77-1.77c.103-.113.216-.23.338-.352l1.438-1.438c.48-.48.887-.83 1.217-.897.042-.008.085-.014.13-.016.047-.002.096 0 .147.005.31.037.737.248 1.397.908.88.88.96 1.343.895 1.673-.067.33-.417.738-.897 1.217L12.5 6.698c-.123.123-.24.237-.354.34l-1.768 1.77c.406.14.797.17 1.168.095.868-.173 1.42-.782 1.9-1.26l1.437-1.44c.48-.478 1.087-1.03 1.26-1.898.174-.868-.223-1.843-1.26-2.88-.778-.778-1.52-1.196-2.21-1.283-.115-.014-.228-.02-.34-.016zm-7.19 7.19c-.112.004-.222.017-.33.04-.868.172-1.42.78-1.9 1.26l-1.437 1.438c-.48.48-1.087 1.03-1.26 1.9-.175.867.222 1.84 1.26 2.88 1.037 1.036 2.012 1.433 2.88 1.26.867-.174 1.42-.782 1.898-1.262l1.44-1.438c.478-.48 1.086-1.03 1.26-1.9.074-.37.043-.76-.097-1.167L7.09 12.093c-.103.114-.217.233-.34.357l-1.44 1.438c-.48.48-.886.83-1.217.896-.33.066-.793-.016-1.673-.896s-.962-1.343-.896-1.673c.066-.33.417-.738.896-1.217L3.858 9.56c.123-.123.24-.237.354-.34l1.77-1.77c-.17-.056-.336-.097-.5-.118-.114-.014-.227-.02-.34-.016z" fill="%23808080" enable-background="accumulate"/></g></g></g></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1rem;
    border-color: transparent;
    border-left: 1px solid #666;
    border-radius: 0;
    display: block;
    flex: 1;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 40px; }
    .p-code-snippet__action:hover {
      border-color: transparent;
      border-left: 1px solid #666; }

.p-footer {
  border-top: 1px dotted #000;
  font-size: 0.75rem;
  margin-bottom: 1rem;
  padding-top: 0.75rem; }
  @media (min-width: 768px) {
    .p-footer {
      font-size: .8125rem; } }
  .p-footer__copy {
    margin-bottom: 0; }
  .p-footer__links {
    margin: 0;
    padding: 0.5rem 0; }
    @media (min-width: 768px) {
      .p-footer__links {
        margin-top: 0;
        padding: 0; } }
  .p-footer__item {
    display: block;
    margin-bottom: 0.25rem; }
    @media (min-width: 768px) {
      .p-footer__item {
        display: inline-block; } }
    .p-footer__item:last-child a::after {
      opacity: 0; }
  .p-footer__link {
    border-bottom: 0;
    color: #111;
    font-size: 0.75rem; }
    .p-footer__link:visited {
      color: black; }
    .p-footer__link:hover {
      color: #e95420; }
    @media (min-width: 768px) {
      .p-footer__link {
        font-size: .8125rem;
        margin-right: 1rem; }
        .p-footer__link::after {
          content: '\00b7';
          display: inline-block;
          font-size: 1.5rem;
          left: 0.5rem;
          position: relative;
          top: .2rem; } }
    .p-footer__link:hover::after {
      color: #111; }

.p-matrix {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media (min-width: 620px) {
    .p-matrix {
      display: flex;
      flex-wrap: wrap; } }
  .p-matrix__item {
    border-top: 1px dotted #666;
    padding: 1rem; }
    .p-matrix__item:empty {
      display: none; }
    .p-matrix__item:first-child {
      border-top: 0; }
    @media (min-width: 620px) {
      .p-matrix__item {
        border-right: 1px dotted #666;
        border-top: 1px dotted #666;
        margin-bottom: 0;
        padding-right: 1rem;
        width: calc(33.333% - .666666rem); }
        .p-matrix__item:empty {
          display: block; }
        .p-matrix__item:nth-child(-n+3) {
          border-top: 0; }
        .p-matrix__item:nth-child(2n) {
          border-right: 1px dotted #666;
          padding-right: 1rem; }
        .p-matrix__item:nth-child(3n) {
          border-right: 0;
          padding-right: 0; } }
  .p-matrix__img, .p-matrix__content {
    display: inline-block;
    float: left; }
  .p-matrix__img {
    margin-right: 1rem;
    max-width: calc(30% - 1rem); }
  .p-matrix__content {
    max-width: 70%; }
  .p-matrix__title {
    margin-bottom: 0.5rem; }
  .p-matrix__desc {
    margin-bottom: 0; }
  .p-matrix__link {
    border-bottom: 0; }

.p-navigation--light {
  background-color: #f7f7f7;
  color: #111;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #cdcdcd; }
  .p-navigation--light .row {
    padding: 0; }
  .p-navigation--light .p-navigation__toggle--open, .p-navigation--light .p-navigation__toggle--close, .p-navigation--light .p-navigation__link {
    color: #111; }
    .p-navigation--light .p-navigation__toggle--open:hover, .p-navigation--light .p-navigation__toggle--close:hover, .p-navigation--light .p-navigation__link:hover {
      border-bottom: 0;
      text-decoration: underline; }
    .p-navigation--light .p-navigation__toggle--open:visited, .p-navigation--light .p-navigation__toggle--close:visited, .p-navigation--light .p-navigation__link:visited {
      color: #111; }
  .p-navigation--light .p-navigation__toggle--close {
    display: none; }
  .p-navigation--light .p-navigation__toggle--open, .p-navigation--light .p-navigation__toggle--close {
    float: right;
    margin: 0.75rem 1rem; }
    @media (min-width: 769px) {
      .p-navigation--light .p-navigation__toggle--open, .p-navigation--light .p-navigation__toggle--close {
        display: none; } }
  .p-navigation--light .p-navigation__logo {
    font-size: 1.375rem;
    line-height: 1.364;
    align-items: center;
    display: flex;
    float: left;
    margin: 0.75rem 0.5rem; }
    @media only screen and (min-width: 1030px) {
      .p-navigation--light .p-navigation__logo {
        font-size: 1.5rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .p-navigation--light .p-navigation__logo {
        margin: 0.5rem 1.25rem; } }
  .p-navigation--light .p-navigation__link {
    border-bottom: 0;
    display: block; }
    @media (min-width: 769px) {
      .p-navigation--light .p-navigation__link {
        display: block;
        float: left;
        width: auto; } }
    .p-navigation--light .p-navigation__link > a {
      border-bottom: 0;
      color: #111;
      font-size: .93333rem; }
      @media (min-width: 769px) {
        .p-navigation--light .p-navigation__link > a {
          color: #111;
          font-size: .875rem; } }
    .p-navigation--light .p-navigation__link:last-child {
      margin-bottom: 0; }
  .p-navigation--light .p-navigation__links {
    background-color: #cdcdcd;
    clear: both;
    margin: 0;
    padding: 0; }
    @media (min-width: 769px) {
      .p-navigation--light .p-navigation__links {
        background-color: transparent;
        clear: none;
        float: left; } }
    .p-navigation--light .p-navigation__links .p-navigation__link {
      border-left: 1px solid #cdcdcd;
      padding: 0.75rem 0.5rem; }
      @media (max-width: 768px) {
        .p-navigation--light .p-navigation__links .p-navigation__link {
          background-color: #f7f7f7;
          border-left: 0;
          border-top: 1px solid #cdcdcd;
          color: #111;
          text-align: left; } }
      @media (min-width: 769px) {
        .p-navigation--light .p-navigation__links .p-navigation__link {
          padding: 0.75rem 1.25rem; } }
    @media (max-width: 768px) {
      .p-navigation--light .p-navigation__links > a {
        color: #111;
        display: block; } }
    .p-navigation--light .p-navigation__links:last-of-type {
      border-right: 1px solid #cdcdcd; }
      @media (max-width: 768px) {
        .p-navigation--light .p-navigation__links:last-of-type {
          border-bottom: 0;
          border-right: 0; } }
  .p-navigation--light .p-navigation__nav {
    display: none; }
    @media (min-width: 769px) {
      .p-navigation--light .p-navigation__nav {
        display: block; } }
  .p-navigation--light:target .p-navigation__toggle--open {
    display: none; }
  @media (max-width: 768px) {
    .p-navigation--light:target .p-navigation__toggle--close {
      display: inline-block; } }
  .p-navigation--light:target .p-navigation__nav {
    display: block; }

.p-navigation,
.p-navigation--dark {
  background-color: #111;
  color: #fff;
  position: relative;
  width: 100%; }
  .p-navigation .row,
  .p-navigation--dark .row {
    padding: 0; }
  .p-navigation .p-navigation__toggle--open, .p-navigation .p-navigation__toggle--close, .p-navigation .p-navigation__link,
  .p-navigation--dark .p-navigation__toggle--open,
  .p-navigation--dark .p-navigation__toggle--close,
  .p-navigation--dark .p-navigation__link {
    color: #fff; }
    .p-navigation .p-navigation__toggle--open:hover, .p-navigation .p-navigation__toggle--close:hover, .p-navigation .p-navigation__link:hover,
    .p-navigation--dark .p-navigation__toggle--open:hover,
    .p-navigation--dark .p-navigation__toggle--close:hover,
    .p-navigation--dark .p-navigation__link:hover {
      border-bottom: 0;
      text-decoration: underline; }
    .p-navigation .p-navigation__toggle--open:visited, .p-navigation .p-navigation__toggle--close:visited, .p-navigation .p-navigation__link:visited,
    .p-navigation--dark .p-navigation__toggle--open:visited,
    .p-navigation--dark .p-navigation__toggle--close:visited,
    .p-navigation--dark .p-navigation__link:visited {
      color: #fff; }
  .p-navigation .p-navigation__toggle--close,
  .p-navigation--dark .p-navigation__toggle--close {
    display: none; }
  .p-navigation .p-navigation__toggle--open, .p-navigation .p-navigation__toggle--close,
  .p-navigation--dark .p-navigation__toggle--open,
  .p-navigation--dark .p-navigation__toggle--close {
    float: right;
    margin: 0.75rem 1rem; }
    @media (min-width: 769px) {
      .p-navigation .p-navigation__toggle--open, .p-navigation .p-navigation__toggle--close,
      .p-navigation--dark .p-navigation__toggle--open,
      .p-navigation--dark .p-navigation__toggle--close {
        display: none; } }
  .p-navigation .p-navigation__logo,
  .p-navigation--dark .p-navigation__logo {
    font-size: 1.375rem;
    line-height: 1.364;
    align-items: center;
    display: flex;
    float: left;
    margin: 0.75rem 0.5rem; }
    @media only screen and (min-width: 1030px) {
      .p-navigation .p-navigation__logo,
      .p-navigation--dark .p-navigation__logo {
        font-size: 1.5rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .p-navigation .p-navigation__logo,
      .p-navigation--dark .p-navigation__logo {
        margin: 0.5rem 1.25rem; } }
  .p-navigation .p-navigation__link,
  .p-navigation--dark .p-navigation__link {
    border-bottom: 0;
    display: block; }
    @media (min-width: 769px) {
      .p-navigation .p-navigation__link,
      .p-navigation--dark .p-navigation__link {
        display: block;
        float: left;
        width: auto; } }
    .p-navigation .p-navigation__link > a,
    .p-navigation--dark .p-navigation__link > a {
      border-bottom: 0;
      color: #111;
      font-size: .93333rem; }
      @media (min-width: 769px) {
        .p-navigation .p-navigation__link > a,
        .p-navigation--dark .p-navigation__link > a {
          color: #fff;
          font-size: .875rem; } }
    .p-navigation .p-navigation__link:last-child,
    .p-navigation--dark .p-navigation__link:last-child {
      margin-bottom: 0; }
  .p-navigation .p-navigation__links,
  .p-navigation--dark .p-navigation__links {
    background-color: #cdcdcd;
    clear: both;
    margin: 0;
    padding: 0; }
    @media (min-width: 769px) {
      .p-navigation .p-navigation__links,
      .p-navigation--dark .p-navigation__links {
        background-color: transparent;
        clear: none;
        float: left; } }
    .p-navigation .p-navigation__links .p-navigation__link,
    .p-navigation--dark .p-navigation__links .p-navigation__link {
      border-left: 1px solid #cdcdcd;
      padding: 0.75rem 0.5rem; }
      @media (max-width: 768px) {
        .p-navigation .p-navigation__links .p-navigation__link,
        .p-navigation--dark .p-navigation__links .p-navigation__link {
          background-color: #f7f7f7;
          border-left: 0;
          border-top: 1px solid #cdcdcd;
          color: #111;
          text-align: left; } }
      @media (min-width: 769px) {
        .p-navigation .p-navigation__links .p-navigation__link,
        .p-navigation--dark .p-navigation__links .p-navigation__link {
          padding: 0.75rem 1.25rem; } }
    @media (max-width: 768px) {
      .p-navigation .p-navigation__links > a,
      .p-navigation--dark .p-navigation__links > a {
        color: #111;
        display: block; } }
    .p-navigation .p-navigation__links:last-of-type,
    .p-navigation--dark .p-navigation__links:last-of-type {
      border-right: 1px solid #cdcdcd; }
      @media (max-width: 768px) {
        .p-navigation .p-navigation__links:last-of-type,
        .p-navigation--dark .p-navigation__links:last-of-type {
          border-bottom: 0;
          border-right: 0; } }
  .p-navigation .p-navigation__nav,
  .p-navigation--dark .p-navigation__nav {
    display: none; }
    @media (min-width: 769px) {
      .p-navigation .p-navigation__nav,
      .p-navigation--dark .p-navigation__nav {
        display: block; } }
  .p-navigation:target .p-navigation__toggle--open,
  .p-navigation--dark:target .p-navigation__toggle--open {
    display: none; }
  @media (max-width: 768px) {
    .p-navigation:target .p-navigation__toggle--close,
    .p-navigation--dark:target .p-navigation__toggle--close {
      display: inline-block; } }
  .p-navigation:target .p-navigation__nav,
  .p-navigation--dark:target .p-navigation__nav {
    display: block; }

.p-link--external {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23e95420' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23e95420' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23e95420' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 100% top;
  background-repeat: no-repeat;
  background-size: .7rem .7rem;
  padding-right: .9rem; }

.p-link--no-underline {
  border: 0; }

.p-link--soft {
  color: #111; }
  .p-link--soft:visited {
    color: #111;
    text-decoration: none; }
  .p-link--soft:hover {
    color: #e95420; }
  .p-link--soft.is-selected {
    font-weight: 400; }

.p-link--strong {
  color: #111;
  font-weight: 400; }
  .p-link--strong:visited {
    color: #111; }
  .p-link--strong:hover {
    color: #e95420;
    text-decoration: underline; }
  .p-link--strong.p-link--external:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23111' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E"); }

.p-link--inverted {
  color: #f7f7f7;
  font-weight: 400; }
  .p-link--inverted:hover {
    color: #f7f7f7; }
  .p-link--inverted:visited {
    color: #dedede; }

.p-top {
  border-bottom: 1px dotted #cdcdcd;
  clear: both;
  margin: 20px 0; }
  .p-top__link {
    background: #fff;
    float: right;
    margin-right: 5px;
    padding: 0 5px;
    position: relative;
    text-decoration: none;
    top: -.725rem; }

.p-link--external.p-link--strong {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M4.867 1.313C.6 1.32.067 1.443.067 4.51v6.4c0 3.2.533 3.2 5.333 3.2h2.133c4.8 0 5.334 0 5.334-3.2v-1.6h-1.6v1.068c0 2.133 0 2.133-4.267 2.133H5.933c-4.266 0-4.266 0-4.266-2.132V5.044c0-1.93.034-2.112 3.2-2.13v-1.6z'/%3E%3Cpath d='M-1-1h16v16H-1'/%3E%3Cpath fill='%23111' d='M6.435 2.16c.11-.446 7.113-2.196 7.448-1.86.335.334-1.416 7.335-1.863 7.447-.447.112-5.697-5.14-5.586-5.586z'/%3E%3Cpath fill='%23111' d='M9.032 3.38L4.705 7.708l1.767 1.767L10.8 5.148'/%3E%3C/g%3E%3C/svg%3E");
  color: #111; }

.p-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .p-list__item {
    margin-bottom: .6667rem; }

.p-list--divided {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .p-list--divided .p-list__item {
    margin-bottom: 0;
    padding-bottom: .63rem;
    padding-top: .63rem;
    border-bottom: 1px dotted #cdcdcd; }
    .p-list--divided .p-list__item:last-of-type,
    .p-list--divided .p-list__item .last-item {
      border-bottom: 0; }

.is-ticked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle fill='%23666' cx='7' cy='7' r='7'/%3E%3Cpath fill='%23fff' d='M6.1 10.813L2.41 8.105l1.184-1.613L5.9 8.187l4.393-4.394 1.414 1.414z' /%3E%3C/svg%3E");
  background-position: 0 0.25rem;
  background-repeat: no-repeat;
  padding-left: 25px; }
  .p-list--divided .is-ticked {
    background-position: 0 1rem; }

.p-inline-list {
  margin-left: 0;
  padding-left: 0; }
  .p-inline-list__item {
    display: inline;
    list-style: none;
    margin-right: 1.25rem; }
    .p-inline-list__item:last-of-type,
    .p-inline-list__item .last-item {
      margin-right: 0; }

.p-inline-list--middot {
  margin-left: 0;
  padding-left: 0; }
  .p-inline-list--middot .p-inline-list__item {
    display: inline;
    list-style: none;
    margin-right: 1.25rem;
    position: relative; }
    .p-inline-list--middot .p-inline-list__item:last-of-type,
    .p-inline-list--middot .p-inline-list__item .last-item {
      margin-right: 0; }
    .p-inline-list--middot .p-inline-list__item::after {
      color: #666;
      content: '\00b7';
      font-size: 1.4rem;
      line-height: 0;
      position: absolute;
      right: -1rem;
      top: .55rem; }
    .p-inline-list--middot .p-inline-list__item:hover::after {
      color: #666; }
    .p-inline-list--middot .p-inline-list__item:last-of-type::after,
    .p-inline-list--middot .p-inline-list__item .last-item::after {
      content: ''; }

.p-list-step {
  list-style: none;
  margin-left: 60px;
  padding: 0; }
  .p-list-step__title {
    position: relative; }
  .p-list-step__item {
    clear: both;
    margin-left: 0;
    width: 100%; }
    .p-list-step__item:first-child {
      margin-top: 0.75rem; }

@media only screen and (min-width: 1030px) {
  .p-list-step__item:first-child {
    margin-top: 0; }
  .p-list-step__title {
    margin-bottom: 0; } }

.p-list-step__bullet {
  background: #666;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  height: 50px;
  margin-bottom: .625rem;
  margin-left: -60px;
  margin-right: .34375rem;
  padding: .65rem 1.15rem;
  text-align: center;
  width: 50px; }
  @media only screen and (max-width: 1030px) {
    .p-list-step__bullet {
      position: absolute;
      top: -5px; } }

.p-inline-images {
  display: block;
  list-style: none;
  text-align: center; }
  .p-inline-images__item {
    display: inline-block;
    margin: 2rem;
    max-width: 6rem;
    text-align: center;
    vertical-align: middle;
    width: 100%; }
    @media (min-width: 768px) {
      .p-inline-images__item {
        margin: 3rem;
        max-width: 11.25rem; } }
    .p-inline-images__item * {
      width: 100%; }
  .p-inline-images__img {
    display: inline-block;
    margin: 2rem;
    max-width: 6rem;
    text-align: center;
    vertical-align: middle;
    width: 100%; }
    @media (min-width: 768px) {
      .p-inline-images__img {
        margin: 3rem;
        max-width: 11.25rem; } }

.p-notification {
  background-color: #fff;
  border: 0;
  border-color: #666;
  border-radius: .125rem;
  border-style: solid;
  border-top-width: 3px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: .625rem;
  text-align: center;
  width: 100%; }
  .p-notification__response {
    background-position: 0 4px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin: 0;
    text-align: left; }
  .p-notification__status {
    font-weight: 400;
    margin-right: .3125rem; }
  .p-notification__action {
    border-bottom: 0;
    margin-left: .3125rem; }

.p-notification--positive {
  background-color: #fff;
  border: 0;
  border-color: #666;
  border-radius: .125rem;
  border-style: solid;
  border-top-width: 3px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: .625rem;
  text-align: center;
  width: 100%;
  border-color: #0e8420; }
  .p-notification--positive .p-notification__response {
    background-image: url("data:image/svg+xml,%3Csvg width='17px' height='17px' viewBox='0 0 17 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='notification-success' transform='translate(1.000000, 1.000000)'%3E%3Cg id='Page-3---colours'%3E%3Cg id='Notifications---single'%3E%3Cg id='Group'%3E%3Cg id='ICON'%3E%3Ccircle id='circle6710' stroke='%230e8420' stroke-width='1.5' fill='%230e8420' cx='7.2500086' cy='7.2500086' r='7.2500086'%3E%3C/circle%3E%3Cpolygon id='path6712' fill='%23fff' points='11.0502986 4.1734486 10.9843986 4.2311486 6.2496486 8.3783686 3.4740786 5.9974286 2.6350186 6.9463086 6.2503386 10.7500186 11.7500086 4.9627786 11.0502986 4.1734886'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    padding-left: 1.5rem; }

.p-notification--caution {
  background-color: #fff;
  border: 0;
  border-color: #666;
  border-radius: .125rem;
  border-style: solid;
  border-top-width: 3px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: .625rem;
  text-align: center;
  width: 100%;
  border-color: #f99b11; }
  .p-notification--caution .p-notification__response {
    background-image: url("data:image/svg+xml,%3Csvg width='17px' height='17px' viewBox='0 0 17 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='notification-caution' transform='translate(1.000000, 1.000000)'%3E%3Cg id='Page-3---colours'%3E%3Cg id='Notifications---single'%3E%3Cg id='Group'%3E%3Cg id='ICON'%3E%3Ccircle id='circle5432' stroke='%23f99b11' stroke-width='1.5' fill='%23f99b11' cx='7.2500086' cy='7.2500086' r='7.2500086'%3E%3C/circle%3E%3Cpath d='M6.2500086,3.2500086 L6.2500086,8.2500086 L8.2500086,8.2500086 L8.2500086,3.2500086 L6.2500086,3.2500086 L6.2500086,3.2500086 L6.2500086,3.2500086 Z M6.2500086,9.2500086 L6.2500086,11.2500086 L8.2500086,11.2500086 L8.2500086,9.2500086 L6.2500086,9.2500086 L6.2500086,9.2500086 L6.2500086,9.2500086 Z' id='rect5434' fill='%23fff'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    padding-left: 1.5rem; }

.p-notification--negative {
  background-color: #fff;
  border: 0;
  border-color: #666;
  border-radius: .125rem;
  border-style: solid;
  border-top-width: 3px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: .625rem;
  text-align: center;
  width: 100%;
  border-color: #c7162b; }
  .p-notification--negative .p-notification__response {
    background-image: url("data:image/svg+xml,%3Csvg width='16px' height='17px' viewBox='0 0 16 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-3---colours' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Notifications---single' transform='translate(-215.000000, -271.000000)'%3E%3Cg id='Group' transform='translate(205.000000, 254.000000)'%3E%3Cg id='ICON' transform='translate(10.000000, 17.000000)'%3E%3Crect id='rect6415' x='0' y='0.36218' width='16' height='16'%3E%3C/rect%3E%3Ccircle id='circle6417' stroke='%23c7162b' stroke-width='1.5' fill='%23c7162b' cx='8' cy='8.36218' r='7.2500086'%3E%3C/circle%3E%3Cpath d='M5.00001,5.36218 L11.00001,11.36218' id='path6479-8' stroke='%23fff' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M11.00001,5.36218 L5.00001,11.36218' id='path6481-8' stroke='%23fff' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    padding-left: 1.5rem; }

.p-pull-quote, .p-pull-quote--accent {
  border: 0;
  margin: 2rem 0 1rem;
  padding-left: 2rem;
  padding-right: 1.25rem;
  position: relative; }
  @media (min-width: 768px) {
    .p-pull-quote, .p-pull-quote--accent {
      margin: 1.5rem 0 1.5rem; } }
  .p-pull-quote > p, .p-pull-quote--accent > p {
    font-size: 1.625rem;
    line-height: 1.154;
    color: #111;
    font-style: normal; }
    @media only screen and (min-width: 1030px) {
      .p-pull-quote > p, .p-pull-quote--accent > p {
        font-size: 1.75rem;
        line-height: 1.286; } }
    .p-pull-quote > p:first-of-type::before, .p-pull-quote--accent > p:first-of-type::before {
      color: #cdcdcd;
      display: inline-block;
      font-size: 2.134rem;
      font-weight: bold;
      line-height: 1rem;
      max-width: 1.25rem;
      content: '\201C\2002';
      margin-left: -1.5rem;
      padding-right: 1.5rem;
      position: relative;
      top: .1rem; }
      @media (min-width: 768px) {
        .p-pull-quote > p:first-of-type::before, .p-pull-quote--accent > p:first-of-type::before {
          font-size: 2.5rem; } }
      @media (min-width: 1030px) {
        .p-pull-quote > p:first-of-type::before, .p-pull-quote--accent > p:first-of-type::before {
          font-size: 3rem; } }
      @media (min-width: 768px) {
        .p-pull-quote > p:first-of-type::before, .p-pull-quote--accent > p:first-of-type::before {
          margin-left: -1.9rem;
          padding-right: 1.9rem;
          top: .4rem; } }
    .p-pull-quote > p:last-of-type, .p-pull-quote--accent > p:last-of-type {
      margin-bottom: 0; }
    .p-pull-quote > p:last-of-type::after, .p-pull-quote--accent > p:last-of-type::after {
      color: #cdcdcd;
      display: inline-block;
      font-size: 2.134rem;
      font-weight: bold;
      line-height: 1rem;
      max-width: 1.25rem;
      content: '\2002\201E';
      margin-left: 0.5rem;
      margin-top: -.5rem;
      position: absolute; }
      @media (min-width: 768px) {
        .p-pull-quote > p:last-of-type::after, .p-pull-quote--accent > p:last-of-type::after {
          font-size: 2.5rem; } }
      @media (min-width: 1030px) {
        .p-pull-quote > p:last-of-type::after, .p-pull-quote--accent > p:last-of-type::after {
          font-size: 3rem; } }
  .p-pull-quote__citation {
    display: inline-block;
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.5;
    margin-top: 0.75rem;
    width: 100%; }

.p-strip {
  background-color: transparent;
  clear: both;
  padding: 2rem 0;
  width: 100%; }
  .p-strip--light {
    background-color: transparent;
    clear: both;
    padding: 2rem 0;
    width: 100%;
    background-color: #f7f7f7; }
  .p-strip--dark {
    background-color: transparent;
    clear: both;
    padding: 2rem 0;
    width: 100%;
    background-color: #111;
    color: #fff; }

.p-form-validation {
  color: #111;
  line-height: 1.5;
  margin-bottom: 1rem;
  margin-top: .5333rem;
  position: relative; }
  @media (min-width: 768px) {
    .p-form-validation {
      font-size: .875rem;
      margin-top: 0.5rem; } }
  .p-form-validation .p-form-validation__input {
    background-position: calc(100% - 1rem) 0.75rem;
    background-repeat: no-repeat;
    padding: 0.5rem 2.5rem 0.5rem 0.75rem; }
  .p-form-validation .p-form-validation__icon {
    position: relative; }
    .p-form-validation .p-form-validation__icon::after {
      position: absolute;
      right: 0.75rem;
      top: calc(50% - $sp-x-small); }
  .p-form-validation__message {
    font-size: .9333rem; }
    @media (min-width: 768px) {
      .p-form-validation__message {
        font-size: .875rem; } }

.is-error .p-form-validation__input {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/4b0cd7fc-icon-error.svg");
  border-color: #c7162b; }

.is-success .p-form-validation__input {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/94949185-icon-success.svg");
  border-color: #0e8420; }

.is-caution .p-form-validation__input {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/db30f04c-icon-caution.svg");
  border-color: #f99b11; }

.u-float--right {
  float: right !important; }

.u-float--left {
  float: left !important; }

.u-embedded-media {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .u-embedded-media__element {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

@media only screen and (min-width: 768px) {
  .u-equal-height {
    display: flex; } }

.u-align--center {
  justify-content: center !important;
  text-align: center !important; }

.u-align--left {
  justify-content: flex-start !important;
  text-align: left !important; }

.u-align--right {
  justify-content: flex-end !important;
  text-align: right !important; }

.u-no-margin {
  margin: 0 !important; }
  .u-no-margin--top {
    margin-top: 0 !important; }
  .u-no-margin--right {
    margin-right: 0 !important; }
  .u-no-margin--bottom {
    margin-bottom: 0 !important; }
  .u-no-margin--left {
    margin-left: 0 !important; }

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

.u-hide {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .u-hide--small {
      display: none !important; } }
  @media (min-width: 768px) and (max-width: 1030px) {
    .u-hide--medium {
      display: none !important; } }
  @media screen and (min-width: 1030px) {
    .u-hide--large {
      display: none !important; } }

.u-show {
  display: block !important; }
  @media screen and (max-width: 768px) {
    .u-show--small {
      display: block !important; } }
  @media (min-width: 768px) and (max-width: 1030px) {
    .u-show--medium {
      display: block !important; } }
  @media screen and (min-width: 1030px) {
    .u-show--large {
      display: block !important; } }

.u-off-screen {
  height: 1px !important;
  left: -10000px !important;
  overflow: hidden !important;
  position: absolute !important;
  top: auto !important;
  width: 1px !important; }

.u-vertically-center {
  align-items: center !important;
  display: flex !important; }

.u-hidden {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .u-hidden--small {
      display: none !important; } }
  @media (min-width: 768px) and (max-width: 1030px) {
    .u-hidden--medium {
      display: none !important; } }
  @media screen and (min-width: 1030px) {
    .u-hidden--large {
      display: none !important; } }

.u-visible {
  display: block !important; }
  @media screen and (max-width: 768px) {
    .u-visible--small {
      display: block !important; } }
  @media (min-width: 768px) and (max-width: 1030px) {
    .u-visible--medium {
      display: block !important; } }
  @media screen and (min-width: 1030px) {
    .u-visible--large {
      display: block !important; } }

.p-card--overlay {
  background: rgba(255, 255, 255, 0.85);
  color: #111;
  padding: 1.3333rem; }
  @media (min-width: 768px) {
    .p-card--overlay {
      padding: 1.25rem; } }

[class*='p-button'].is-wide {
  width: 100%; }

[class*='p-button'].is-large {
  font-size: 1.5rem;
  padding: 1.125rem 2.25rem; }

@media (min-width: 768px) {
  [class*='p-list'].is-split {
    display: flex;
    flex-wrap: wrap; }
    [class*='p-list'].is-split .p-list__item {
      width: calc(50% - .5rem); }
      [class*='p-list'].is-split .p-list__item:nth-child(2n-1) {
        margin-right: 1rem; }
      [class*='p-list'].is-split .p-list__item:nth-last-child(2) {
        border-bottom: 0; } }

.p-media-object {
  display: flex; }
  .p-media-object__image {
    border-radius: 4px;
    height: 3.75rem;
    margin-right: 1rem;
    vertical-align: middle;
    width: 3.75rem; }
    @media (min-width: 768px) {
      .p-media-object__image {
        height: 4.5rem;
        width: 4.5rem; } }
  .p-media-object__title {
    font-size: 1.375rem;
    line-height: 1.364;
    margin-bottom: .5rem; }
    @media only screen and (min-width: 1030px) {
      .p-media-object__title {
        font-size: 1.5rem;
        line-height: 1.25; } }
  .p-media-object__meta-list {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  .p-media-object__meta-list-item {
    color: #111;
    font-size: .875em;
    margin-bottom: .4rem; }
    .p-media-object__meta-list-item--date {
      color: #111;
      font-size: .875em;
      margin-bottom: .4rem;
      background-repeat: no-repeat;
      background-size: 20px 20px;
      padding-left: 25px;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90"><g transform="translate(0 -962.362)"><path color="#000" fill="none" stroke-width="7.5" overflow="visible" enable-background="accumulate" d="M0 962.362h90v90H0z"/><path d="M35.914 968.362v9c0 4.837-4.078 8.914-8.914 8.914-4.836 0-8.914-4.077-8.914-8.914v-8.547C7.56 969.892 6 973.59 6 986.362v42c0 18 3 18 30 18h18c27 0 30 0 30-18v-42c0-12.773-1.56-16.47-12.086-17.547v8.547c0 4.837-4.078 8.914-8.914 8.914-4.836 0-8.914-4.077-8.914-8.914v-9H35.914zm.086 24h18c24 0 24 0 24 12v24c0 12 0 12-24 12H36c-24 0-24 0-24-12v-24c0-12 0-12 24-12z" fill="#aea79f"/><rect width="6" height="18" x="24" y="962.362" ry="3" color="#000" fill="#aea79f" stroke-width=".1" overflow="visible" enable-background="accumulate"/><rect ry="3" y="962.362" x="60" height="18" width="6" color="#000" fill="#aea79f" stroke-width=".1" overflow="visible" enable-background="accumulate"/><path style="text-align:center;line-height:125%;-inkscape-font-specification:Ubuntu Medium" d="M33.336 1001.364v.01c-1.8 0-3.5.348-5.087 1.043-1.548.663-2.913 1.553-4.08 2.664l-.352.337 3.06 4.335.474-.472c.158-.158.425-.388.787-.673l.01-.013.01-.012c.342-.295.74-.582 1.194-.86.467-.27 1.002-.507 1.607-.71.577-.19 1.206-.288 1.896-.288 1.048 0 1.885.26 2.58.768.626.46.964 1.222.964 2.497 0 .56-.114 1.1-.35 1.647-.246.538-.58 1.082-1.006 1.635h-.002c-.408.535-.896 1.088-1.466 1.658-.582.582-1.192 1.176-1.827 1.785h-.004c-.827.8-1.653 1.613-2.48 2.44-.846.845-1.61 1.748-2.292 2.704h-.002c-.692.967-1.26 2.02-1.702 3.15-.426 1.134-.635 2.372-.635 3.707v.72c0 .31.015.583.046.828l.064.493h18.65v-5.197H31.386c.072-.144.057-.21.18-.392l.006-.012h.002c.33-.507.727-1.034 1.192-1.576.47-.548.966-1.096 1.488-1.645l.008-.01c.527-.553.998-1.027 1.413-1.416h.007c.8-.775 1.6-1.56 2.4-2.36h.007c.813-.844 1.534-1.7 2.163-2.576h.002c.66-.906 1.197-1.83 1.613-2.773.428-.994.645-2.02.645-3.054 0-2.528-.756-4.605-2.28-6.102-1.524-1.55-3.862-2.28-6.9-2.28zm16.626.635v.01l-.024.537c-.106 2.31-.24 4.618-.4 6.927-.158 2.277-.384 4.688-.676 7.233l-.07.628h.632c2.187 0 3.982.12 5.37.353h.004c1.42.23 2.518.58 3.283 1.01h.01c.804.44 1.316.945 1.6 1.512.302.606.46 1.297.46 2.1 0 .514-.094.994-.278 1.457-.174.414-.456.79-.876 1.14h-.016c-.375.333-.9.615-1.582.836-.677.193-1.514.298-2.51.298-1.48 0-2.72-.144-3.718-.42-1.012-.31-1.79-.596-2.3-.84l-.638-.304-1.17 5.187.394.198c.32.16.74.313 1.287.477.553.167 1.168.315 1.847.45.703.163 1.43.3 2.184.407.77.11 1.527.163 2.273.163 1.826 0 3.44-.214 4.84-.66h.008c1.386-.473 2.56-1.12 3.502-1.948.94-.827 1.647-1.823 2.105-2.967.454-1.135.68-2.365.68-3.678 0-2.868-1.023-5.22-3.034-6.892-1.888-1.617-4.76-2.472-8.434-2.75.033-.27.064-.51.097-.834.055-.535.096-1.096.123-1.68l.002-.025c.052-.575.09-1.138.117-1.688l.003-.027c.035-.38.054-.693.077-1.02h10.055V1002H49.962z" font-size="35.345" font-weight="500" letter-spacing="0" word-spacing="0" text-anchor="middle" fill="#aea79f" font-family="Ubuntu"/></g></svg>'); }
    .p-media-object__meta-list-item--location {
      color: #111;
      font-size: .875em;
      margin-bottom: .4rem;
      background-repeat: no-repeat;
      background-size: 20px 20px;
      padding-left: 25px;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90"><g color="#000"><path d="M45 0C30.088 0 18 12.088 18 27c0 .562.03 1.103.063 1.656.013.248.012.497.03.75.02.23.07.46.095.688C20.22 51.854 41.922 90 45 90c3.078 0 24.78-38.146 26.813-59.906.02-.232.076-.46.093-.688.022-.248.016-.5.03-.75.032-.56.064-1.12.064-1.656C72 12.088 59.912 0 45 0zm0 18c4.97 0 9 4.03 9 9s-4.03 9-9 9-9-4.03-9-9 4.03-9 9-9z" fill="#aea79f" stroke-width="3" overflow="visible" enable-background="accumulate"/><path fill="none" stroke-width="7.5" overflow="visible" enable-background="accumulate" d="M0 0h90v90H0z"/></g></svg>'); }
    .p-media-object__meta-list-item--venue {
      color: #111;
      font-size: .875em;
      margin-bottom: .4rem;
      background-repeat: no-repeat;
      background-size: 20px 20px;
      padding-left: 25px;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90.000001"><g transform="translate(-111.967 -929.337)" color="#000"><path fill="none" stroke-width="4" overflow="visible" enable-background="accumulate" d="M111.967 929.336h90v90h-90z"/><circle r="6.5" cy="24.5" cx="23.5" transform="matrix(1.846 0 0 1.846 113.583 929.105)" fill="#aea79f" stroke-width="2" overflow="visible" enable-background="accumulate"/><circle r="21" cy="45" cx="45" transform="matrix(1.429 0 0 1.429 92.682 910.05)" fill="none" stroke="#aea79f" stroke-width="4.2" stroke-linejoin="round" overflow="visible" enable-background="accumulate"/><path d="M152.967 931.736l8-2.4v15h-8zM160.967 1016.336h-8v-12h8zM198.967 970.336v8h-12v-8zM114.967 978.336v-8h12v8z" overflow="visible" fill="#aea79f" stroke-width="6" enable-background="accumulate"/></g></svg>'); }

.p-strip--accent {
  background-color: transparent;
  clear: both;
  padding: 2rem 0;
  width: 100%;
  background-color: #2c001e;
  color: #fff; }

.p-strip--image {
  background-color: transparent;
  clear: both;
  padding: 2rem 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover; }
  .p-strip--image.is-light {
    color: #000; }
  .p-strip--image.is-dark {
    color: #fff; }

[class^='p-strip'].is-bordered {
  border-bottom: 1px solid #cdcdcd; }

[class^='p-strip'].is-shallow {
  padding: 1.5rem 0; }
  @media only screen and (min-width: 768px) {
    [class^='p-strip'].is-shallow {
      padding: 2.5rem 0; } }

[class^='p-strip'].is-deep {
  padding: 3rem 0; }
  @media only screen and (min-width: 768px) {
    [class^='p-strip'].is-deep {
      padding: 6rem 0; } }

@media (min-width: 768px) {
  .p-divider {
    display: flex; } }

.p-divider__block {
  border-bottom: 1px solid #cdcdcd; }
  .p-divider__block:last-child {
    border-bottom: 0; }
  @media (min-width: 768px) {
    .p-divider__block {
      border-bottom: 0;
      border-right: 1px solid #cdcdcd;
      padding-right: 1rem; }
      .p-divider__block:last-child {
        border-right: 0;
        padding-right: 0; } }

.p-stepped-list--detailed {
  list-style: none;
  padding: 0 2rem 0 3rem; }
  @media (max-width: 1030px) {
    .p-stepped-list--detailed {
      margin-top: 2.5rem; } }
  .p-stepped-list--detailed .p-list-step__item {
    margin-bottom: 3rem; }
    @media (min-width: 768px) {
      .p-stepped-list--detailed .p-list-step__item {
        display: flex;
        margin: 0; }
        .p-stepped-list--detailed .p-list-step__item > * {
          width: 50%; } }
  @media (min-width: 768px) {
    .p-stepped-list--detailed .p-list-step__title {
      padding-top: 2.75rem; } }
  .p-stepped-list--detailed .p-list-step__content {
    background: #fff;
    color: #000;
    margin-left: -4rem;
    margin-right: -2rem;
    margin-top: 2.5rem;
    padding: 1.3333rem; }
    @media (min-width: 768px) {
      .p-stepped-list--detailed .p-list-step__content {
        border-bottom: 1px solid #f7f7f7;
        margin: .25rem 0 0;
        padding: 2.5rem; } }
  @media (min-width: 768px) {
    .p-stepped-list--detailed .p-list-step__bullet {
      margin-right: 1rem;
      top: 2.25rem; } }

@media (min-width: 768px) {
  .u-image-position {
    position: relative; }
    .u-image-position [class*='col-'] {
      position: static; }
    .u-image-position--top {
      position: absolute;
      top: 0; }
    .u-image-position--bottom {
      bottom: 0;
      position: absolute; }
    .u-image-position--left {
      left: 0;
      position: absolute; }
    .u-image-position--right {
      position: absolute;
      right: 0; } }

.p-heading-icon {
  color: #111;
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .p-heading-icon {
      margin-bottom: 0; } }
  .p-heading-icon__header {
    align-items: center;
    display: flex;
    margin-bottom: 1rem; }
    @media (min-width: 1030px) {
      .p-heading-icon__header {
        margin-bottom: 1.5rem; } }
  .p-heading-icon__title {
    font-size: 1.625rem;
    line-height: 1.154;
    margin-bottom: 0; }
    @media only screen and (min-width: 1030px) {
      .p-heading-icon__title {
        font-size: 1.75rem;
        line-height: 1.286; } }
  .p-heading-icon__img {
    flex-shrink: 0;
    height: 2.6666rem;
    margin-right: 1rem;
    width: 2.6666rem; }
    @media (min-width: 768px) {
      .p-heading-icon__img {
        height: 3.75rem;
        width: 3.75rem; } }

/*

  Project:    Ubuntu footer
  Author:     Web Team at Canonical Ltd
  Last edited by: Peter Mahnke
  Last edited on: 14 April 2016

    CONTENTS:
  -----------------------------------------------------------------
  footer and global nav
  three sizes: small, medium, large
-------------------------------------------------------------- */
.p-footer #nav-global {
  border: 0;
  font-size: .8125rem;
  margin: 0;
  padding: 0; }
  .p-footer #nav-global .nav-global-wrapper.active {
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    display: block; }
  .p-footer #nav-global h2 {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/7bd1bd7b-arrow_down_9fa097.svg");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    border-bottom: 1px solid #cdcdcd;
    color: #666;
    font-size: .8125rem;
    line-height: 1.5em;
    margin-bottom: 0;
    padding: 10px 0 10px 30px;
    position: relative; }
    .p-footer #nav-global h2 a:link,
    .p-footer #nav-global h2 a:visited {
      color: #666; }
    .p-footer #nav-global h2 a::after {
      content: "";
      /* hide the default > */ }
    .p-footer #nav-global h2::before {
      background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/e1b12fdd-external-link-9fa097.svg");
      background-position: 0 3px;
      background-repeat: no-repeat;
      background-size: 14px 14px;
      content: "";
      height: 17px;
      left: 10px;
      position: absolute;
      width: 14px; }
    .p-footer #nav-global h2.active {
      border-bottom: 1px solid #cdcdcd; }
    @media only screen and (max-width: 768px) {
      .p-footer #nav-global h2 {
        cursor: pointer; }
        .p-footer #nav-global h2.active {
          background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/43e2b367-arrow_up_9fa097.png"); } }
  .p-footer #nav-global .nav-global-main,
  .p-footer #nav-global .nav-global-more {
    margin: 0;
    padding-left: 0; }
    .p-footer #nav-global .nav-global-main li,
    .p-footer #nav-global .nav-global-more li {
      border-bottom: 1px solid #cdcdcd;
      border-left: 1px solid #cdcdcd;
      box-sizing: border-box;
      display: inline;
      float: left;
      font-size: .8125rem;
      line-height: 2em;
      margin: 0;
      width: 50%; }
      @media only screen and (max-width: 768px) {
        .p-footer #nav-global .nav-global-main li,
        .p-footer #nav-global .nav-global-more li {
          padding: 5px; } }
      .p-footer #nav-global .nav-global-main li:nth-child(odd),
      .p-footer #nav-global .nav-global-more li:nth-child(odd) {
        border-left: 0; }
      .p-footer #nav-global .nav-global-main li:last-child,
      .p-footer #nav-global .nav-global-more li:last-child {
        border: 0; }
      .p-footer #nav-global .nav-global-main li.more,
      .p-footer #nav-global .nav-global-more li.more {
        border-bottom: 1px solid #cdcdcd;
        border-top: 1px solid #cdcdcd;
        margin-top: -1px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 768px) {
          .p-footer #nav-global .nav-global-main li.more,
          .p-footer #nav-global .nav-global-more li.more {
            padding: 0; } }
      .p-footer #nav-global .nav-global-main li a,
      .p-footer #nav-global .nav-global-more li a {
        font-size: .8125rem;
        line-height: 0;
        padding-left: 10px; }
        .p-footer #nav-global .nav-global-main li a:link, .p-footer #nav-global .nav-global-main li a:visited,
        .p-footer #nav-global .nav-global-more li a:link,
        .p-footer #nav-global .nav-global-more li a:visited {
          color: #111; }

.p-footer #nav-global .nav-global-wrapper,
.p-footer li.more > a {
  display: none;
  /* hide until 'active' class */ }

.p-footer #nav-global ul li.more {
  width: 100%; }

@media only screen and (min-width: 768px) {
  #nav-global {
    background: #f7f7f7;
    box-shadow: none;
    display: block;
    height: 30px;
    line-height: 19.2px;
    margin-top: -15px;
    position: relative;
    width: 100%;
    z-index: 101; }
    #nav-global .nav-global-wrapper {
      width: auto;
      background: none repeat scroll 0 0 #fff;
      margin: 0 auto;
      position: relative;
      text-align: left; }
    #nav-global div {
      box-shadow: none; }
    #nav-global ul {
      margin-bottom: 0;
      margin-left: 0;
      top: 0; }
      #nav-global ul li {
        float: left;
        display: block;
        text-align: left;
        margin: 0;
        height: 30px;
        margin-top: -1px;
        position: relative;
        top: 0; }
      #nav-global ul li:first-of-type a {
        margin-left: 10px; }
      #nav-global ul ul {
        background: #fff;
        border-top: 1px solid #cdcdcd;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        display: none;
        float: none;
        position: absolute;
        min-width: 120px;
        top: 30px; }
        #nav-global ul ul li:first-of-type {
          padding-top: 5px; }
          #nav-global ul ul li:first-of-type a {
            margin-left: 10px; }
        #nav-global ul ul li {
          float: none;
          width: auto;
          background: 0;
          float: left;
          clear: none;
          font-size: 1rem;
          margin: 0 2.5em 0 0; }
      #nav-global ul .more span {
        display: block;
        top: -10px;
        left: 46px;
        line-height: 19.2px;
        height: 0;
        position: relative;
        transform-origin: 0 0;
        transform: rotate(90deg); }
      #nav-global ul .more {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        min-width: 60px; }
      #nav-global ul a.active {
        color: #e95420;
        border-top: 3px solid #e95420;
        text-decoration: none;
        opacity: 1; }
    #nav-global a:link,
    #nav-global a:visited {
      border-bottom: 0;
      border-top: 3px solid transparent;
      color: #111;
      display: block;
      font-size: .8125rem;
      font-weight: 300;
      line-height: 1.6;
      list-style-image: none;
      margin: 0 10px;
      padding: 3px 0 4px;
      position: relative;
      text-decoration: none;
      transition: opacity 0.25s ease-in-out; }
    #nav-global .open {
      background: #fff;
      border-left: 1px solid #cdcdcd;
      border-right: 1px solid #cdcdcd;
      min-width: 120px; }
      #nav-global .open a:link,
      #nav-global .open a:visited,
      #nav-global .open span {
        color: #e95420;
        opacity: 1; }
      #nav-global .open ul {
        display: block; }
        #nav-global .open ul a:link,
        #nav-global .open ul a:visited {
          color: #111;
          opacity: 1; } }

@media only screen and (min-width: 1030px) {
  #nav-global .nav-global-wrapper {
    width: 1030px; }
  #nav-global ul li:first-of-type a {
    margin-left: 0; }
  #nav-global ul li.more a {
    text-indent: 0;
    display: block; } }

/* Contribute page */
/* Contribute page */
.search-toggle {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 90 90'><g color='#fff'><path fill='none' stroke-width='4'    d='M0 0h90v90H0z'/><path d='M69 36.5a33 33.5 0 1 1-66 0 33 33.5 0 1 1 66 0z' transform='matrix(.636 0 0 .627 16.114 16.12)' fill='none' stroke='#fff' stroke-width='9.5'   /><path d='M55.77 52.92L52.94 55.75l14 14 2.83-2.83-14-14z'   fill='#fff' stroke-width='6'  class='s0'/><path d='M60.97 57.03c-1.55-3.04 1.02-3.63 2.46-0.58 1.44-0.21 3.21 4.29l9.19 9.2c2.68 2.85 3.26 2.46 5.64 2.38-2.38 2.77-2.79-0.08-5.65l-9.19-9.2c-0.73-0.75-1.78-1.19-2.83-1.19z'   fill='#fff' stroke-width='11.8'  class='s0'/></g></svg>");
  cursor: pointer; }
  @media (min-width: 768px) {
    .search-toggle {
      position: relative;
      right: 1.5rem; } }

.search-toggle__link {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem; }

.p-site-search {
  float: right;
  margin: 0.75rem 0; }
  .p-site-search__form {
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 48px; }
    .p-site-search__form:target, .p-site-search__form:active {
      display: block; }
    @media (min-width: 1030px) {
      .p-site-search__form {
        width: 200px;
        height: 35px;
        position: absolute;
        top: .65rem;
        right: .65rem; }
        .p-site-search__form .p-site-search__input[type='search'] {
          border-radius: 4px;
          height: 35px;
          background-color: #c34113;
          color: #fff;
          padding-right: 2.5rem; }
          .p-site-search__form .p-site-search__input[type='search']::-webkit-input-placeholder {
            color: #cdcdcd; }
        .p-site-search__form .p-site-search__button {
          top: -.5rem;
          right: 1rem; } }
  .p-site-search__input[type='search'] {
    background: #f7f7f7;
    border: 0;
    box-shadow: none; }
  .p-site-search__button {
    position: absolute;
    top: 0;
    right: 1.75rem;
    width: 1.5rem;
    height: 3rem;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent; }
    .p-site-search__button:hover {
      background-color: transparent; }

@media (min-width: 768px) and (max-width: calc($breakpoint-large - 1)) {
  .p-site-search__input {
    border-bottom: 1px solid #666; } }

html {
  overflow-x: hidden !important; }

.p-navigation {
  background-color: #e95420;
  margin-bottom: 0;
  font-weight: 400; }
  @media (max-width: 768px) {
    .p-navigation {
      font-weight: 300;
      border-bottom: 1px solid #f7f7f7; } }
  .p-navigation__logo {
    padding: 0;
    margin: 0; }
    @media (min-width: 768px) and (max-width: 1030px) {
      .p-navigation__logo {
        padding-left: 0;
        margin-left: 0; } }
  @media (min-width: 1030px) {
    .p-navigation__row {
      position: relative; } }
  .p-navigation .p-navigation__links:last-of-type {
    border-right: 0; }
  .p-navigation .p-navigation__links .p-navigation__link {
    border-right: 1px solid #cdcdcd;
    font-size: .875rem;
    padding: 0;
    position: relative; }
    @media (min-width: 768px) {
      .p-navigation .p-navigation__links .p-navigation__link {
        border-right: 0;
        border-color: #ee784e; } }
    .p-navigation .p-navigation__links .p-navigation__link:hover {
      cursor: pointer; }
    @media (max-width: 767px) {
      .p-navigation .p-navigation__links .p-navigation__link {
        width: 50%;
        float: left;
        padding: 0.5rem 0.75rem; }
        .p-navigation .p-navigation__links .p-navigation__link:nth-child(2n) {
          border-left: 0; }
        .p-navigation .p-navigation__links .p-navigation__link:last-of-type, .p-navigation .p-navigation__links .p-navigation__link:nth-last-child(2) {
          border-bottom: 1px solid #cdcdcd; } }
    @media (min-width: 768px) {
      .p-navigation .p-navigation__links .p-navigation__link > a {
        display: inline-block;
        padding: 1rem 0.75rem; }
        .p-navigation .p-navigation__links .p-navigation__link > a.is-active {
          background-color: #c34113; }
      .p-navigation .p-navigation__links .p-navigation__link:hover {
        background-color: #ee784e; } }

.p-navigation .p-navigation__logo {
  margin: 0.75rem 0.75rem 0 1rem;
  padding: 0; }

.nav-secondary .p-inline-list__link {
  display: inline-block; }

@media (min-width: 768px) and (max-width: 1030px) {
  .nav-secondary {
    border-top: 1px solid #cdcdcd; } }

@media (min-width: 768px) {
  .nav-secondary__row {
    padding: 0 0.75rem; } }

.nav-secondary .p-inline-list__link,
.nav-secondary .p-breadcrumbs__link,
.nav-tertiary .p-inline-list__link,
.nav-tertiary .p-breadcrumbs__link {
  font-size: .875rem;
  font-weight: 300; }

@media (max-width: 767px) {
  .nav-secondary,
  .nav-tertiary {
    background: #fff; }
    .nav-secondary .p-breadcrumbs,
    .nav-tertiary .p-breadcrumbs {
      position: relative;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100vw;
      overflow-x: hidden;
      border-bottom: 1px solid #cdcdcd; }
      .nav-secondary .p-breadcrumbs__item,
      .nav-tertiary .p-breadcrumbs__item {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        margin-left: 0; }
      .nav-secondary .p-breadcrumbs__link,
      .nav-tertiary .p-breadcrumbs__link {
        border-bottom: 1px solid #cdcdcd;
        width: 100%;
        display: inline-block;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        color: #111; }
    .nav-secondary__menu,
    .nav-tertiary__menu {
      width: 100%; }
      .nav-secondary__menu .p-inline-list__item,
      .nav-tertiary__menu .p-inline-list__item {
        width: 50%;
        float: left;
        margin-right: 0;
        padding-left: 0.25rem; }
        .nav-secondary__menu .p-inline-list__item .is-active,
        .nav-tertiary__menu .p-inline-list__item .is-active {
          font-weight: bold; }
      .nav-secondary__menu .p-inline-list__link,
      .nav-tertiary__menu .p-inline-list__link {
        padding: 0.5rem;
        color: #000;
        display: inline-block; } }

.nav-secondary__menu,
.nav-tertiary__menu {
  display: inline-block;
  position: relative; }
  @media (min-width: 768px) {
    .nav-secondary__menu,
    .nav-tertiary__menu {
      margin-left: 1.5rem; } }

.nav-secondary a,
.nav-tertiary a {
  color: #111; }
  .nav-secondary a.is-active,
  .nav-tertiary a.is-active {
    color: #e95420; }

@media (min-width: 768px) {
  .nav-secondary,
  .nav-tertiary {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    background: #f7f7f7;
    border-bottom: 1px solid #cdcdcd;
    padding: 0.5rem 0 0.75rem; }
    .nav-secondary .p-breadcrumbs__item,
    .nav-tertiary .p-breadcrumbs__item {
      margin-bottom: 0; }
    .nav-secondary__menu::before,
    .nav-tertiary__menu::before {
      content: '\203A';
      font-weight: 400;
      color: #666;
      left: -0.75rem;
      position: absolute;
      top: 0; }
    .nav-secondary .p-breadcrumbs__link,
    .nav-tertiary .p-breadcrumbs__link {
      color: #666; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .nav-secondary .p-breadcrumbs__link + .second-level-nav,
      .nav-tertiary .p-breadcrumbs__link + .second-level-nav {
        position: relative; }
        .nav-secondary .p-breadcrumbs__link + .second-level-nav::before,
        .nav-tertiary .p-breadcrumbs__link + .second-level-nav::before {
          content: '\203A';
          font-weight: 400;
          color: #666;
          left: -0.5rem;
          position: absolute;
          top: 0; } }

@media (min-width: 1030px) {
  .nav-secondary__row,
  .nav-tertiary__row {
    padding: 0 0.75rem; } }

.nav-secondary .p-navigation__row,
.nav-tertiary .p-navigation__row {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

@media (min-width: 769px) {
  .p-navigation__link:hover .hover-menu {
    display: block; }
    .p-navigation__link:hover .hover-menu .p-inline-list__item {
      display: block; }
  .p-navigation .p-navigation__nav ul li:hover ul::after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYODgYVPPJJpQAAAT9JREFUKM+dkD9IAnEUx7+/IkVxFaxoKYxIWhqKwJw0JAJ315Yac8+1tUFo6HCp34XRdRp11z+J4BzckqShPzdEQ5G/EhPO6V5Tcg3G0QcePHjvffjygB4oXAIApFMxyPlcWM7nwulU7NfMNQqXGABsZNcCCpcKtapBtapBCpcK2fXlAAAcy3vMlUxTdgEAO9ubybPiPjWFoE6nQ5ZlUfNDULl0RAdSPuncddL30+gnCgOAlngLaocyn4nG9fmFJXj9fhARAMDr82MuEcfk7LSuFQu8DTvovO1SuTxlAKCqPFO5Ov/6FIIsy/qzROOdrst6S1V5xunomo0LrT4yOh4JDg6BMXfvIdvGs/mExutLPZpYnAIAdmNUVuwBbI1NRODxePEf2u0WHu9u4ev3rTLTfKBQaNh1qp5piWCa9/gGBheo3r6AmYcAAAAASUVORK5CYII=") 1.5rem bottom no-repeat;
    content: '';
    display: block;
    height: 0.5rem;
    left: 0;
    position: absolute;
    top: -0.5rem;
    width: 200px;
    z-index: 999; } }

.hover-menu {
  box-shadow: 0 2px 2px -1px #cdcdcd;
  border-radius: 10px;
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
  display: none;
  float: none;
  margin: 0;
  padding: 0.5rem 0 1rem;
  position: absolute;
  top: 40px;
  left: 0;
  width: 200px;
  z-index: 1; }
  .hover-menu::before {
    display: none; }
  .hover-menu li {
    padding: 0.5rem 0.75rem 0 0;
    font-size: .875rem; }
    .hover-menu li:last-child {
      padding-bottom: 0; }
  .hover-menu a {
    color: #111 !important; }

.p-breadcrumbs__link + .second-level-nav,
.p-breadcrumbs__link + .second-level-nav .p-breadcrumbs__link {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .p-breadcrumbs__link + .second-level-nav,
    .p-breadcrumbs__link + .second-level-nav .p-breadcrumbs__link {
      width: 100%; } }

.second-level-nav .p-breadcrumbs__link {
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

.nav-tertiary__menu .p-inline-list__item {
  font-size: .875rem; }

@media (max-width: 767px) {
  .nav-tertiary__menu .p-inline-list__item {
    padding: 0 0.5rem; } }

@media (min-width: 768px) {
  .nav-tertiary__menu {
    margin-left: 1.5rem;
    display: inline-block; }
    .nav-tertiary__menu .p-inline-list__item {
      margin-right: .75rem; } }

@media (min-width: 1030px) {
  .nav-tertiary__menu .p-inline-list__item {
    margin-right: 1.5rem; } }

.p-strip,
.p-strip--grey,
.p-strip--accent,
.p-strip--suru-accent,
.p-strip--light,
.p-strip--dark,
.p-strip--x-light {
  padding: 3.75rem 0; }
  .p-strip.is-shallow,
  .p-strip--grey.is-shallow,
  .p-strip--accent.is-shallow,
  .p-strip--suru-accent.is-shallow,
  .p-strip--light.is-shallow,
  .p-strip--dark.is-shallow,
  .p-strip--x-light.is-shallow {
    padding: 2.5rem 0; }
  .p-strip.is-x-shallow,
  .p-strip--grey.is-x-shallow,
  .p-strip--accent.is-x-shallow,
  .p-strip--suru-accent.is-x-shallow,
  .p-strip--light.is-x-shallow,
  .p-strip--dark.is-x-shallow,
  .p-strip--x-light.is-x-shallow {
    padding: 1.5rem 0; }
  .p-strip.is-deep,
  .p-strip--grey.is-deep,
  .p-strip--accent.is-deep,
  .p-strip--suru-accent.is-deep,
  .p-strip--light.is-deep,
  .p-strip--dark.is-deep,
  .p-strip--x-light.is-deep {
    padding: 2.5rem 0; }
    @media (min-width: 768px) {
      .p-strip.is-deep,
      .p-strip--grey.is-deep,
      .p-strip--accent.is-deep,
      .p-strip--suru-accent.is-deep,
      .p-strip--light.is-deep,
      .p-strip--dark.is-deep,
      .p-strip--x-light.is-deep {
        padding: 6.25rem 0; } }
  .p-strip.is-bordered,
  .p-strip--grey.is-bordered,
  .p-strip--accent.is-bordered,
  .p-strip--suru-accent.is-bordered,
  .p-strip--light.is-bordered,
  .p-strip--dark.is-bordered,
  .p-strip--x-light.is-bordered {
    border-bottom: 1px dotted #666; }

.p-strip--grey {
  background-color: #f7f7f7; }

.p-strip--accent,
.p-strip--dark, .p-strip--suru-accent {
  background-color: transparent;
  clear: both;
  padding: 2rem 0;
  width: 100%;
  background-color: #2c001e;
  color: #fff; }

.p-strip--accent .p-link--external,
.p-strip--dark .p-link--external {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/0d55fd52-external-link-white.svg");
  background-position: 100% top;
  background-repeat: no-repeat;
  background-size: .7rem .7rem;
  padding-right: .9rem; }

.p-strip--accent fieldset,
.p-strip--dark fieldset {
  background-color: #2c001e;
  border-color: #2c001e; }

@media (min-width: 768px) {
  .p-strip--suru-accent {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/728c5851-Yakkety_Yak-Wallpaper_8192x4608_aubergine_wider.jpg");
    background-repeat: no-repeat;
    background-size: cover; } }

.p-strip--x-light {
  background-color: #fff; }

.p-notification--floating {
  bottom: 0;
  left: 0.75rem;
  right: 0.75rem;
  position: fixed;
  width: auto;
  z-index: 2; }
  .p-notification--floating .p-notification {
    background-color: #fff;
    border: 0;
    border-color: #666;
    border-radius: .125rem;
    border-style: solid;
    border-top-width: 3px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
    font-size: 1rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    padding: .625rem;
    text-align: center;
    width: 100%; }
    .p-notification--floating .p-notification__response {
      background-position: 0 4px;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      margin: 0;
      text-align: left; }
    .p-notification--floating .p-notification__status {
      font-weight: 400;
      margin-right: .3125rem; }
    .p-notification--floating .p-notification__action {
      border-bottom: 0;
      margin-left: .3125rem; }
  @media (min-width: 1030px) {
    .p-notification--floating {
      left: 50%;
      margin-left: calc(1030px / -2);
      width: 1030px; } }
  .p-notification--floating__content {
    text-align: left;
    margin-bottom: 0;
    padding-right: 1.5rem; }
  .p-notification--floating__close {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/66542f40-close.svg");
    background-size: 1rem;
    height: 1rem;
    position: absolute;
    right: 0.75rem;
    text-indent: -99999px;
    top: 0.75rem;
    width: 1rem; }

.p-footer {
  border: 0;
  box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3) inset;
  padding: 0 0 2.5rem 0;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .p-footer {
      padding: 2.5rem 0; } }
  @media only screen and (max-width: 767px) {
    .p-footer__nav-col {
      width: 100%; } }
  .p-footer__nav {
    border-bottom: 1px solid #cdcdcd; }
    @media only screen and (min-width: 768px) {
      .p-footer__nav {
        border: 0; } }
  .p-footer__divider {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    border: 0;
    border-bottom: 1px dotted #000;
    border-collapse: separate; }
    @media only screen and (max-width: 767px) {
      .p-footer__divider {
        display: none; } }
  .p-footer__links {
    margin: 0;
    padding: 0; }
  .p-footer__item {
    display: block;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .p-footer__item + .p-footer__item {
        margin-top: 1.5rem; } }
  .p-footer__title {
    color: #666;
    cursor: pointer;
    line-height: 1.5;
    margin-bottom: 0;
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/7bd1bd7b-arrow_down_9fa097.svg");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    border-top: 1px solid #cdcdcd;
    font-size: .8125rem;
    padding: 0.75rem 0; }
    @media only screen and (min-width: 768px) {
      .p-footer__title {
        background: none;
        border: 0;
        color: #111;
        padding: 0 0 0.5rem; } }
    @media only screen and (min-width: 1030px) {
      .p-footer__title {
        font-size: .8125rem; } }
    .p-footer__title a:link,
    .p-footer__title a:visited {
      color: #666;
      padding-left: 0.5rem; }
      @media only screen and (min-width: 768px) {
        .p-footer__title a:link,
        .p-footer__title a:visited {
          color: #111;
          font-weight: normal;
          padding-left: 0; } }
    .p-footer__title a::after {
      content: ''; }
    .p-footer__title + .second-level-nav {
      display: none; }
      @media only screen and (min-width: 768px) {
        .p-footer__title + .second-level-nav {
          display: block; } }
    .p-footer__title.active {
      background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/43e2b367-arrow_up_9fa097.png"); }
      @media only screen and (min-width: 768px) {
        .p-footer__title.active {
          background: none; } }
      .p-footer__title.active + .second-level-nav {
        display: block; }
  @media only screen and (max-width: 767px) {
    .p-footer__container {
      padding-left: 0;
      padding-right: 0; } }
  .p-footer__link:hover {
    color: #111; }
  .p-footer .link-to-top {
    color: #666;
    cursor: pointer;
    line-height: 1.5;
    margin-bottom: 0;
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/e4a5a8c0-picto-upload-warmgrey.svg");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    border-bottom: 1px solid #666;
    display: block;
    left: auto;
    margin-bottom: -1px;
    padding: 0.75rem 0 0.75rem 2rem;
    position: relative;
    z-index: 2; }
    @media only screen and (min-width: 768px) {
      .p-footer .link-to-top {
        display: none; } }
    .p-footer .link-to-top a {
      color: #666; }
  .p-footer .second-level-nav {
    margin: 0;
    padding: 0; }
    .p-footer .second-level-nav li {
      margin-bottom: 0; }
      .p-footer .second-level-nav li a {
        border-top: 1px solid #cdcdcd;
        color: #111;
        display: block;
        font-size: .8125rem;
        padding: 0.75rem 0.75rem 0.75rem 1rem; }
        @media only screen and (min-width: 768px) {
          .p-footer .second-level-nav li a {
            border: 0;
            padding: 0 0 0.5rem; } }

.p-footer--secondary {
  padding: 1.5rem 0.75rem 0; }
  .p-footer--secondary__content {
    margin-bottom: 0.25rem; }
  @media only screen and (min-width: 768px) {
    .p-footer--secondary {
      padding: 0; } }
  .p-footer--secondary a:hover {
    color: currentColor; }
  .p-footer--secondary .p-inline-list__item {
    display: block; }
    @media only screen and (min-width: 768px) {
      .p-footer--secondary .p-inline-list__item {
        display: inline-block; } }

@media only screen and (min-width: 768px) {
  .p-inline-list-icons {
    float: right;
    padding-left: 0; } }

@media only screen and (min-width: 1030px) {
  .p-inline-list-icons {
    margin-top: 0.5rem; } }

.p-inline-list-icons {
  margin-left: 0;
  padding-left: 0; }
  .p-inline-list-icons .p-inline-list__item {
    display: inline;
    list-style: none;
    margin-right: 1.25rem;
    float: left; }
    .p-inline-list-icons .p-inline-list__item:last-of-type,
    .p-inline-list-icons .p-inline-list__item .last-item {
      margin-right: 0; }
  .p-inline-list-icons .p-inline-list_icon {
    display: block;
    height: 2rem;
    fill: #666;
    width: 2rem; }
  .p-inline-list-icons .p-inline-list__link--twitter {
    display: block;
    height: 2rem;
    fill: #666;
    width: 2rem; }
    .p-inline-list-icons .p-inline-list__link--twitter:hover .twitter-icon {
      fill: #1da1f2; }
  .p-inline-list-icons .p-inline-list__link--google {
    display: block;
    height: 2rem;
    fill: #666;
    width: 2rem; }
    .p-inline-list-icons .p-inline-list__link--google:hover .google-plus {
      fill: #dc4e41; }
  .p-inline-list-icons .p-inline-list__link--facebook {
    display: block;
    height: 2rem;
    fill: #666;
    width: 2rem; }
    .p-inline-list-icons .p-inline-list__link--facebook:hover .facebook-icon {
      fill: #3b5898; }
  .p-inline-list-icons .p-inline-list__link--linkedin {
    display: block;
    height: 2rem;
    fill: #666;
    width: 2rem; }
    .p-inline-list-icons .p-inline-list__link--linkedin:hover .linkedin-icon {
      fill: #0274b3; }

.p-inline-list--small {
  margin-left: 0;
  padding-left: 0; }
  .p-inline-list--small .p-inline-list__item {
    display: inline;
    list-style: none;
    margin-right: 1.25rem; }
    .p-inline-list--small .p-inline-list__item:last-of-type,
    .p-inline-list--small .p-inline-list__item .last-item {
      margin-right: 0; }

.p-inline-list--middot-small {
  margin-left: 0;
  padding-left: 0; }
  .p-inline-list--middot-small .p-inline-list__item {
    display: inline;
    list-style: none;
    margin-right: 1.25rem;
    position: relative; }
    .p-inline-list--middot-small .p-inline-list__item:last-of-type,
    .p-inline-list--middot-small .p-inline-list__item .last-item {
      margin-right: 0; }
    .p-inline-list--middot-small .p-inline-list__item::after {
      color: #666;
      content: '\00b7';
      font-size: 1.4rem;
      line-height: 0;
      position: absolute;
      right: -.75rem;
      top: .4rem; }
    .p-inline-list--middot-small .p-inline-list__item:hover::after {
      color: #666; }
    .p-inline-list--middot-small .p-inline-list__item:last-of-type::after,
    .p-inline-list--middot-small .p-inline-list__item .last-item::after {
      content: ''; }

.is-ticked {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7b3BhY2l0eTowLjI7ZmlsbDojMzA4MUZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fS5zdDF7b3BhY2l0eTowLjg7ZmlsbDojMzA4MUZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fS5zdDJ7b3BhY2l0eTowLjM7ZmlsbDojMzA4MUZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fS5zdDN7b3BhY2l0eTowLjU7ZmlsbDojMzA4MUZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fS5zdDR7ZmlsbDojRTk1NDIwO30uc3Q1e2ZpbGw6I0ZGRkZGRjt9LnN0NntkaXNwbGF5Om5vbmU7fTwvc3R5bGU+PHN5bWJvbCAgaWQ9IkdyaWRfMV8iIHZpZXdCb3g9Ii00OTIgLTIwMDAgOTg0IDQwMDAiPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDkyLC0yMDAwIC00OTIsLTIwMDAgLTQ5MiwyMDAwIDQ5MiwyMDAwICIvPjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iLTQ1MiwtMjAwMCAtNDkyLC0yMDAwIC00OTIsMjAwMCAtNDUyLDIwMDAgIi8+PHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI0OTIsLTIwMDAgNDUyLC0yMDAwIDQ1MiwyMDAwIDQ5MiwyMDAwICIvPjxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iLTM5NSwtMjAwMCAtNDUyLC0yMDAwIC00NTIsMjAwMCAtMzk1LDIwMDAgIi8+PHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSItMzE4LC0yMDAwIC0zNzUsLTIwMDAgLTM3NSwyMDAwIC0zMTgsMjAwMCAiLz48cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9Ii0yNDEsLTIwMDAgLTI5OCwtMjAwMCAtMjk4LDIwMDAgLTI0MSwyMDAwICIvPjxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iLTE2NCwtMjAwMCAtMjIxLC0yMDAwIC0yMjEsMjAwMCAtMTY0LDIwMDAgIi8+PHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSItODcsLTIwMDAgLTE0NCwtMjAwMCAtMTQ0LDIwMDAgLTg3LDIwMDAgIi8+PHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSItMTAsLTIwMDAgLTY3LC0yMDAwIC02NywyMDAwIC0xMCwyMDAwICIvPjxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iNjcsLTIwMDAgMTAsLTIwMDAgMTAsMjAwMCA2NywyMDAwICIvPjxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMTQ0LC0yMDAwIDg3LC0yMDAwIDg3LDIwMDAgMTQ0LDIwMDAgIi8+PHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIyMjEsLTIwMDAgMTY0LC0yMDAwIDE2NCwyMDAwIDIyMSwyMDAwICIvPjxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMjk4LC0yMDAwIDI0MSwtMjAwMCAyNDEsMjAwMCAyOTgsMjAwMCAiLz48cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjM3NSwtMjAwMCAzMTgsLTIwMDAgMzE4LDIwMDAgMzc1LDIwMDAgIi8+PHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSI0NTIsLTIwMDAgMzk1LC0yMDAwIDM5NSwyMDAwIDQ1MiwyMDAwICIvPjwvc3ltYm9sPjxnIGlkPSJCSyI+PC9nPjxnIGlkPSJDb21wIj48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSItMjgzIiBjeT0iNDIwLjkiIHI9IjciLz48cG9seWdvbiBjbGFzcz0ic3Q1IiBwb2ludHM9Ii0yODMuOSw0MjQuNyAtMjg3LjYsNDIyIC0yODYuNCw0MjAuNCAtMjg0LjEsNDIyLjEgLTI3OS43LDQxNy43IC0yNzguMyw0MTkuMSAiLz48L2c+PGcgaWQ9IkdyaWQiIGNsYXNzPSJzdDYiPjx1c2UgeGxpbms6aHJlZj0iI0dyaWRfMV8iICB3aWR0aD0iOTg0IiBoZWlnaHQ9IjQwMDAiIGlkPSJYTUxJRF83XyIgeD0iLTQ5MiIgeT0iLTIwMDAiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDg5IDExMTAuODkpIiBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTsiLz48L2c+PC9zdmc+); }

@media (min-width: 768px) {
  [class*='p-list'].is-trisected {
    display: flex;
    flex-wrap: wrap; }
    [class*='p-list'].is-trisected .p-list__item {
      width: calc(33.33% - .75rem);
      margin-right: 1rem; }
      [class*='p-list'].is-trisected .p-list__item:nth-child(3n+3) {
        margin-right: 0; }
      [class*='p-list'].is-trisected .p-list__item:nth-last-child(0) {
        border-bottom: 0; } }

@media (min-width: 768px) {
  [class*='p-list'].is-quartered {
    display: flex;
    flex-wrap: wrap; }
    [class*='p-list'].is-quartered .p-list__item {
      width: calc(25% - .5rem);
      margin-right: .5rem; }
      [class*='p-list'].is-quartered .p-list__item:nth-child(4n+4) {
        margin-right: 0; }
      [class*='p-list'].is-quartered .p-list__item:nth-last-child(0) {
        border-bottom: 0; } }

.p-nested-counter-list {
  list-style-type: none;
  counter-reset: item;
  margin-left: 0;
  padding-left: 0; }
  .p-nested-counter-list .p-nested-counter-list {
    margin-top: 0.75rem;
    padding-left: 1rem; }
  .p-nested-counter-list__item {
    counter-increment: item;
    padding-left: 0.25rem;
    padding-bottom: 0.75rem; }
    .p-nested-counter-list__item:before {
      content: counters(item, ".") ". "; }
    .p-nested-counter-list__item .p-nested-counter-list__item {
      padding-left: 0; }
      .p-nested-counter-list__item .p-nested-counter-list__item:before {
        content: counters(item, ".") " "; }

.p-list--imgstack .p-list__item {
  margin-bottom: 2.5rem; }

.p-inline-definition-list {
  margin: 0;
  padding: 0; }
  .p-inline-definition-list__title {
    border: 0;
    float: left;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 1rem 0 0;
    padding: 0; }
  .p-inline-definition-list__item {
    margin: 0; }

.p-card--ubuntu-upgrade {
  padding: 1.333rem 0; }
  .p-card--ubuntu-upgrade > .row {
    margin: 1rem 0;
    padding: 0 1.33rem; }
  .p-card--ubuntu-upgrade__footer {
    background: #f7f7f7 url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/f68488b1-picto-upgrade-warmgrey.svg") 1rem center no-repeat;
    background-size: 2.5rem 2.5rem;
    margin: 0;
    padding: 1rem 1rem 1rem 5.25rem; }

.p-card__category {
  background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/ed42aefa-icon-resource-hub-icon-document.png") left center no-repeat;
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 0 1.5rem;
  text-transform: uppercase; }
  .p-card__category > a:link,
  .p-card__category > a:visited {
    color: #666;
    text-decoration: none; }
  .p-card__category > a:hover,
  .p-card__category > a:active {
    color: #e95420;
    text-decoration: underline; }

.p-strip--accent .p-card--highlighted {
  color: #666; }
  .p-strip--accent .p-card--highlighted a:link,
  .p-strip--accent .p-card--highlighted a:visited {
    color: #e95420; }
  .p-strip--accent .p-card--highlighted a:hover,
  .p-strip--accent .p-card--highlighted a:active {
    color: #e95420;
    text-decoration: underline; }

h1.p-link--external,
h2.p-link--external,
h3.p-link--external,
h4.p-link--external,
h5.p-link--external,
h6.p-link--external {
  background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/e1bba201-external-link-cool-grey.svg") left 0.2em no-repeat;
  background-size: .85em;
  padding-left: 1em; }

.p-button--neutral .p-link--external {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/e1bba201-external-link-cool-grey.svg"); }

.p-button--brand .p-link--external {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/0d55fd52-external-link-white.svg");
  background-size: .85em; }

.p-link--grey:link, .p-link--grey:visited {
  color: #666;
  text-decoration: none; }

.p-link--grey:hover {
  text-decoration: underline; }

.no-js .contribute {
  display: none; }

.contribute__heading {
  margin-bottom: .5rem; }

.contribute__description {
  margin-bottom: 0; }

.contribute__options, form fieldset.contribute__options {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 5px; }

.contribute__option-amount {
  font-size: 16px;
  display: flex;
  margin-top: 0.5em;
  margin-bottom: 1em; }

.contribute__option-currency {
  display: inline-block;
  color: #cdcdcd;
  padding: 5px;
  order: 2; }

.contribute__option-value, input[type=number].contribute__option-value {
  padding: 4px;
  width: 55px;
  order: 3; }

.contribute__option-slider {
  order: 1;
  flex-grow: 1;
  margin-right: 16px;
  background-color: transparent; }

.contribute__equivalent {
  max-width: 350px; }
  .contribute__equivalent p {
    margin-bottom: 0; }
  .contribute__equivalent-image {
    margin-right: 20px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .contribute__equivalent-image {
        float: left; } }
  .contribute__equivalent__equivalent-price {
    color: #cdcdcd; }

.contribute__summary {
  margin-top: 40px;
  margin-bottom: 20px; }
  .no-js .contribute__summary {
    display: none; }

.contribute__total {
  float: right; }
  .contribute__total-heading {
    margin-top: -0.3em;
    margin-bottom: 0; }
  .contribute__total-currency {
    color: #cdcdcd; }

.contribute__finalise {
  padding-top: 20px; }

.contribute__submit, .contribute button.contribute__submit {
  float: right;
  margin: 0 0 .5rem 1rem;
  width: auto; }
  .contribute__submit[disabled], .contribute button[disabled].contribute__submit {
    opacity: .3; }
  .contribute__submit.hidden, .contribute button.hidden.contribute__submit {
    display: none; }

.contribute__skip.button--primary {
  float: right;
  text-indent: -1000px;
  position: relative;
  width: 15.3em; }
  .contribute__skip.button--primary::after {
    top: 0;
    left: 0;
    content: "Download Ubuntu Desktop";
    display: inline-block;
    color: #fff;
    position: absolute;
    text-indent: 0;
    padding: 11px 24px; }

[type=range] {
  -webkit-appearance: none;
  margin: 9px 0;
  background-color: transparent; }
  [type=range]:focus {
    outline: none; }
  [type=range]::-webkit-slider-runnable-track {
    height: 4px;
    cursor: pointer;
    transition: all .2s ease;
    background: #e95420;
    border-radius: 2px; }
  [type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 0 rgba(13, 13, 13, 0.4);
    border: 0 solid transparent;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px; }
  [type=range]:focus::-webkit-slider-runnable-track {
    background: #e95420; }
  [type=range]::-moz-range-track {
    height: 4px;
    cursor: pointer;
    transition: all .2s ease;
    background: #e95420;
    border-radius: 2px; }
  [type=range]::-moz-range-thumb {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 0 rgba(13, 13, 13, 0.4);
    border: 0 solid transparent;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer; }
  [type=range]::-ms-track {
    height: 4px;
    cursor: pointer;
    transition: all .2s ease;
    background: transparent;
    border-color: transparent;
    border-width: 18px 0;
    color: transparent; }
  [type=range]::-ms-fill-lower {
    background: #e95420;
    border-radius: 4px; }
  [type=range]::-ms-fill-upper {
    background: #e95420;
    border-radius: 4px; }
  [type=range]::-ms-thumb {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 0 rgba(13, 13, 13, 0.4);
    border: 0 solid transparent;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer; }
  [type=range]:focus::-ms-fill-lower {
    background: #e95420; }
  [type=range]:focus::-ms-fill-upper {
    background: #e95420; }

.p-inline-images {
  display: block;
  list-style: none;
  text-align: center; }
  .p-inline-images__item {
    display: inline-block;
    margin: 2rem;
    max-width: 6rem;
    text-align: center;
    vertical-align: middle;
    width: 100%; }
    @media (min-width: 768px) {
      .p-inline-images__item {
        margin: 3rem;
        max-width: 11.25rem; } }
    .p-inline-images__item * {
      width: 100%; }
  .p-inline-images__img {
    display: inline-block;
    margin: 2rem;
    max-width: 6rem;
    text-align: center;
    vertical-align: middle;
    width: 100%; }
    @media (min-width: 768px) {
      .p-inline-images__img {
        margin: 3rem;
        max-width: 11.25rem; } }

.p-inline-images {
  margin-left: 0;
  padding-left: 0; }
  .p-inline-images__item {
    margin: 1.875rem; }
  .p-inline-images__item--compact {
    margin: 1rem; }

.p-inline-images__logo {
  max-height: 3rem;
  max-width: 7rem;
  width: auto; }
  @media only screen and (min-width: 768px) {
    .p-inline-images__logo {
      max-height: 5.5rem;
      max-width: 9rem; } }

.p-testimonial, .p-testimonial--large {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding-left: 2rem;
  padding-right: 1.5rem;
  position: relative;
  quotes: '\201c' '\201d'; }

.p-testimonial__image, .p-testimonial__image--large {
  align-self: center;
  border-radius: 50%;
  margin-bottom: 1rem; }

.p-testimonial__quote:first-of-type::before, .p-testimonial__quote--med:first-of-type::before, .p-testimonial__quote--large:first-of-type::before, .p-testimonial__quote:last-of-type::after, .p-testimonial__quote--med:last-of-type::after, .p-testimonial__quote--large:last-of-type::after {
  color: #e95420;
  font-size: 2rem;
  font-weight: bold;
  line-height: 0;
  max-width: 1.5rem; }

.p-testimonial__quote, .p-testimonial__quote--med, .p-testimonial__quote--large {
  padding-bottom: 2rem; }
  .p-testimonial__quote:first-of-type::before, .p-testimonial__quote--med:first-of-type::before, .p-testimonial__quote--large:first-of-type::before {
    content: open-quote;
    margin-left: -1.5rem;
    margin-top: 1rem;
    position: absolute; }
  .p-testimonial__quote:last-of-type, .p-testimonial__quote--med:last-of-type, .p-testimonial__quote--large:last-of-type {
    margin-bottom: 0; }
  .p-testimonial__quote:last-of-type::after, .p-testimonial__quote--med:last-of-type::after, .p-testimonial__quote--large:last-of-type::after {
    content: close-quote;
    position: relative;
    top: 0.5rem;
    right: -0.5rem; }

.p-testimonial__citation-wrap, .p-testimonial__citation-wrap--large {
  align-self: flex-end;
  display: flex;
  line-height: 1.4;
  margin-top: auto;
  min-height: 4.5rem;
  width: 100%; }

.p-testimonial__citation, .p-testimonial__citation--large {
  display: flex;
  font-size: 1rem;
  font-style: italic; }

.p-testimonial {
  flex-direction: column; }
  .p-testimonial--large {
    flex-direction: row;
    justify-content: space-around; }
  .p-testimonial__quote {
    font-size: 1.125rem; }
  .p-testimonial__quote--med {
    font-size: 1.125rem; }
  .p-testimonial__quote--large {
    font-size: 1.375rem;
    flex: 1;
    padding-bottom: 1rem; }
    @media only screen and (min-width: 769px) {
      .p-testimonial__quote--large {
        font-size: 1 0.5rem; } }
  .p-testimonial__image {
    max-width: 4.5rem; }
  .p-testimonial__image--large {
    display: inline-block;
    max-width: 6.25rem; }
    @media only screen and (max-width: 768px) {
      .p-testimonial__image--large {
        display: block;
        margin: 0.5rem auto 0;
        width: 4.375rem; } }
  .p-testimonial__citation-wrap--large {
    align-items: center; }
  .p-testimonial__citation {
    align-items: stretch; }
  .p-testimonial__citation--large {
    align-items: center; }
  .p-testimonial__logo {
    align-self: flex-start;
    margin-right: 1rem;
    max-height: 2.5rem;
    max-width: 6.25rem; }

/*
  positions hero image on a row that overflows to the right
  for larger screens
  */
.p-hero {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  padding-bottom: 5.625rem;
  padding-top: 5.625rem;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .p-hero {
      padding: 2.5rem 0; } }
  .p-hero__item {
    margin-bottom: -5.625rem;
    overflow: visible;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .p-hero__item {
        display: none; } }
  .p-hero__image {
    margin-bottom: 0;
    max-width: none;
    margin-left: 5.625rem;
    height: 100%; }

.p-pull-quote--accent > p {
  color: #fff; }

.p-pull-quote--accent > p:first-of-type::before,
.p-pull-quote--accent > p:first-of-type::before,
.p-pull-quote--accent > p:last-of-type::after,
.p-pull-quote--accent > p:last-of-type::after {
  color: #e95420; }

.p-pull-quote--accent.is-compact .p-pull-quote__item,
.p-pull-quote.is-compact .p-pull-quote__item, .is-compact.p-pull-quote--accent .p-pull-quote__item {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  margin-top: 0; }
  .p-pull-quote--accent.is-compact .p-pull-quote__item:first-of-type::before, .p-pull-quote--accent.is-compact .p-pull-quote__item:last-of-type::after,
  .p-pull-quote.is-compact .p-pull-quote__item:first-of-type::before, .is-compact.p-pull-quote--accent .p-pull-quote__item:first-of-type::before,
  .p-pull-quote.is-compact .p-pull-quote__item:last-of-type::after, .is-compact.p-pull-quote--accent .p-pull-quote__item:last-of-type::after {
    font-size: 1rem; }
    @media (min-width: 768px) {
      .p-pull-quote--accent.is-compact .p-pull-quote__item:first-of-type::before, .p-pull-quote--accent.is-compact .p-pull-quote__item:last-of-type::after,
      .p-pull-quote.is-compact .p-pull-quote__item:first-of-type::before, .is-compact.p-pull-quote--accent .p-pull-quote__item:first-of-type::before,
      .p-pull-quote.is-compact .p-pull-quote__item:last-of-type::after, .is-compact.p-pull-quote--accent .p-pull-quote__item:last-of-type::after {
        font-size: 1.5rem; } }
    @media (min-width: 1030px) {
      .p-pull-quote--accent.is-compact .p-pull-quote__item:first-of-type::before, .p-pull-quote--accent.is-compact .p-pull-quote__item:last-of-type::after,
      .p-pull-quote.is-compact .p-pull-quote__item:first-of-type::before, .is-compact.p-pull-quote--accent .p-pull-quote__item:first-of-type::before,
      .p-pull-quote.is-compact .p-pull-quote__item:last-of-type::after, .is-compact.p-pull-quote--accent .p-pull-quote__item:last-of-type::after {
        font-size: 2rem; } }
  .p-pull-quote--accent.is-compact .p-pull-quote__item:first-of-type::before,
  .p-pull-quote.is-compact .p-pull-quote__item:first-of-type::before, .is-compact.p-pull-quote--accent .p-pull-quote__item:first-of-type::before {
    margin-left: -1.3rem;
    padding-right: 0.5rem;
    top: 0; }
  .p-pull-quote--accent.is-compact .p-pull-quote__item:last-of-type::after,
  .p-pull-quote.is-compact .p-pull-quote__item:last-of-type::after, .is-compact.p-pull-quote--accent .p-pull-quote__item:last-of-type::after {
    line-height: .4; }

.p-pull-quote--accent.is-compact .p-pull-quote__citation,
.p-pull-quote.is-compact .p-pull-quote__citation, .is-compact.p-pull-quote--accent .p-pull-quote__citation {
  font-size: 1rem;
  line-height: 1.15;
  margin-top: 2rem; }

.u-full-width {
  width: 100%; }

.p-matrix {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media (min-width: 620px) {
    .p-matrix {
      display: flex;
      flex-wrap: wrap; } }
  .p-matrix__item {
    border-top: 1px dotted #666;
    padding: 1rem; }
    .p-matrix__item:empty {
      display: none; }
    .p-matrix__item:first-child {
      border-top: 0; }
    @media (min-width: 620px) {
      .p-matrix__item {
        border-right: 1px dotted #666;
        border-top: 1px dotted #666;
        margin-bottom: 0;
        padding-right: 1rem;
        width: calc(33.333% - .666666rem); }
        .p-matrix__item:empty {
          display: block; }
        .p-matrix__item:nth-child(-n+3) {
          border-top: 0; }
        .p-matrix__item:nth-child(2n) {
          border-right: 1px dotted #666;
          padding-right: 1rem; }
        .p-matrix__item:nth-child(3n) {
          border-right: 0;
          padding-right: 0; } }
  .p-matrix__img, .p-matrix__content {
    display: inline-block;
    float: left; }
  .p-matrix__img {
    margin-right: 1rem;
    max-width: calc(30% - 1rem); }
  .p-matrix__content {
    max-width: 70%; }
  .p-matrix__title {
    margin-bottom: 0.5rem; }
  .p-matrix__desc {
    margin-bottom: 0; }
  .p-matrix__link {
    border-bottom: 0; }

@media (min-width: 620px) {
  .p-matrix__item {
    border: 0;
    width: 100%; } }

@media (min-width: 620px) {
  .p-matrix.is-split .p-matrix__item {
    width: calc(50% - .666666rem); }
    .p-matrix.is-split .p-matrix__item:nth-child(-n+1) {
      border-top: 0; }
    .p-matrix.is-split .p-matrix__item:nth-child(n+1) {
      border-right: 1px dotted #666;
      padding-right: 1rem; }
    .p-matrix.is-split .p-matrix__item:nth-child(n+3) {
      border-top: 1px dotted #666; }
    .p-matrix.is-split .p-matrix__item:nth-child(2n) {
      border-right: 0;
      padding-right: 0; } }

@media (min-width: 620px) {
  .p-matrix.is-trisected .p-matrix__item {
    width: calc(33.333% - .666666rem); }
    .p-matrix.is-trisected .p-matrix__item:nth-child(-n+3) {
      border-top: 0; }
    .p-matrix.is-trisected .p-matrix__item:nth-child(n) {
      border-bottom: 1px dotted #666;
      border-right: 1px dotted #666;
      padding-right: 1rem; }
    .p-matrix.is-trisected .p-matrix__item:nth-child(3n+1):nth-last-child(-n+3),
    .p-matrix.is-trisected .p-matrix__item:nth-child(3n+1):nth-last-child(-n+3) ~ li {
      border-bottom: 0; }
    .p-matrix.is-trisected .p-matrix__item:nth-child(3n) {
      border-right: 0;
      padding-right: 0; } }

@media (min-width: 620px) {
  .p-matrix.is-quartered .p-matrix__item {
    width: calc(25% - .666666rem); }
    .p-matrix.is-quartered .p-matrix__item:nth-child(-n+4) {
      border-top: 0; }
    .p-matrix.is-quartered .p-matrix__item:nth-child(n) {
      border-bottom: 1px dotted #666;
      border-right: 1px dotted #666;
      padding-right: 1rem; }
    .p-matrix.is-quartered .p-matrix__item:nth-child(4n+1):nth-last-child(-n+4),
    .p-matrix.is-quartered .p-matrix__item:nth-child(4n+1):nth-last-child(-n+4) ~ li {
      border-bottom: 0; }
    .p-matrix.is-quartered .p-matrix__item:nth-child(4n) {
      border-right: 0;
      padding-right: 0; } }

.p-contextual-footer {
  border-top: 3px solid #e95420; }
  .p-contextual-footer__image {
    max-height: 90px; }

.ubuntu-pie {
  margin: 7% auto;
  max-width: 21.875rem; }
  .ubuntu-pie .other-label {
    fill: #666; }
  .ubuntu-pie .ubuntu {
    fill: #e95420; }
  .ubuntu-pie .other {
    fill: transparent; }
  .ubuntu-pie svg tspan {
    max-width: 0;
    text-align: center;
    text-transform: capitalize; }
  .ubuntu-pie .ubuntu-label {
    fill: #fff; }

.cloud-tools {
  display: none; }
  @media only screen and (min-width: 900px) {
    .cloud-tools {
      display: block;
      left: 0;
      position: absolute;
      top: -30px;
      width: 100%;
      z-index: 1; }
      .cloud-tools__container {
        background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/79729d72-products-hero-background.png") -100px 0 no-repeat;
        height: 550px;
        position: absolute;
        right: 20px;
        top: -10px;
        width: 506px; } }
    @media only screen and (min-width: 900px) and (min-width: 1030px) {
      .cloud-tools__container {
        right: 0; } }
  @media only screen and (min-width: 900px) {
      .cloud-tools__item {
        animation: scaleInPop 0.2s forwards, fadeIn 0.2s linear forwards;
        background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/73006c5b-products-hero-phone.svg") no-repeat;
        background-size: 66px 66px;
        height: 66px;
        opacity: 0;
        position: absolute;
        text-indent: -999rem;
        width: 66px; }
        .cloud-tools__item--line {
          animation: fadeIn 0.3s linear forwards;
          content: ' ';
          display: block;
          position: absolute; }
          .cloud-tools__item--line-four, .cloud-tools__item--line-one {
            animation-delay: 1.85s;
            background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/ec446611-partners-hero-line-vertical.png");
            height: 52px;
            left: 287px;
            top: 137px;
            width: 2px; }
          .cloud-tools__item--line-five, .cloud-tools__item--line-two {
            animation-delay: 2s;
            background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/4fc1680b-partners-hero-line-diagonal.png");
            height: 38px;
            left: 345px;
            top: 175px;
            width: 38px; }
          .cloud-tools__item--line-six, .cloud-tools__item--line-three {
            animation-delay: 2.15s;
            background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/d505cff1-partners-hero-line-horizontal.png");
            height: 2px;
            left: 369px;
            top: 277px;
            width: 52px; }
          .cloud-tools__item--line-four {
            animation-delay: 2.3s;
            left: 296px;
            top: 347px; }
          .cloud-tools__item--line-five {
            animation-delay: 2.45s;
            left: 201px;
            top: 328px; }
          .cloud-tools__item--line-six {
            animation-delay: 2.6s;
            left: 159px;
            top: 273px; }
        .cloud-tools__item--one {
          animation-delay: 1.6s;
          background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/a7916513-picto-openstack.svg");
          left: 257px;
          top: 55px; }
        .cloud-tools__item--two {
          animation-delay: 1.85s;
          background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/999949f8-picto-startfirst-midaubergine.svg");
          left: 384px;
          top: 108px; }
        .cloud-tools__item--three {
          animation-delay: 2s;
          background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/60bd6cf1-picto-juju.svg");
          left: 447px;
          top: 245px; }
        .cloud-tools__item--four {
          animation-delay: 2.15s;
          background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/261ad7cb-picto-maas.svg");
          left: 267px;
          top: 425px; }
        .cloud-tools__item--five {
          animation-delay: 2.3s;
          background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/50c0306d-image-picto-landscape.svg");
          left: 126px;
          top: 372px; }
        .cloud-tools__item--six {
          animation-delay: 2.45s;
          background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/c986edab-picto-cloud-midaubergine-solid.svg");
          left: 70px;
          top: 245px; }
        .cloud-tools__item--seven {
          animation: scaleIn 0.3s forwards, fadeIn 0.6s linear forwards, rotateIn 3.0s ease-out forwards;
          animation-delay: 1s;
          background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/c4f35e06-partners-hero-ubuntu.svg") no-repeat;
          left: 220px;
          top: 198px;
          height: 140px;
          width: 140px; } }

.p-gaming {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/126ebaea-borderlands.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 488px;
  padding-bottom: 0;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .p-gaming__content {
      position: relative;
      margin-top: 30%;
      z-index: 3000; } }
  @media only screen and (min-width: 1030px) {
    .p-gaming__content {
      margin-bottom: 2.5rem; } }
  .p-gaming__flash {
    animation: flash-sign 10s infinite;
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/30d55ce9-borderlands-flash.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000; }

.borderlands {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1000; }

@media only screen and (min-width: 768px) {
  .p-strip-photos__container {
    margin-top: 21.25rem; } }

@media only screen and (min-width: 768px) {
  .p-strip-photos__credit {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #f7f7f7;
    margin-top: -3rem;
    padding: 0.75rem; } }

@media only screen and (min-width: 768px) {
  .p-strip-photos.photo-1 {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/6c84454e-desktop-photos-1.jpg");
    background-size: cover; } }

@media only screen and (min-width: 768px) {
  .p-strip-photos.photo-2 {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/25593e05-desktop-photos-2.jpg");
    background-size: cover; } }

@media only screen and (min-width: 768px) {
  .p-strip-photos.photo-3 {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/a6e14067-desktop-photos-3.jpg");
    background-size: cover; } }

@media only screen and (min-width: 769px) {
  .p-ubuntu-intro {
    clear: both;
    display: flex;
    margin-bottom: .625rem; } }

.p-ubuntu-intro__list {
  text-align: center;
  float: left;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .p-ubuntu-intro__list {
      margin: 0;
      padding-bottom: 0; } }

.p-ubuntu-intro__list-item {
  display: inline-block;
  float: left;
  margin-right: 0;
  text-align: center;
  position: relative;
  width: 50%; }
  .p-ubuntu-intro__list-item:first-of-type .p-ubuntu-intro__link:before,
  .p-ubuntu-intro__list-item:last-of-type .p-ubuntu-intro__link:after {
    background: 0; }
  @media only screen and (max-width: 768px) {
    .p-ubuntu-intro__list-item {
      width: 32%; } }
  @media only screen and (max-width: 667px) and (orientation: landscape) {
    .p-ubuntu-intro__list-item {
      width: 20%; } }
  @media only screen and (min-width: 768px) {
    .p-ubuntu-intro__list-item {
      width: 7.5625rem; } }
  @media only screen and (min-width: 1030px) {
    .p-ubuntu-intro__list-item {
      width: 10.25rem; } }

.p-ubuntu-intro__link {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 6rem;
  color: #666;
  display: block;
  line-height: 1.3;
  overflow: visible;
  padding-top: 7.1875rem;
  text-align: center;
  text-decoration: none;
  position: relative;
  width: 100%; }
  .p-ubuntu-intro__link:visited {
    color: #666; }
  @media only screen and (min-width: 768px) {
    .p-ubuntu-intro__link:hover {
      display: block;
      text-decoration: underline; } }
  @media only screen and (min-width: 1030px) {
    .p-ubuntu-intro__link:before, .p-ubuntu-intro__link:after {
      display: block;
      background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/e5e0fe8e-image-intro-dots-grey.svg") repeat-x right center;
      background-size: .625rem;
      content: "";
      position: absolute;
      top: 3.75rem; }
    .p-ubuntu-intro__link:before {
      height: 5.875rem;
      left: 0;
      width: 3.75rem;
      background-size: 1.125rem;
      background-repeat: no-repeat; }
    .p-ubuntu-intro__link:after {
      height: 5.875rem;
      right: 0;
      width: 4rem; } }
  @media only screen and (min-width: 769px) {
    .p-ubuntu-intro__link {
      padding-top: 11.875rem; } }
  .p-ubuntu-intro__link--cloud {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/23137566-cloud.svg"); }
    .p-ubuntu-intro__link--cloud:before {
      width: 2.3125rem; }
    .p-ubuntu-intro__link--cloud:after {
      right: -1.5rem;
      width: 3.125rem; }
  .p-ubuntu-intro__link--server {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/daeaa851-server.svg");
    background-size: 5rem; }
    .p-ubuntu-intro__link--server:before {
      width: 2.5rem; }
    .p-ubuntu-intro__link--server:after {
      right: -1.625rem;
      width: 3.8125rem; }
  .p-ubuntu-intro__link--desktop {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/d1978b1b-laptop.svg"); }
    .p-ubuntu-intro__link--desktop:before {
      width: 2.375rem; }
    .p-ubuntu-intro__link--desktop:after {
      right: -1.5rem;
      width: 3.4375rem; }
  .p-ubuntu-intro__link--phone {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/c2a5e744-phone.svg");
    background-size: 3.125rem; }
    .p-ubuntu-intro__link--phone:before {
      width: 3.625rem; }
    .p-ubuntu-intro__link--phone:after {
      right: 1.25rem;
      width: 1.9375rem; }
  .p-ubuntu-intro__link--containers {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/dead5f08-containers.svg");
    background-size: 5rem; }
    .p-ubuntu-intro__link--containers:before {
      width: 2.6875rem; }
    .p-ubuntu-intro__link--containers:after {
      right: -1.25rem;
      width: 3.125rem; }
  .p-ubuntu-intro__link--iot {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/91c70f10-iot.svg");
    background-size: 5.3125rem; }
    .p-ubuntu-intro__link--iot:before {
      width: 2.625rem; }
    .p-ubuntu-intro__link--iot:after {
      right: 1.25rem;
      width: .9375rem; }

.p-takeunder--left, .p-takeunder--right {
  border-radius: .125rem;
  color: #fff;
  padding: 2rem; }
  @media only screen and (min-width: 768px) {
    .p-takeunder--left, .p-takeunder--right {
      padding: 2rem 0; } }

.p-takeunder--left {
  margin-left: -1 rem; }
  @media only screen and (min-width: 768px) {
    .p-takeunder--left {
      padding: 1rem; } }

.p-takeunder--right {
  margin-right: -1 rem; }
  @media only screen and (min-width: 768px) {
    .p-takeunder--right {
      padding: 1rem; } }

.p-takeunder a:link,
.p-takeunder a:visited {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .p-navigation {
    border: 0; } }

.homepage-kubernetes-webinar .p-takeover {
  background-color: #326CE5; }
  @media (min-width: 768px) {
    .homepage-kubernetes-webinar .p-takeover {
      background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/d78fd77e-kubernetes-patter-for-takeover.svg");
      background-position: 60% 50%;
      background-size: 1300px;
      margin: 2rem;
      width: auto; } }
  @media (min-width: 1200px) {
    .homepage-kubernetes-webinar .p-takeover {
      background-position: 50% 50%;
      background-size: 1866px; } }

@media (min-width: 768px) {
  .p-navigation__links .p-navigation__link {
    background: none;
    border-left: 1px solid #ee784e;
    border-bottom: none; }
    .p-navigation__links .p-navigation__link:last-child {
      border-right: none; }
    .p-navigation__links .p-navigation__link a {
      color: #f7f7f7; } }

@media (min-width: 768px) {
  .p-navigation:target .p-navigation__toggle--close {
    display: none !important; } }

@media only screen and (max-width: 770px) {
  #nav-global ul .more {
    min-width: 55px; } }

@media (min-width: 768px) {
  #nav-global ul ul {
    top: 15px; } }

.p-button--neutral.is-compact {
  padding: 0.5rem 0.75rem; }

.p-button--brand {
  color: #fff; }
  .p-button--brand:link, .p-button--brand:visited, .p-button--brand:active, .p-button--brand:hover {
    color: #fff; }

.u-vertically-spaced {
  padding-bottom: 1rem;
  padding-top: 1rem; }

@media (min-width: 768px) {
  .u-padding-bottom {
    padding-bottom: 1rem; } }

@media (min-width: 768px) {
  .u-padding-bottom--large {
    padding-bottom: 1.5rem; } }

@media (min-width: 768px) {
  .u-padding-bottom--x-large {
    padding-bottom: 2rem; } }

.p-button--brand[type=submit] {
  background-color: #e95420;
  border-color: #e95420; }
  .p-button--brand[type=submit]:hover, .p-button--brand[type=submit]:active {
    background-color: #c34113;
    border-color: #c34113; }

abbr[title] {
  text-decoration: none; }
  abbr[title]:hover {
    text-decoration: underline dotted; }

li:not(.p-breadcrumbs__item) ol, li:not(.p-breadcrumbs__item) ul, li:not(.p-breadcrumbs__item) .p-list {
  margin-top: 1rem;
  padding-left: 1rem; }

.table__wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 2.5rem 0;
  width: 100; }

fieldset + fieldset {
  margin-top: 1.5rem; }

.p-heading--muted {
  color: #111;
  font-size: 0.875rem;
  text-transform: uppercase; }

.p-heading--insights__title {
  color: #111;
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase; }
  .p-heading--insights__title a:link,
  .p-heading--insights__title a:visited {
    color: #111; }

.p-heading-icon__img {
  align-self: flex-start; }

body.has-background {
  background-color: #f7f7f7;
  background-image: url(https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/f8a323a7-image-background-paper.png?w=768);
  background-position: center top;
  background-repeat: repeat-y; }
  @media (min-width: 768px) {
    body.has-background {
      background-image: url(https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://assets.ubuntu.com/v1/f8a323a7-image-background-paper.png); } }

ul.p-list ul.p-list {
  list-style-type: circle; }
  ul.p-list ul.p-list ul.p-list {
    list-style-type: disc; }

.p-list-step__content ul.p-list {
  list-style-type: disc; }

.p-list-step__bullet {
  padding: .65rem .4rem; }

.p-code-snippet,
pre {
  margin-bottom: 1.5rem; }
  p + .p-code-snippet, p +
  pre {
    margin-top: -0.75rem; }

.p-pull-quote > p:first-of-type::before, .p-pull-quote--accent > p:first-of-type::before,
.p-pull-quote--accent > p:first-of-type::before,
.p-pull-quote > p:last-of-type::after, .p-pull-quote--accent > p:last-of-type::after,
.p-pull-quote--accent > p:last-of-type::after {
  color: #e95420; }

.p-list-flex {
  display: flex;
  flex-wrap: wrap; }
  .p-list-flex__item {
    margin-bottom: 16px;
    margin-right: 18px;
    max-height: 172px;
    max-width: 142px; }

sup {
  font-size: .75em;
  vertical-align: baseline; }

.u-responsive-image {
  width: 65%; }
  @media (min-width: 768px) {
    .u-responsive-image {
      width: 90%; } }
  @media (min-width: 1030px) {
    .u-responsive-image {
      width: 100%; } }

.u-less-margin--bottom {
  margin-bottom: .5rem; }
  @media (min-width: 768px) {
    .u-less-margin--bottom {
      margin-bottom: 1rem; } }