* {
    /* color: red; */
}
.cart-item .count[editable='False'] a.count-change {
    display: none;
}

body > header.primary-header, body > footer {display: flex;/* background: linear-gradient(45deg, #1b1b1d, #252525); */flex-grow: 1;min-height: 4rem;/* color: #e8e8e8; */position: sticky;top: 0em;z-index: 3;background: #eee;}

body header > div {/* margin-left: auto; */}

.account-area {margin-left: auto;justify-content: right;margin-right: 2vw;}

.site-pad {/* border: solid 1px; */flex-basis: 17%;/* flex-grow: 1; */flex-shrink: 0.5;background: #f3f3f370;/* flex-basis: 10vw; */}

.primary-owner {display: flex;}

.super-list {margin: 0;padding: 3em 0;gap: max(1.5em, 2vw);/* gap: 2em; */flex-grow: 1;justify-content: center;/* background: transparent; */justify-content: space-evenly;}

.super-list > * {width: 16vw;/* border: solid; *//* padding: 0.6rem; */flex-grow: 1;min-width: 12em;/* background: #fff; */}

.category-link img {display: flex;/* border: solid; */aspect-ratio: auto;height: auto;max-width: 100%;}

li.flex-down.category-item {}

header a {color: inherit;font-size: 1.1rem;text-decoration: none;/* mix-blend-mode: color-burn; */}

.hidden {display: none;}

.masonry {
  /* display: flex; */
  /* flex-direction: column; */
  /* max-height: 800px; */
  /* width: 100%; */
  /* columns: 5 17em; */
  /* border: solid; */
  /* column-fill: auto; */
  gap: 0em;
  /* column-gap: 2vw; */
  /* align-content: space-evenly; */
  /* flex-wrap: wrap; */
  columns: auto max(200px, 20em);
  max-width: fit-content;
  }

.masonry-container.padded {flex-direction: row;}

.masonry.square {display: flex;flex-wrap: wrap;}

.masonry-container {display: flex;flex-direction: column;/* border: solid; *//* overflow: hidden; */}

.masonry > * {/* border: solid; */break-inside: avoid-column;}

.super-list.masonry > * {background: #ffffff;margin: 2em;/* outline: solid 1px red; */display: inline-flex;flex-grow: 0;/* min-width: 20em; *//* margin: auto; */}

.head-img-foot-grid {
   display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
}

a.reset {
  text-decoration: none;
  color: inherit
}

.super-list.masonry > * a {

/* flex-grow: 1; *//* flex-shrink: 1; */
  /* width: 100%; */
  /* border: solid; *//* overflow: hidden; */
  /* text-decoration: none; */
  /* color: inherit; */
  /* padding: 0em; *//* width: 20em; *//* z-index: 0; */
}

.head-img-foot-grid .header {
    grid-area: 1 / 1 / 2 / 2;
    z-index: 1;
margin: 0em;display: flex;/* background: #ffffffb3; */flex-direction: column;}

.head-img-foot-grid .image-cell {
    grid-area: 1 / 1 / 4 / 2;
justify-content: center;
  display: flex;
  align-items: center;
  /* padding: 2em; *//* z-index: 0; */
}

.head-img-foot-grid .footer {grid-area: 3 / 1 / 4 / 2;justify-content: flex-end;display: flex;align-items: flex-end;margin: 0 0em 0.6em 0em;flex-direction: column;}


ul.masonry.super-list.linear {display: flex;flex-direction: column;flex-grow: 1;max-width: none;columns: initial;}

.super-list.linear > * {width: auto;margin: 0.3em 2em;}

.linear .head-img-foot-grid .header {/* border: solid; */grid-area: 1 / 2 / 2 / 2;justify-content: center;}

.linear .head-img-foot-grid .image-cell {/* border: solid; */align-items: initial;grid-area: 1 / 3 / 3 / 3;align-items: center;padding: 0.5em 1em;}

.linear .head-img-foot-grid .footer {grid-area: 2 / 2 / 1 / 2;grid-area: 1/1/1/1;justify-content: flex-start;padding: 0.7em;/* background: #ffffff; */color: #999999;align-items: flex-start;justify-content: center;}

.linear .head-img-foot-grid {grid-auto-flow: column;grid-template-rows: 1fr 1fr;grid-template-columns: auto 1fr auto;}

.linear.masonry .header .title {background: hsl(0deg 0% 80%);border-bottom: none;color: #000000;text-shadow: 0 0 0.3px black;background: none;}

.image-cell img {display: inline-flex;/* width: auto !important; *//* height: auto !important; *//* margin: 1em; */}

.short.masonry > * a {grid-template-rows: auto;}

.masonry .header .title {background: #ffffffe0;display: inline-flex;border-bottom: solid;padding: 0.7em 1.1em;line-height: 1.3;}

.width-100per {width: 100%;}

.masonry.wide > * {flex-grow: 1;}

.dark-header .head-img-foot-grid .title, .dark-header.head-img-foot-grid .title {background: #202021;color: #c9c9c9;padding: 1.1em 0.9em 0.8em 1.4em;flex-grow: 0;border-bottom: none;border-bottom: solid 3px #00000000;}

.dark-header .head-img-foot-grid .header,
.dark-header.head-img-foot-grid .header {margin: 0;display: inline-block;}

.fancy-list {background: #f3f3f3;}

.pdf-list-item .image-cell img {padding: 4em 0 1em 0em;/* padding: 0; */}

.pdf-list-item {/* background: #fff; */min-width: 11em;max-width: 16em;flex-basis: 12em;}

.pdf-list-item .title {word-break: break-word;border-bottom: solid 1px #6e6e6e;padding: 0em 0.5em 0.7em 0;background: #f1f1f1;}

.pdf-list-container {background: #f9f9f9;display: flex;background: #f1f1f1;}

ul.pdf-list {gap: 3em;margin: 0;padding: 3em 3em;}

ul.table li {display: table-row-group;/* padding: 1em; *//* margin: 1em; *//* border-bottom: solid; *//* border-collapse: collapse; */}

ul.table > li > a, ul.table > li > .row {display: table-row;/* padding: 1em; */}

ul.table > li > a > span,
ul.table > li > .row > span,
ul.table > li > span {display: table-cell;padding: 0.2em 0.7em;color: black;}

ul.table {display: inline-table;/* border: solid; */margin: 0;padding: 0;border-collapse: collapse;}

ul.table.strong-table {
    background: #ffffffcc;
    padding: 3em;
    /* border: solid; */
    /* display: flex; */
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}

ul.table.strong-table li span:first-child{
    border-right: solid 1px #e7e7e7b0;
    text-transform: capitalize;
}

ul.table.strong-table li span {
    border-bottom: solid 1px #dbdbdb;
    padding: 1em 1em;
}

ul.table.strong-table li span:first-child a {
    color: inherit;
    display: flex;
}

ul.table.strong-table li:last-child span {
    border-bottom: none;
}

ul.table li.table-row {display: table-row;/* border: solid; */}

ul.table li.table-row > * {
    display: table-cell;
}

.chat-view-container {
/*     border: solid 1px red; */
}

.coversation-bubble {
    /* border: solid; */
    width: fit-content;
    display: flex;
    padding: 0.1em 1em;
    background: #CCC;
    margin: 1.1em 0.3em;
    border-radius: 0.3em;
}

.coversation-bubble.representative {
    margin-left: auto;
    max-width: 60%;
}

.conversation p {
    margin: 0;
}

.coversation-bubble.user {
    max-width: 60%;
}

.chat-view-container .coversation-bubble p {
    margin: 0;
    display: inline-flex;
    width: auto;
}

.history-window {
    background: white;
    max-height: 28em;
    overflow-y: scroll;
}

.hero-header.secondary {min-height: 15vh;justify-content: initial;padding: 0px 0vw;}

.hero-space.flex-across {flex-basis: 100vw;display: flex;/* border: solid; */flex-grow: 1;/* flex-flow: wrap; */background: #f4f4f4;}

span.font-vlarge {font-size: 3em;/* color: #003464; */line-height: 0.6;}

.hero-header.secondary h1 {margin: 0;line-height: 1;}

.hero-header.secondary h2 {margin: 0;}

.border-solid-4px {border: solid 4px;}

.shadow .category-item {box-shadow: 0.1em 0.3em 0.4em -0.4em #6e6e6e;}

.full-header .header .title {display: flex;}

.hero-space .title-desc {flex-wrap: wrap;flex-basis: 30vw;flex-shrink: 1;flex-grow: 1;min-width: 27em;/* border: solid; */letter-spacing: 0px;/* background: #505050; */}

.extras.attributes {display: flex;/* flex-direction: column; */letter-spacing: 0.5px;}

.image-space {/* border: solid; *//* display: flex; */flex-basis: 35vw;/* flex-shrink: 1; *//* overflow: hidden; */flex-grow: 1;/* max-height: 44vh; *//* justify-content: center; */background: #fff;max-width: 79em;/* border: solid; */color: #222;}

.primary-image img {display: flex;/* flex-grow: 0; *//* flex-shrink: 1; *//* border: solid; */max-width: 100%;/* height: auto !important; *//* max-height: 70vh; */object-fit: contain;/* padding: 2em; */}

.hero-space .pad, .pad.left,.pad.right {/* border: solid; */flex-basis: 10vw;flex-shrink: 1;flex-grow: 0;}

.flex-across.extra-content {/* flex-flow: wrap; */}

.v1 .header-space-content {/* flex-grow: 1; *//* display: flex; *//* border: solid; */background: #222222;color: #d7d7d7;}

.v0 h3.short-description,h3.short-description {font-size: 3em;color: #0158a8;font-weight: 700;}

.extras.flex-grow.mini-gallery {flex-basis: 40vw;/* border: solid; */display: flex;flex-direction: column;flex-grow: 1;}

.more-and-docs {flex-grow: 1;flex-basis: 20vw;display: flex;/* border: solid; */flex-direction: column;}

.pad.forced {flex-shrink: 0;}

li.tab-label {/* border: solid; *//* border-collapse: collapse; */max-width: 10vw;/* overflow: hidden; *//* text-overflow: ellipsis; *//* display: flex; *//* border: solid; *//* flex-shrink: 0; */min-width: 9em;}


li.tab-label a {padding: 1em;display: block;border: solid;/* max-width: 10em; */text-overflow: ellipsis;overflow: hidden;min-width: 5em;white-space: nowrap;text-align: center;}

.attr-and-desc .description, .description .ce-paragraph {font-size: 1.5rem;/* line-height: 1.5em; */line-height: 2.2rem;/* min-width: 32rem; */}

.cart-bar {/* background: #f4f4f4; */position: sticky;top: 1.5em;/* padding: 0 2vw; */justify-content: flex-end;display: flex;z-index: 2;}

button[type=submit], a.btn, input.btn, .btns > *, div.btn, .v2 a.btn, .v2 input.btn {border: solid 3px #202021;padding: 0.6em 1em;font-family: inherit;font-size: 1.3em;white-space: nowrap;background: white;cursor: pointer;color: #202021;}

.mini-form {background: #f3f3f3;padding: 2em 2em 1em 2em;margin: 0 10vw 0 0em;border-radius: 0.3em;}

.btns > a, a.btn {text-decoration: none;display: inline-flex;}

.hero-header h2 a {color: inherit;border-bottom: dotted 2px #898989;text-decoration: none;}

.margin-left-auto {margin-left: auto;}

.changes li.flex-down.entry-item {border: solid 2px #ffffff;padding: 0.5em;}

.entry-item .description p {font-size: 1em;}

.changes li.flex-down.entry-item.bump {border-color: #0158a9;}

.font-2em {font-size: 2em;}

.margin-1 {margin: 1em;}

.margin-top-1,.margin-top-1em {margin-top: 1em;}
.margin-top-p5,.margin-top-p5em {margin-top: 0.5em;}

.grey-border {border: solid 3px #dedede;}

.padding-top-1em {padding-top: 1em;}

.grey-border.padding-top-1em, .extras-table-container {padding: 1.5em 1.5em;margin: 2em 0 3em 0;}

.padding-2em {padding: 2em;}
.padding-1em {padding: 1em;}

.flex-center {justify-content: center;display: flex;/* border: solid; */align-items: center;}

.border-solid-3px {border: solid 3px;}

li {}

.margin-top-2em {margin-top: 2em;}
.margin-top-6em {margin-top: 6em;}

ul.crud-form ul.errorlist {margin: 0;padding: 0;/* display: flex; */flex-grow: 1;grid-area: 1 / 1 / 2 / 2;}

ul.crud-form ul.errorlist li {border: solid 3px hsl(0deg 55% 44%);display: flex;padding: 0.5em;color: #7a0000;}

.grid ul.crud-form li  .errorlist + label {color: red;}

.actions.btns {gap: 1em;}

.width-50per {
    width: 50%;
}

body > header.primary-header {
    background: #f1f1f1;
    color: #333;
    border-bottom: solid 1px #ddd;
    /* background: #444444; */
}

header.primary-header {}

.brand a img {
    width: 2em;
    opacity: 0.7;
    /* mix-blend-mode: color; */
}

.brand a img:hover {
    opacity: 1;
}

.v1-primary .badge .count {
    background: #575757;
}

.hero-header.secondary .content {
    margin-top: 11vh;
    margin-bottom: 4vh;
}

.hero-header.secondary .content h1, .hero-header.secondary .content > h2 {
    margin-left: 10vw;
    margin-right: 4vw;
    display: inline-flex;
}

.margin-bottom-3em {
    margin-bottom: 3em;
}

.v1 ul.table > li > a > span {
    padding: 0.1em 1.5em 0.1em 0em;
}

.v1 h3.short-description {
    color: inherit;
    font-size: 2.5em;
    font-weight: 300;
    /* padding-right: 5vw; */
    color: #fbfbfb;
    /* color: #dddddd; */
}

.v1 h2 {
    font-weight: 300;
    margin-top: 0.1em;
    font-size: 2em;
    /* color: red; */
}

.v1 .titles hr.grow {
    /* margin-right: -5em; */
}

.v1 .titles > .flex-down {
    margin-right: 10vw;
}

.v1 .image-space .description {
    font-size: 1.3em;
    font-weight: 300;
    color: #333;
    margin: 0 10vw 0 4vw;
}

.hero-space.v1 button, .hero-space.v1 a.button {
    background: #161616;
    color: inherit;
    border-color: inherit;
    border-color: #222;
    border-radius: 2em;
    padding: 0.8em 2em;
}

.v1 .primary.titles .description {
    color: inherit;
    margin-left: 10vw;
    width: 36em;
    margin-top: 0.5em;
}

.v1.v1-2 .titles h2 {
    margin-top: 0.7em;
    margin-bottom: 0em;
}

.v1 .image-space .description p {
    font-size: inherit;
}

.hero-space.v1.v1-2 button, .hero-space.v1.v1-2 a.button {
    border-radius: 0;
    border: none;
    padding: 1em 2em;
}

.v1.v1-2 .actions {
    border-top: solid 1px #080808;
    display: flex;
    justify-content: flex-end;
}

.primary.titles.flex-across {
    width: 100%;
}

.v1.v1-2.v1-3 .titles h2 {
    margin-top: .2em;
    margin-bottom: 0.6em;
}

.v1.v1-3 .primary.titles .description {
    margin-top: 3em;
    margin-bottom: 3em;
}

.v1-4 .title-desc.width-50per {
    flex-basis: 33vw;
}

.v1-4 .header-space-content {
    background: unset;
    /* flex-basis: 4vw; */
}

.v1-4.hero-space .title-desc {
    /* flex-wrap: nowrap; */
    /* flex-basis: auto; */
    /* overflow: hidden; */
    flex-basis: 50vw;
    flex-shrink: 1;
    /* flex-grow: 0; */
}

.v1-4 .image-space {
    flex-basis: 48vw;
}

.v1-4 .primary.titles .description {
    width: unset;
}

.v1-4 h3.short-description {
    margin-top: 2.5em;
    line-height: 1.4;
}

.hero-space.v1-4 {
    background: unset;
}

.entitled-header.left > div {
    margin-left: 2vw;
}

.entitled-header.short > hr {
    margin-right: 10vw;
    width: auto;
}

.entitled-header.tight {
    margin-top: 2em;
}

.v1 .strong {
    font-weight: 800;
}

.v1 .large p {
    font-size: 1.15em;
}

.font-1p6em {
    font-size: 1.6em;
}


li.flex-down.category-item {
    width: 13vw;
    /* flex-grow: 0; */
    min-width: 13em;
}

.primary-owner .site-pad {
    flex-basis: 10vw;
    /* background: #222; */
}

.big a.inherit-color.no-style:hover {
    background: #222222;
    color: white;
}

.big a.inherit-color.no-style {
    padding: 1em;
}

.notice-container {
    background: hsl(0deg 0% 16%);
    color: #f1f1f1;
    line-height: 1.8;
    letter-spacing: 0.3px;
    font-weight: 200;
    /* padding: 2vw 0; */
    /* max-height: 0; */
}

.font-1p2em {
    font-size: 1.2em;
}

.position-absolute {
    position: absolute;
}

.product-question-form .crud-form label, .crud-form.hidden-labels form ul li label, .grid .crud-form.hidden-labels form ul li label {
    display: none;
}

.header-spacer {
    min-height: 1em;
}

.in-stock .icon {
    /* border: solid 1px; */
    width: 1em;
    height: 1em;
    border-radius: 1em;
    background: #3ade5d;
}


li.table-row[data-oldcount="0"] .product-old-count input {
    color: #CCC;
}

span.delta-icon {
    vertical-align: middle;
    font-size: inherit;
}

.in-stock .amber.icon {
    background: #deb33a;
}

.content-list .actions {
    margin-top: 2em;
}


.notify-form input[type="email"] {
    display: flex;
    font-family: inherit;
    border-radius: 0.4em 0 0em 0.4em;
    border: solid 1px #ddd;
    padding: 0em 0.8em;
    /* background: #2e2e2ef2; */
    border-radius: 2em 0 0 2em;
}

.notify-form .crud-form li {
    margin: 0;
    padding: 0;
    display: flex;
    /* border: solid; */
}

.notify-form ul.crud-form {
    display: flex;
    margin-left: auto;
}

.out-of-stock p {
    margin: 0;
    padding: 0;
    /* max-block-size: fit-content; */
}

.out-of-stock.flex-down {
    flex-grow: 0;
    flex-direction: column;
    padding: 0.6em;
    gap: 0.5em;
}

.v1.v1-2 .notify-form .actions {
    border: none;
}

.mini-email-form.flex-across {
    margin-left: auto;
}

a.badge.button, .badge.button > a {
    font-size: 0.9rem;
    color: inherit;
    text-decoration: none;
    border: solid 2px #000;
    padding: 0.3em 0.8em;
    display: inline-flex;
    border-radius: 0.3em;
    vertical-align: middle;
    background: #00000073;
}

.small-text {
    font-size: 0.8em;
}

pre.line, .white-space-pre-line {
    white-space: pre-line;
}

.badge {
    border: solid 2px;
    padding: 0.2em 0.6em;
    vertical-align: middle;
    display: inline-flex;
    align-self: flex-start;
    background: #eee;
    border-radius: 0.3em;
}

.notification {
    border: solid 2px #e3e3e3;
    padding: 0.7em 1em;
    background: white;
    border-radius: 0.2em;
}

.notification h3 {
    margin: 0 0 0.4em;
}

.hit.notification {
    border-color: var(--positive-color);
    background-color: var(--positive-background-color);
}

.margin-bottom-1em {
    margin-bottom: 1em;
}

.miss.notification {
    border-color: var(--warning-border-color);
    background-color: var(--warning-background-color);
    /* color: var(--warning-color); */
}



.payment.overview {
    position: relative;
}

.payment.overview:before {
    content: "";
    /* border: solid; */
    position: absolute;
    left: -1em;
    top: -1em;
    width: 100%;
    height: 100%;
    padding: 1.2em 1em;
    background: hsl(123deg 14% 75%);
    z-index: -1;
    border-radius: 0.2em;
    /* background: var(--positive-color); */
}

response-area {
    white-space: pre-wrap;
    font-family: monospace;
}

.drag-drop-zone {
    background: #ededed;
    border: solid;
    padding: 0em;
    display: inline-flex;
    min-width: 12em;
    justify-content: center;
    align-items: center;
    position: relative;
    border-color: #679f6a;
}

.dropzone-complete {
  background: #81c784;
}

.dragover {
    background: #4caf50;
}

.dropzone-multiple:before {
    border-style: solid;
    border-width: 3px;
    content: '';
    position: absolute;
    /* width: 86%; */
    /* height: 72%; */
    margin: 0em;
    display: inline-flex;
    flex-grow: 1;
    left: 0.2em;
    right: 0.2em;
    border-color: #679f6a;
    top: 0.2em;
    bottom: 0.2em;
}

.dropzone-multiple {
    position: relative;
}

.drag-drop-zone:after {
    content: attr(data-count);
    background: #fbfbfb;
    position: absolute;
    top: 0.3em;
    left: 0.3em;
    padding: 0.1em 0.5em;
    border-radius: 3px;
    /* color: #ccc; */
}

.document-highlight {
    background: #f9f4cb;
    color: #765721;
}

.strong-table li.header {
    font-weight: bold;
}

.table.tight.strong-table li span {
    padding: 0.5em 1em;
}

a.btn.small {
    font-size: 1em;
    padding: 0.2em 0.6em;
}

a.btn.dark {
    background: #111;
    color: #dbdbdb;
}

.justify-items-center {
    justify-items: center;
    /* align-items: center; */
}


.grid-stack-1-1 {
    display: grid;
    /* grid-template-rows: 1fr; */
    /* grid-template-columns: 1fr; */
    flex-grow: 1;
    height: inherit;
}

.grid-stack-1-1 > * {
    grid-area: 1/1/1/1;
}



div#particles-js {
    height: 43vh;
}

.padding-0em-2em {
    padding: 0 2em;
}

.padding-p6em-2em {
    padding: .6em 2em;
}

.padding-p6-2em {
    padding: .6em 2em;
}

.account-cell .label a.profile-button:hover, .account-cell .label a.profile-button:focus {
    text-decoration: underline;
}

.flat-menu-container ul {
    margin: 2em;
    list-style: none;
    padding: 0;
    display: flex;
    gap: 1em;
}

.p-no-pad p {
    margin: 0;
}


img.footer-logo {
    width: 20em;
}

.primary-form-container {
    gap: 1em;
}

.login-form .theme-form li input {margin-bottom: 1em;}

body.page.home {
    background: none;
}

.disabled.btn {
    color: grey;
    border-color: transparent;
    cursor: not-allowed;
}

a.small.btn:has(.icon) {
    gap: 0.3em;
    align-items: center;
}

.query-search-form label {
    display: none;
}

.query-search-form input[type="text"] {
    font-size: 1.6rem;
    font-family: inherit;
    border: solid 3px;
    padding: 0.6rem;
}

.super-field-form {
    padding: 3rem 0 3rem;
    background: white;
    gap: 2rem;
}

.search-button i.icon {
    font-weight: 800;
}

.pagination .step-links select {
    font-size: inherit;
    font-family: inherit;
}

.sticky-search-icon-container .right-gutter.gutter {
    user-select: none;
    pointer-events: none;
    z-index: -1;
    position: relative;
    background: none;
    visibility: hidden;
}

.v3-stack .content-container.sticky-search-icon {
    pointer-events: all;
}

.account-cell .icon img {
    width: 2em;
    height: 2em;
    /* border: solid; */
}

span.dollar-cost {
    white-space: nowrap;
}

.v3-stack.left-hand-nav.hidden {
    /* display: none; */
    transition: left .5s ease;
    left: -640px;
    overflow: auto;
    height: 99%;
    margin-top: 0;
}

.right-gutter.gutter {}

.super-search-panel-content .right-gutter.gutter {
    margin-right: 5em;
}

.page.secondary .pad {
    flex-basis: auto;
}

.page.secondary .gutter {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: 16vw;
}

.gap-2em {
    gap: 2em;
}

.margin-2p4em {
    margin: 2.4em;
}

.v2.linear.masonry .header .title {
    padding: 0;
}

.v2.super-list.masonry > * a:hover {
    background: #ededed;
    box-shadow: #0e0e0e7d 0px 2px 3px -2px;
    /* color: white; */
}

.margin-p5em {
    margin: .5em;
}

.v2.super-list.masonry > * a {
    border-radius: 0.2em;
    transition: background 0.3s ease-out, box-shadow 0.2s ease-in;
}

.v2.super-list.masonry img {
    border-radius: 0.3em;
    /* padding: 0.2em; */
    /* background: #FFF; */
    max-height: 7em;
    width: auto;
}

.v2.super-list.masonry .image-cell {
    /* background: white; */
    flex-basis: 8em;
}

.margin-left-2vw {
    margin-left: 2vw;
}

.font-1p1em {
    font-size: 1.1em;
}

.super-list.linear li {
    /* background: #dddddd45; */
    /* border: solid; */
/*     border-bottom: dashed 1px #CCC; */
/*     padding: 0 0 0.5em; */
}


.padding-0-0-p5em {
    padding: 0 0 0.5em;
}

.border-width-1px {
  border-width: 1px;
}

.border-bottom-dashed {
    border-bottom: dashed;
}
.border-color-ccc {
  border-color:#ccc;
}

.border-bottom-dashed-1px {
    border-bottom: dashed 1px;
}

.border-bottom-dashed-1px-ccc {
  border-bottom: dashed 1px #ccc;

}

.secondary .super-list span.no-price {
    white-space: nowrap;
    color: #979797;
}

.margin-0-2em {
    margin: 0 2em;
}

.flex-basis-40vw {
    flex-basis: 40vw;
}

.max-width-30em {
    max-width: 30em;
}

.min-width-30em {
    min-width: 30em;
}

.secondary .super-list.linear.v2 li {
    margin: 0.3em 0;
}

.page.product.secondary .description p:first-child {
    margin-top: 0;
}

.product.page .v3-stack .content-container .v4 h2 {
    font-size: 3.5em;
    line-height: 1.1em;
    margin-top: 0;
    padding-top: 0;
    border-bottom: dashed 2px #23396f;
    padding-bottom: 1rem;
    /* max-width: 60vw; */
}

.page.product .primary-titles {
    flex-basis: 45%;
    flex-grow: 1;
    /* margin-bottom: auto; */
    flex-shrink: 0;
}

.page.product .primary-image-container {
    flex-basis: 40%;
    /* border: solid; */
    /* align-items: center; */
    display: flex;
    justify-content: center;
    flex-shrink: 1;
    /* max-width: 66vw; */
    /* flex-grow: 1; */
    /* flex-direction: column; */
}

.page.product .attributes {
    flex-grow: 1;
}

.page.product .v3-stack .primary-content-container {
    gap: 2em;
    flex-shrink: 1;
}

.product.page .v4.secondary.header {
    margin-top: 2rem;
}

.product.page .entitled-header.left > div {
    margin-left: 0;
}

.product.page .actions {
    flex-direction: row;
    display: flex;
}

.product.page ul.lead-times {
    margin-left: 0;
    padding: 0;
}

.product.page .v5 .product-question-form {
    flex-wrap: wrap;
}

.page.product .v4.header h1 {
    color: #2252a1;
    /* max-width: 60vw; */
}

.product.page .attributes ul.table {
    font-size: 1.3rem;
}

.product.page .attributes ul.table span.title {
    padding-left: 0;
}

body .super-list a.btn.in-cart {
    color: #0e7d30;
    border-color: #51ab6c;
}

body .super-list a.btn .added {
    display: none;
}

body .super-list a.btn.in-cart .added {
    display: initial;
}

body .super-list a.btn.in-cart .not-added {
    display: none;
}


.page.product .v4 .base-price .cost-cell {
    display: none;
}

.product.page .product-area {
    display: none;
    flex-shrink: 1;
}

.product.page .v4.secondary.header > .breadcrumbs {
    margin-bottom: 3rem;
    margin-top: 0.2rem;
}

.inherit-font {
    font-size: inherit;
    font: inherit;
}

input.no-style {
    border: none;
}

.contact-us.page.secondary .primary-image-container {
    margin: 2em 3em 0;
}

.page.secondary .v4.secondary.header {
    margin-bottom: 0em;
    margin-top: 0;
}

.page.secondary .contact-us-container {
    margin: 4rem 0px;
}

.flex-basis-30em {
    flex-basis: 30em;
}

.page.secondary .v4.header .wrapped-content {
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 0.1px;
}


.contact-us.page.secondary .v4.secondary.header {
    margin: 3em 0 1em;
    padding-bottom: 4rem;
}

.page.listpage.secondary .primary-content-container {
    margin-bottom: 7rem;
}

.v3-stack .content-container .category-grid-container h2 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1.1rem;
}

.category-grid .name {
    /* padding: 0 0.5em 0.7rem; */
    font-size: 1rem;
    text-align: center;
    /* text-decoration: none; */
    justify-content: center;
    display: flex;
}

.category-card {/* border: solid 2px #f1f1f1; */flex-basis: 11em;flex-grow: 0;display: flex;flex-direction: column;/* align-items: center; *//* justify-content: center; */border-radius: 0.3em;}

.category-grid .image-container a {
    /* text-decoration: inherit; */
    color: inherit;
    padding: 1rem;
    display: flex;
    width: 100%;
    justify-content: center;
}

.category-card .image-container {
    /* border: solid; */
    /* padding: 1em; */
    flex-grow: 1;
    display: flex;
    /* aspect-ratio: 1/1; */
    width: -webkit-fill-available;
    /* justify-content: center; */
}
.category-grid a {
    text-decoration: inherit;
    color: inherit;
    padding: 0 1em 1em;
}

.strong.category-grid-container {
    background: linear-gradient(90deg, #f0f3f6,#f4f7fb);
    padding: 1.6em 2em 2em;
    /* display: flex; */
    border-radius: 0.5em;
    /* flex-direction: column; */
    /* flex-grow: 0; */
}

.strong li.category-card {
    background: white;
}

.breadcrumbs .nodes a {
    /* text-decoration: none; */
    color: inherit;
    text-decoration-color: #CCC;
    font-size: 1rem;
}

.breadcrumbs .node a:hover, .breadcrumbs .chain-no-parent a:hover {
    text-decoration: underline 2px;
    text-decoration-style: dashed;
    text-underline-offset: 0.2em;
}

span.tick {
    color: #CCC;
}

.cart-item .product .product-id {
    padding: 0.3em 0 0;
    font-size: 0.9rem;
    color: #AAA;
}

a.count-change.action.btn {
    padding: 0 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.btn.editor-save.hidden {visibility: hidden;}

.edited a.btn.editor-save.hidden {
    visibility: initial;
}

.last-response-view {
    /* border: solid 1px #ccc; */
}

.description.preview-mode .codex-editor {
    display: none;
}

.description .codex-editor {
    background: #fafafa;
}

.preview-mode .notice-area {
    display: none;
}

a.btn.tiny {
    padding: 0.1em 0.4em;
    /* display: inline-flex; */
    align-items: center;
    border-radius: 0.4em;
    font-size: 1rem;
}

.preview-mode a.btn.tiny.editor-save {visibility: hidden;}

a.hidden.btn {
    display: none;
}

.description .ce-block {
    outline: solid 1px #EEE;
}

.margin-right-20vw {margin-right: 20vw;}

.margin-bottom-4em {
    margin-bottom: 4em;
}


.product-category-list ul li a:hover .product-image {
    /* box-shadow: 0em 0em 1em #60606063; */
    /* text-align: center; */
    /* justify-content: center; */
    border-radius: 0.3em;
    /* padding: 1em; */
    /* position: relative; */
    /* transform: scale(1.25); */
}

.product-category-list  ul li a:hover span.category-name-container {
    /* padding-left: 1em; */
}

.product-category-list ul li a .product-image {
    transition: all .3s ease;
}

.product-category-list ul li a span.category-name-container {
    transition: all .3s ease;
}

li.add-category.hidden {
    /* display: none; */
}

.grid-area-1-1-1-1 {
    grid-area: 1/1/1/1;
}

.display-grid {
    display: grid;
}

.grid-template-col-1fr {grid-template-columns: 1fr;}

.grid-template-row-1fr {
    grid-template-rows: 1fr;
}

.hover-reveal {
    opacity: 0;
}

.hover-reveal:hover,.hover-reveal:focus-within, .hover-reveal:focus {
    opacity: 1;
}

.transition-opacity-p5s-ease {
    transition: opacity .5s ease;
}

.row[data-ok="true"] a {
    color: #39834f;
}
.row[data-ok="false"] a {
    color: #833939;
}

.category-grid a.delete-button {
    padding: 0.2em;
    opacity: 0;
}

.category-card:hover a.delete-button {
    opacity: 1;
}


ul.categories-list li.live-no:before {
    content: "(Not Live)";
    font-size: small;
    color: initial;
}

.product-category-list li.category-live-no,
.product-category-list .live-no,
ul.categories-list li.live-no {
    color: #9b563c;
}

.product-category-list li.category-live-no,
.product-category-list .live-no {
  outline: solid 1px #a9a59a8a;
  /* opacity: .7; */
  /* background: #EEE; */
}

.right-0 {
    right: 0;
}

.hover-show {
    transition: opacity .5s ease;
    opacity: .1;
}

*:hover > .hover-show, *:focus > .hover-show, *:focus-within > .hover-show {
    opacity: 1;
}

a.no-border {
    border: nonw;
}

.primary-gradient {
    background: linear-gradient(147deg,                                rgb(34 87 171) 1%,                                rgb(35 35 66) 60%,                                rgb(44 36 76) 100%);
}

.v3-primary {}

.flex-basis-15vw {
    flex-basis: 15vw;
}

.display-flex {
    display: flex;
}

.information-panel-container {
    margin: 6vh 0;
    min-height: 10vh;
    display: flex;
    border-radius: 1.5em;
    overflow: hidden;
    padding: 0em;
}



.information-panel-container a.btn p {
    margin: 0.1em;
    padding: 0;
}

.info-image-container .info-image {
    padding: 2em;
    background: white;
    border-radius: 10em;
    margin: 3em 0 0;
}

.information-panel-container .primary-header-content p {
    padding: 0em 4rem;
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: .2px;
}

.v3-stack .content-container .text-content-block h2 {
    border: none;
    padding: 1rem 2rem 1rem;
    margin: 0rem 0 0rem;
    border-color: #000000;
}

.center-text.text-content-block {
    margin-top: 1.5rem;
}

a.btn.v2, input.btn.v2, .v2 input.btn {
    border: none;
    background: #224d96;
    color: white;
    align-items: center;
    border-radius: 0.4em;
}

a.btn.v2.round, input.btn.v2.round {
    border-radius: 3em;
    padding: 0.5em 1.5em;
}

.checkout.page .v3-stack .v1.content-container h2 {
    border: none;
    padding: 0;
}

.page.checkout .v4.secondary.header {
    border-bottom: navajowhite;
}


.page.checkout .basket-info-content {
    position: sticky;
    top: 7rem;
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.btn.v2.round {
    border-radius: 3em;
    min-width: 7em;
    border: none;
    background: linear-gradient(155deg, #2257ab, #224c96);
    color: white;
}

.btn.round.v2.wide {
    padding: 0.6em 1.5em;
    justify-content: center;
}

button[type=submit].v2 {
    display: inline-flex;
}

button.btn.center {
    justify-content: center;
    align-items: center;
}

button.btn.v2 > .icon {
    line-height: 1.2;
}
.grid-item .child-list ul li ul {/* border: solid; */background: #FFF;}

.margin-bottom-5em {
    margin-bottom: 5em;
}

.page.categories .v4.secondary.header {
    border-bottom: none;
}

.hero .primary-header-content .call-to-action {
    z-index: 1;
    justify-self: center;
    display: flex;
    flex-direction: row;
    align-self: center;
    padding: 2em 0;
}

.v3-stack.category-block {
    flex-grow: 0;
}


.forced-gutter, .forced.gutter {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: 16vw;
}


.block-categories .v3-stack.category-block h2.sausage-title {
    margin: 0;
    padding: 0;
    /* border-bottom: none; */
}

.block-categories .v3-stack.category-block .container-header {
    /* border-bottom: none; */
}

.v3-stack.category-block .container-header .spacer.flex-grow {
    border: none;
}

.category-block.v3-stack .text-intro {
    margin: 0;
    padding: 0;
}

.v3-stack.category-block .content-container.primary-content-container {
    gap: 1.5rem;
}


nav.primary a {
    font-size: 1.2rem;
    gap: 1em;
    display: inline-flex;
    align-items: center;
    flex-grow: 1;
    padding: 0.2rem 1em 0.2rem 0em;
}

nav.primary ul > li {
    display: flex;
}

nav.primary li.spacer {
    /* height: 0.5rem; */
    border-top: solid 1px #DDD;
    /* margin: 0.6rem 0; */
}

a.btn.secondary, a.btn.v2.round.secondary, input.v2.btn.secondary, input.btn.v2.round.secondary  {
    border: dotted 1px #202020;
    background: none;
    color: initial;
}

a.btn.v2.round.secondary {
    padding: 0.6em 1.6em;
}

a.btn.center.icon.round.v2.secondary {
    justify-content: center;
    padding: 0.6em 1.5em .6em 1.1em;
}

a.btn.v2.round.icon.center, input.btn.v2.round.icon.center {
    padding: 0.6em 1.1em .6em 2em;
}

.v2-text u {
    text-decoration-color:  #ddd;
    text-decoration-thickness: 0.2rem;
    text-underline-offset: 0.08em;
}

.v2-text p {
    margin: 0.6em 0;
    color: hsl(227deg 57% 29%);
    line-height: 1.5em;
}

.color.v2-text p, .color-text {
    background-image: linear-gradient(341deg, #3168bf, hsl(343deg 25% 51%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(50deg, hsl(217deg 59% 42%), hsl(343deg 28% 44%));
}

.v3-stack .content-container.v2-text h3, .v2-text p + h3 {margin-top: 1rem;}

.content-container.v2-text.large {max-width: 37em;font-size: 1.6em;}

.content-container.tall.v2-text {
    gap: 2rem;
}

.content-container.indent.v2-text {
    margin: 0 3vw;
    flex-basis: 60vw;
}

body.debug:before {
    content: '';
    position: fixed;
    top: 0%;
    left: 50%;
    display: block;
    z-index: 999;
    background: red;
    width: 1px;
    height: 100vh;
    align-content: center;
    display: flex;
}

.content-container.v2-text {
    font-size: 1.3em;
    max-width: 39em;
    /* text-shadow: 0 0 #dd4646; */
}

.content-container.v2-text.center {
    text-align: center;
    /* flex-grow: 1; */
    /* border: solid; */
    /* flex-shrink: 0; */
    /* width: 100%; */
    max-width: initial;
}

.content-container.large.strong.v2-text {
    /* font-weight: 600; */
    font-size: 2rem;
    letter-spacing: 0.5px;
}

.content-container.strong.v2-text {
    font-weight: 600;
    letter-spacing: 0.7px;
    font-size: 1.4rem;
}

.v2-text p u {
    text-decoration-color: #404040;
}

.flex-basis-40per-grow {
    flex-basis: 40%;
    flex-grow: 1;
}

.spread-lines, line-height-1p3em {
    line-height: 1.3em;
}

.line-height-1p3em {
    line-height: 1.3em;
}

.page.secondary.contact-us h2 i.icon {
    color: #2253a3;
    /* font-weight: 900; */
    line-height: 1;
    /* margin-right: 1rem; */
}

.page.secondary.contact-us .neat-indent h2 {
    align-items: center;
    display: flex;
    gap: 1.5rem;
}

.page.secondary .pre-guttered .content-container .gutter {
    flex-basis: 0;
    flex-shrink: 1;
    display: none;
}


.v2-text p,.v2-text ul, .v2-text ol {color: hsl(227deg 57% 29%);}


.product-category-list {
    max-width: 1200px;
    /* border: solid 1px #CCC; */
    border-top: none;
    border-bottom: none;
}

.product-category-list ul li {
    /* border: solid 2px #DDD; */
    padding: 0px 0em;
    border-radius: 0.6em;
}

.product-category-list ul li a span.category-name-container .category-name {
    border-bottom: solid 1px #CCC;
    z-index: 1;
}

.product-category-list ul li a:hover {
    transform: scale(1.25);
    transition: all .3s ease;
}



.primary-header-content .center-content-container {
    padding-bottom: 3em;
    /* flex-grow: 1; */
    flex-basis: 59em;
     min-width: unset;
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
    /* justify-content: center; */
    margin-top: 2rem;
    /* margin-right: 23vw; */
}


.side-image.no-image {
    min-width: 0;
}


header.v4.secondary .flex-across.gap-2em {
    flex-wrap: wrap;
}

.content.flex-down.flex-reverse.margin-right-auto.primary-titles {
    flex-basis: 53%;
    flex-grow: 1;
}

.primary-image-container.display-grid.grid-template-row-1fr.grid-template-col-1fr {
    flex-basis: 33%;
}



.inner-form-item {
    border-bottom: solid 2px #eee;
    padding: 0.1em 0;
    margin: 0em 0 0.5em;
}

.errors ul.errorlist {
    margin: 0;
    padding: 0em;
    /* border: solid 1px; */
}

ul.errorlist ul.errorlist {
    display: flex;
    flex-direction: row;
}

ul.errorlist {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.errors {
    display: flex;
    flex-direction: column;
    border: solid 2px #880000;
    padding: 0.3em 0.3em;
    /* border-radius: 0.4em; */
    margin: 1em 0 0.2em 0em;
    background: #f9f2f2;
}

ul.errorlist li {
    display: flex;
    flex-direction: column;
}

ul.errorlist ul.errorlist li {
    display: inline-flex;
    /* border: solid 3px #890000; */
    border-radius: 0.4em;
    padding: 0.3em 0em;
    font-size: 0.9rem;
}

.has-errors .inner-form {
    background: #f9f2f2;
}

.inner-form
 span.column-info {
    font-size: 0.9rem;
    color: #666;
    padding: .1rem;
}

.inner-form-item.header-item.titles {
    position: sticky;
    top: 5em;
    background: #EEE;
    margin-bottom: 0;
}

.inner-form-item.header-item.descriptions {
    margin-bottom: 1em;
}

.inner-form .percent input, .inner-form .result input {
    font-size: 1.2em;
}

.v1.content-container .helpful-info p {
    margin-right: auto;
}

.header-item .inner-form>.inner-form-title .column-title {
    padding: 0.5em 0;
    font-size: 1.1em;
}

.allectra-change-form-container .inner-form .count {
    padding: 0 0.5em 0 0;
    min-width: 1.2rem;
}

.helpful-info {
    /* border: solid; */
    display: flex;
    gap: 2em;
    margin: 1em 0 3rem;
}

.helpful-info > .action {
    flex-basis: 22vw;
    border: solid 4px #2255a6;
    padding: 0 2em;
    /* border-radius: 0.5em; */
}

.helpful-info .big-link {
    /* border: solid; */
    margin: 2em 0em;
    justify-content: center;
    display: flex;
}

.helpful-info .big-link a {
    text-decoration: none;
    padding: 1em;
    background: #c7cddb;
    color: inherit;
}

.category-desc {
    font-size: 1.4em;
    max-width: 40rem;
    line-height: 1.3em;
    color: #23488d;
    margin: 0.5em 0em 1em 0;
}

.strong.category-grid-container {
    background: linear-gradient(133deg, #2254a6,#242548);
}

.strong.category-grid-container h2 {
    color: white;
}

li.category-card.category-live-yes {
    /* flex-basis: 17em; */
}

.pagination-container a.btn.small {border-radius: 2rem;padding: 0.2em 0.8rem;background: #224a93;color: white;border-color: #224a93;}

.pagination-container .buttons {
    gap: 1em;
    display: flex;
}


.timeline-dates {
    font-size: 1.4em;
    font-weight: 100;
    color: hsl(238deg 32% 56%);
    display: flex;
    align-content: center;
    flex-grow: 1;
    justify-content: center;
    margin-top: 1em;
    max-width: 38em;
}

.timeline-dates .line-spacer {
    border: solid 1px;
    /* width: 12em; */
    margin: 0 0.5em;
    color: #484848;
    align-self: center;
    flex-grow: 0.4;
}

.center.timeline.reset-a {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    width: 100%;
    justify-content: center;
    align-items: center;
}




.tariff-notice {
    font-size: 1.3em;
    border-bottom: solid 1px #DDD;
    text-align: center;
    font-weight: 600;
    padding: 0 0 2rem 0;
}

.unlisted-notice.headerplace {
    border: solid 3px hsl(31deg 92% 76%);
    padding: 1.4em 2em;
    border-radius: 0.4em;
    margin-bottom: 3em;
    background: #ffd496;
    color: hsl(31deg 81% 20%);
    font-size: 1.1em;
}

.unlisted-notice p {
    margin: 0;
}