/* line 8, D:/Sites/styleguide/public/assets/styles/main.scss */
:root {
  --sea: #339966;
  --sea-pale: #C2E0D1;
  --persian: #009595;
  --persian-pale: #F7FCFC;
  --turquoise: #36C9C9;
  --turquoise-pale: #C3EFEF;
  --jaffa: #f07B41;
  --jaffa-pale: #FBD7C6;
  --purple: #9b51e0;
  --purple-pale: #E1CBF6;
  --black: #222;
}

/*Demo */
/* line 23, D:/Sites/styleguide/public/assets/styles/main.scss */
.code {
  font-family: monospace;
  text-align: left;
  background: #efefef;
  padding: 5px 10px;
  font-size: 12px !important;
}

/* line 31, D:/Sites/styleguide/public/assets/styles/main.scss */
.demo-section {
  margin-top: 1.5rem;
}

/* line 34, D:/Sites/styleguide/public/assets/styles/main.scss */
.demo-row {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: .5rem;
}

/* line 39, D:/Sites/styleguide/public/assets/styles/main.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 42, D:/Sites/styleguide/public/assets/styles/main.scss */
pre {
  background: #e4e4e4;
  text-align: left;
  padding: 10px;
}

/* line 48, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo {
  margin: 10px 0 30px;
}

/* line 51, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .snippet-demo {
  background-color: rgba(80, 200, 70, 0.2);
  padding: 10px 0;
}

/* line 54, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .snippet-demo.demo-margin {
  background-color: rgba(239, 143, 81, 0.2);
}

/* line 58, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .snippet-demo.img-wrapper {
  margin: 0;
}

/* line 62, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo h1,
.code-demo h2,
.code-demo h3,
.code-demo h4,
.code-demo p,
.code-demo li,
.code-demo a {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

/* line 73, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .snippet {
  display: inline-block;
  margin-bottom: 15px;
}

/* line 77, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .snippet-platform {
  display: flex;
  justify-content: flex-start;
  margin: 15px 0;
}

/* line 81, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .snippet-platform .code {
  margin: 0 10px;
}

/* line 83, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .snippet-platform .code:first-of-type {
  margin-left: 0;
}

/* line 88, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .button-padding {
  padding: 10px 15px;
  border-radius: 5px;
}

/* line 93, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .demo-button {
  font-size: 16px;
}

@media (min-width: 768px) {
  /* line 93, D:/Sites/styleguide/public/assets/styles/main.scss */
  .code-demo .demo-button {
    font-size: 14px;
  }
}

/* line 99, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .demo .button {
  margin: 5px;
  display: inline-block;
}

/* line 103, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .demo h5 {
  margin-bottom: 10px;
}

/* line 106, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .button {
  font-size: 16px;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  transition: all .15s ease;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  /* line 106, D:/Sites/styleguide/public/assets/styles/main.scss */
  .code-demo .button {
    font-size: 14px;
  }
}

/* line 117, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .button:hover {
  text-decoration: none;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

/* line 123, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .sea-button {
  background: var(--sea);
}

/* line 125, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .sea-button:hover {
  background: var(--sea-pale);
}

/* line 129, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .persian-button {
  background: var(--persian);
}

/* line 131, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .persian-button:hover {
  background: var(--persian-pale);
}

/* line 135, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .turquoise-button {
  background: var(--turquoise);
}

/* line 137, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .turquoise-button:hover {
  background: var(--turquoise-pale);
}

/* line 141, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .jaffa-button {
  background: var(--jaffa);
}

/* line 143, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .jaffa-button:hover {
  background: var(--jaffa-pale);
}

/* line 147, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .purple-button {
  background: var(--purple);
}

/* line 149, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .purple-button:hover {
  background: var(--purple-pale);
}

/* line 153, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .primary-button {
  background: var(--sea);
}

/* line 155, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .primary-button:hover {
  color: var(--sea);
  border: 1px solid var(--sea);
  background: #fff;
}

/* line 160, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .primary-button.outline {
  color: var(--sea);
  background: #fff;
  border: 1px solid var(--sea);
  border-radius: 5px;
}

/* line 165, D:/Sites/styleguide/public/assets/styles/main.scss */
.code-demo .primary-button.outline:hover {
  background: var(--sea);
  color: #fff;
}

/*Demo */
/* line 174, D:/Sites/styleguide/public/assets/styles/main.scss */
.button {
  font-size: 16px;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  transition: all .15s ease;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  /* line 174, D:/Sites/styleguide/public/assets/styles/main.scss */
  .button {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  /* line 174, D:/Sites/styleguide/public/assets/styles/main.scss */
  .button {
    font-size: 16px;
  }
}

/* line 188, D:/Sites/styleguide/public/assets/styles/main.scss */
.button:hover {
  text-decoration: none;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

/* line 196, D:/Sites/styleguide/public/assets/styles/main.scss */
.sea-button {
  background: var(--sea);
}

/* line 198, D:/Sites/styleguide/public/assets/styles/main.scss */
.sea-button:hover {
  background: var(--sea-pale);
}

/* line 202, D:/Sites/styleguide/public/assets/styles/main.scss */
.persian-button {
  background: var(--persian);
}

/* line 204, D:/Sites/styleguide/public/assets/styles/main.scss */
.persian-button:hover {
  background: var(--persian-pale);
}

/* line 208, D:/Sites/styleguide/public/assets/styles/main.scss */
.turquoise-button {
  background: var(--turquoise);
}

/* line 210, D:/Sites/styleguide/public/assets/styles/main.scss */
.turquoise-button:hover {
  background: var(--turquoise-pale);
}

/* line 214, D:/Sites/styleguide/public/assets/styles/main.scss */
.jaffa-button {
  background: var(--jaffa);
}

/* line 216, D:/Sites/styleguide/public/assets/styles/main.scss */
.jaffa-button:hover {
  background: var(--jaffa-pale);
}

/* line 220, D:/Sites/styleguide/public/assets/styles/main.scss */
.purple-button {
  background: var(--purple);
}

/* line 222, D:/Sites/styleguide/public/assets/styles/main.scss */
.purple-button:hover {
  background: var(--purple-pale);
}

/* line 226, D:/Sites/styleguide/public/assets/styles/main.scss */
.primary-button {
  background: var(--sea);
}

/* line 228, D:/Sites/styleguide/public/assets/styles/main.scss */
.primary-button:hover {
  color: var(--sea);
  border: 1px solid var(--sea);
  background: #fff;
}

/* line 233, D:/Sites/styleguide/public/assets/styles/main.scss */
.primary-button.outline {
  color: var(--sea);
  background: #fff;
  border: 1px solid var(--sea);
  border-radius: 5px;
}

/* line 238, D:/Sites/styleguide/public/assets/styles/main.scss */
.primary-button.outline:hover {
  background: var(--sea);
  color: #fff;
}

/* line 245, D:/Sites/styleguide/public/assets/styles/main.scss */
.label {
  position: relative;
  padding-left: calc( 1rem + .3em);
}

/* line 249, D:/Sites/styleguide/public/assets/styles/main.scss */
.label:before {
  position: absolute;
  content: '';
  display: block;
  width: 5px;
  height: 82%;
  left: 0;
  top: 0;
  background: #000;
}

/* line 259, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.full-label:before {
  height: 100%;
}

/* line 262, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.sea-label:before {
  background: var(--sea);
}

/* line 265, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.persian-label:before {
  background: var(--persian);
}

/* line 268, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.turquoise-label:before {
  background: var(--turquoise);
}

/* line 271, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.jaffa-label:before {
  background: var(--jaffa);
}

/* line 274, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.elite-label:before {
  background: var(--jaffa);
}

/* line 277, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.purple-label:before {
  background: var(--purple);
}

/* line 280, D:/Sites/styleguide/public/assets/styles/main.scss */
.label.neulive-label:before {
  background: var(--purple);
}

/* line 285, D:/Sites/styleguide/public/assets/styles/main.scss */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #fff;
  color: black;
  font-family: 'Inter', sans-serif;
}

/* line 292, D:/Sites/styleguide/public/assets/styles/main.scss */
body.overflow {
  overflow: hidden;
}

/* line 294, D:/Sites/styleguide/public/assets/styles/main.scss */
body.overflow:after {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: fixed;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
}

/* line 305, D:/Sites/styleguide/public/assets/styles/main.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: var(--black);
}

/* line 309, D:/Sites/styleguide/public/assets/styles/main.scss */
h1.highlight, h2.highlight, h3.highlight, h4.highlight, h5.highlight, h6.highlight {
  color: var(--sea);
}

/* line 313, D:/Sites/styleguide/public/assets/styles/main.scss */
.not-that-strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

/* line 317, D:/Sites/styleguide/public/assets/styles/main.scss */
.mb-0 {
  margin-bottom: 0;
}

/* line 318, D:/Sites/styleguide/public/assets/styles/main.scss */
.mb-138 {
  margin-bottom: 1.38rem;
}

/* line 319, D:/Sites/styleguide/public/assets/styles/main.scss */
h1 {
  font-size: 2.2rem;
}

/* line 320, D:/Sites/styleguide/public/assets/styles/main.scss */
h2 {
  font-size: 1.8rem;
}

/* line 321, D:/Sites/styleguide/public/assets/styles/main.scss */
h2.sub {
  font-size: 1.375rem;
  font-weight: 300;
}

/* line 322, D:/Sites/styleguide/public/assets/styles/main.scss */
h3 {
  font-size: 1.5rem;
}

/* line 323, D:/Sites/styleguide/public/assets/styles/main.scss */
h4 {
  font-size: 1rem;
}

/* line 324, D:/Sites/styleguide/public/assets/styles/main.scss */
p {
  font-size: 1.32rem;
  line-height: 1.4;
  font-family: 'Inter', sans-serif;
  color: #222;
}

/* line 325, D:/Sites/styleguide/public/assets/styles/main.scss */
a {
  color: #222;
}

/* line 326, D:/Sites/styleguide/public/assets/styles/main.scss */
a:hover {
  color: #000;
}

/* line 327, D:/Sites/styleguide/public/assets/styles/main.scss */
a[data-toggle='collapse'],
a[data-toggle='dropdown'] {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 333, D:/Sites/styleguide/public/assets/styles/main.scss */
a[data-toggle='collapse']:after,
a[data-toggle='dropdown']:after {
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  background: url(../images/expand.svg) no-repeat center/contain;
  transition: transform .25s ease;
  border: none;
}

/* line 343, D:/Sites/styleguide/public/assets/styles/main.scss */
strong {
  font-weight: 600;
}

/* line 344, D:/Sites/styleguide/public/assets/styles/main.scss */
.small {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

/* line 345, D:/Sites/styleguide/public/assets/styles/main.scss */
.smaller {
  font-size: .81rem;
  line-height: 1.48;
  letter-spacing: -0.01em;
}

/* line 346, D:/Sites/styleguide/public/assets/styles/main.scss */
.link {
  color: var(--black);
  text-decoration: underline;
}

/* line 347, D:/Sites/styleguide/public/assets/styles/main.scss */
footer {
  padding-top: 1.8rem;
  color: #fff;
  background: #111;
}

/* line 351, D:/Sites/styleguide/public/assets/styles/main.scss */
footer .outline {
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-flex;
  padding: .6rem;
  margin-bottom: 1.25rem;
}

/* line 358, D:/Sites/styleguide/public/assets/styles/main.scss */
footer h1, footer h2, footer h3, footer a, footer p, footer .small {
  color: #fff;
  line-height: 1.8;
}

/* line 359, D:/Sites/styleguide/public/assets/styles/main.scss */
footer ul {
  padding: 0;
  margin-bottom: 1.5rem;
  list-style: none;
}

/* line 360, D:/Sites/styleguide/public/assets/styles/main.scss */
footer h3 {
  margin-bottom: 1.15rem;
}

/* line 361, D:/Sites/styleguide/public/assets/styles/main.scss */
footer li {
  padding: 0 15px;
  margin-bottom: .5rem;
}

/* line 365, D:/Sites/styleguide/public/assets/styles/main.scss */
footer .social-icons, footer .info {
  margin-left: 1rem;
}

/* line 367, D:/Sites/styleguide/public/assets/styles/main.scss */
footer .social-icons a, footer .info a {
  margin: 0 .5rem;
}

/* line 369, D:/Sites/styleguide/public/assets/styles/main.scss */
footer .info {
  margin-bottom: 1.85rem;
}

/* line 372, D:/Sites/styleguide/public/assets/styles/main.scss */
footer .copyright {
  background: var(--black);
  padding: 1.8rem 0;
}

@media (min-width: 768px) {
  /* line 378, D:/Sites/styleguide/public/assets/styles/main.scss */
  h1 {
    font-size: 3rem;
  }
  /* line 379, D:/Sites/styleguide/public/assets/styles/main.scss */
  h2 {
    font-size: 2.2rem;
  }
  /* line 380, D:/Sites/styleguide/public/assets/styles/main.scss */
  h2.sub {
    font-size: 1.875rem;
  }
}

/* line 383, D:/Sites/styleguide/public/assets/styles/main.scss */
#content {
  flex-grow: 1;
  margin-top: 3rem;
}

/* line 388, D:/Sites/styleguide/public/assets/styles/main.scss */
footer.site-footer {
  margin-top: 3rem;
  background-color: lightgreen;
  padding: 1.5rem 0;
  color: #fff;
}

@media (prefers-color-scheme: dark) {
  /* line 396, D:/Sites/styleguide/public/assets/styles/main.scss */
  body {
    background: #fff;
    color: #000;
  }
  /* line 400, D:/Sites/styleguide/public/assets/styles/main.scss */
  .code {
    color: #333;
    background: lightgrey;
  }
  /* line 404, D:/Sites/styleguide/public/assets/styles/main.scss */
  .code-demo h1, .code-demo h2, .code-demo p, .code-demo li, .code-demo a {
    background-color: rgba(255, 255, 255, 0.4);
  }
  /* line 407, D:/Sites/styleguide/public/assets/styles/main.scss */
  .code-demo .snippet-demo {
    background-color: rgba(80, 200, 70, 0.5);
  }
  /* line 410, D:/Sites/styleguide/public/assets/styles/main.scss */
  hr {
    border-top-color: rgba(255, 255, 255, 0.3);
  }
  /* line 411, D:/Sites/styleguide/public/assets/styles/main.scss */
  h1, h2, h3, h4, h5, h6, p, .link, a {
    color: #000;
  }
}

/* line 417, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .brand {
  width: 75px;
  height: 35px;
  display: block;
  background: url("../images/logo.svg");
}

/* line 423, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .brand span {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* line 437, D:/Sites/styleguide/public/assets/styles/main.scss */
.sidebar {
  display: flex;
  position: fixed;
  height: 50vh;
  left: 0;
  top: 25vh;
  padding: 1rem;
}

/* line 444, D:/Sites/styleguide/public/assets/styles/main.scss */
.sidebar .nav {
  flex-direction: column;
}

/* line 448, D:/Sites/styleguide/public/assets/styles/main.scss */
.dropdown-menu {
  background: #fff;
  box-shadow: 0 2px 5px 1px rgba(138, 138, 138, 0.5);
  border-radius: 5px;
}

/* line 455, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation.desktop-menu {
  opacity: 0.98;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

/* line 459, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .navbar-nav {
  flex-direction: row;
}

/* line 462, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .navbar-nav {
  align-items: center;
}

/* line 465, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .nav {
  margin-left: 1rem;
  align-items: center;
}

/* line 469, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .nav > li > a {
  padding: .5rem 1rem;
  margin: .5rem 1rem;
  font-weight: 600;
}

/* line 474, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .dropdown-toggle:after {
  margin-left: .35rem;
}

/* line 477, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .show .dropdown-toggle:after {
  transform: rotate(180deg);
}

/* line 480, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .dropdown-menu {
  padding: 1.5rem 2rem;
}

/* line 482, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .dropdown-menu a {
  color: #000;
}

/* line 486, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .full-label a {
  font-weight: 600;
}

/* line 489, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation ul {
  padding: 0;
  list-style: none;
}

/* line 490, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .product-dropdown {
  min-width: 16.5rem;
}

/* line 493, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .product-dropdown .smaller {
  color: #5F5F5F;
  margin-top: .9rem;
  margin-bottom: .5rem;
}

/* line 498, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .product-dropdown .term-item {
  border-bottom: 1px solid #CFD0D2;
  margin-bottom: 1rem;
}

/* line 501, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .product-dropdown .term-item:last-of-type {
  border: 0;
}

/* line 503, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .product-dropdown .sub-menu li {
  margin-bottom: .85rem;
}

/* line 505, D:/Sites/styleguide/public/assets/styles/main.scss */
.navigation .product-dropdown .sub-menu li a {
  display: block;
  margin-bottom: .25rem;
}

/* line 513, D:/Sites/styleguide/public/assets/styles/main.scss */
nav .term-item .label a {
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 600;
}

/* line 521, D:/Sites/styleguide/public/assets/styles/main.scss */
nav .term-item .label a:after {
  display: block;
  width: 18px;
  height: 18px;
  content: '';
  margin-left: .5rem;
  background: url("../images/launch.svg") no-repeat center/cover;
}

/* line 531, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container {
  position: fixed;
  top: 10px;
  right: 15px;
  height: 32px;
  width: 24px;
  cursor: pointer;
  z-index: 11;
  transition: opacity .25s ease;
}

/* line 540, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container span {
  background: #222;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 8px;
  left: 0;
  transition: all .15s ease;
  cursor: pointer;
}

/* line 551, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container span:nth-of-type(2) {
  top: 14px;
}

/* line 554, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container span:nth-of-type(3) {
  top: 20px;
}

/* line 557, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container.active {
  width: 20px;
}

/* line 559, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container.active span {
  height: 3px;
}

/* line 560, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container.active .top {
  transform: translateY(5px) translateX(0px) rotate(45deg);
}

/* line 563, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container.active .middle {
  opacity: 0;
}

/* line 566, D:/Sites/styleguide/public/assets/styles/main.scss */
.hamburger-container.active .bottom {
  transform: translateY(-7px) translateX(0) rotate(-45deg);
}

/* line 572, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu {
  opacity: 0;
  width: 87vw;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  background: #fff;
  height: 100vh;
  padding: 4.5rem 1.5rem;
  transform: translateX(100%);
  transition: all .25s ease;
}

/* line 587, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu.active {
  transform: translateX(0);
  opacity: 1 !important;
}

/* line 591, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu nav {
  z-index: 2;
  flex-direction: column;
}

/* line 595, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 600, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .sub-menu {
  width: 90%;
  border-bottom: 1px solid #CFD0D2;
  margin-bottom: 1rem;
}

/* line 604, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .sub-menu a {
  padding: .25rem 1rem .25rem 0;
}

/* line 608, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .nav {
  flex-direction: column;
  border-bottom: 1px solid #CFD0D2;
}

/* line 611, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .nav > li > a, .side-menu .nav .menu-item > a {
  font-weight: 600;
}

/* line 615, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .nav:last-child {
  border-bottom: 1px solid transparent;
}

/* line 621, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu a {
  display: flex;
  padding: 1rem 1rem 1rem 0;
  margin: 0;
  color: #000;
}

/* line 627, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu a[data-toggle] {
  color: #5F5F5F;
}

/* line 630, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu a[data-toggle].collapsed {
  color: #222;
}

/* line 634, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu a[data-toggle]:after {
  position: absolute;
  right: 25%;
  transform: rotate(180deg);
}

/* line 639, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu a[data-toggle].collapsed:after {
  transform: rotate(0);
}

/* line 643, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .collapse {
  margin-left: 1.15rem;
}

/* line 645, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .collapse .term-item:last-of-type ul {
  border-color: transparent;
  margin-bottom: 0;
}

/* line 648, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .collapse .term-item:last-of-type ul .ancestor-wrapper {
  margin-bottom: .45rem;
}

/* line 653, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .smaller {
  margin-top: 1rem;
  margin-bottom: .25rem;
  color: #222;
}

/* line 659, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .ancestor-wrapper {
  margin-bottom: 1rem;
}

/* line 662, D:/Sites/styleguide/public/assets/styles/main.scss */
.side-menu .primary-button {
  margin-top: 1rem;
  color: #fff;
  width: auto;
  display: inline-block;
  padding: .5rem 1rem;
}

/* line 672, D:/Sites/styleguide/public/assets/styles/main.scss */
#masthead {
  background: grey;
  width: 100%;
  margin-bottom: 5rem;
}
/*# sourceMappingURL=main.css.map */