html,
body,
input,
textarea {
  font-family: "Alte Haas Grotesk";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.navbar > .container {
  background: #fff;
}

.container {
  padding-left: 0;
  padding-right: 0;
}


video.img-resp {
display: block;
}

a,
a:hover,
a:active,
a:focus {
  color: #282828;
  text-decoration: none;
}

.sbs-btn,
.sbs-btn a {
  background-color: #fff;
  color: #282828;
  display: block;
}
.sbs-btn:hover,
.sbs-btn:hover a {
  color: #fff;
  background-color: #282828;
}

.sbs-btn.negative,
.sbs-btn.negative a {
  display: block;
  color: #fff;
  background-color: #282828;
}
.sbs-btn.negative:hover,
.sbs-btn.negative:hover a {
  background-color: #fff;
  color: #282828;
}

.hover-activator:hover + .hover-group,
.hover-group:hover {
  display: block;
}

.pointer {
  cursor: pointer;
}

.hover-group {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;
}

.row.padded {
  margin-left: 15px;
  margin-right: 15px;
}
.row.z-pad {
  margin-left: 0;
  margin-right: 0;
}

.ps-tab {
  display: block;
}
/*
.negative {
  color: #fff;
  background-color: #282828;
}
.negative a,
.negative a:hover,
.negative a:active,
.negative a:focus {
  color: #fff;
}
*/
body {
  padding-top: 59px;
}
.fixed-top {
  padding: 0;
}

.admin-bar .fixed-top {
  top: 32px;
}
.img-resp {
  width: 100%;
}
.b-all {
  border: 2px solid #282828;
}
.b-left {
  border-left: 2px solid #282828;
}

.b-top {
  border-top: 2px solid #282828;
}

.b-bottom {
  border-bottom: 2px solid #282828;
}

.b-right {
  border-right: 2px solid #282828;
}

.no-pad {
  padding: 0 !important;
}

.tb-pad {
  padding: 0.5rem 0;
}
.tb-pad-around {
  padding: 0.5rem;
}
.tb-pad-lg {
  padding: 4rem 0;
}
.tb-pad-sm-around {
  padding: 1rem;
}

.ps-tab .ps-tab-header {
  position: relative;
}
.ps-tab .ps-tab-header::before {
  content: "v";
  position: absolute;
  left: 0;
  padding: 0.5rem 0;
  display: inline-block;
  transform: rotate(90deg);
}
.ps-tab.extend .ps-tab-header::before {
  transform: rotate(0deg);
}

.ps-tab .ps-tab-content {
  display: none;
}
.ps-tab.extend .ps-tab-content {
  display: block;
}

.square-10 {
  width: 10%;
  display: inline-block;
  float: left;
  border-left: 2px solid black;
}

.ps-tab .ps-tab-btn {
  position: relative;
}
.ps-tab .ps-tab-btn::before {
  content: "+";
  position: absolute;
  left: 0;
  padding: 0.5rem 0;
  display: inline-block;
}

.ps-check-row {
  line-height: 34px;
}

.ps-check-row span.text {
  float: left;
  width: calc(100% - 50px);
  padding: 0.5rem;
}
.ps-check-row img.check {
  float: right;
  width: 50px;
  height: 100%;
}

.navbar-expand-lg .navbar-nav .menu-item {
  position: relative;
}
.navbar-expand-lg .navbar-nav .menu-item > a {
  color: #282828;
  display: block;
  padding: 0.5rem 1rem;
}

#menu-main-menu > .menu-item {
  border-right: 2px solid #282828;
}
#menu-main-menu-right > .menu-item {
  border-right: 2px solid #282828;
}
#menu-main-menu-right > .menu-item:last-child {
  border-right: none;
}

.dropdown-toggle::after {
  display: none;
}

.marquee {
  width: 100%;
  overflow: hidden;
}

.marquee-part {
  margin-right: 300px;
}
/*
.row .content-block:nth-child(2n + 1) {
  border-left: 2px solid #282828;
}*/
.row .content-block {
  border-right: 2px solid #282828;
  border-bottom: 2px solid #282828;
}


#front-container {
    text-align: center;
    margin-top: 5rem;
}

.delete-layer {
      text-align: right;
    margin-right: 0;
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
    cursor: pointer;
}

input.n_copies {
    border: none;
    width: 100%;
    text-align: center;
}

.p5Canvas {
  margin: 0 auto;
}

.woocommerce-checkout main.container > .woocommerce {
  border-left: 2px solid #282828;
  border-right: 2px solid #282828;
  border-bottom: 2px solid #282828;
    background: rgb(152, 122, 183);
}

.woocommerce-cart main.container > .woocommerce {
  background-color: rgb(239, 81, 96);
}

.woocommerce-cart  tr.woocommerce-shipping-totals.shipping td #shipping_method {
text-align: left;
}
.woocommerce-cart .woocommerce-shipping-calculator, .woocommerce-cart .woocommerce-shipping-destination {
  margin: 1rem;
}
.woocommerce-form-coupon-toggle {
    padding: 0.5rem;
  border-bottom: 2px solid #282828;
  text-align: center;
}
form.checkout.woocommerce-checkout {
    padding: 1rem;
}
.woocommerce-billing-fields > h3, #order_review_heading{
text-align: center;
background-color: #282828;
color: #fff;
font-size: 14px;
margin: 0;
padding: 1rem;
}
#ship-to-different-address {
  margin-top: 1rem;
}
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    border: 2px solid #282828;
    border-top: none;
    padding: 0.5rem;
    margin-bottom: 0;
    background: #fff;
    position: relative;
    padding-right: 50%;
}
.form-row.form-row-first {
  
    border-top: 2px solid #282828;
}
table.shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #282828;
}

table.shop_table.woocommerce-checkout-review-order-table td,
table.shop_table.woocommerce-checkout-review-order-table th {
  padding: 0.5rem;
}

table.shop_table.woocommerce-checkout-review-order-table tr:first-child th {
  display: none;
}

table.shop_table.woocommerce-checkout-review-order-table .order-total td {
  background-color: rgb(254, 231, 0);
  border-left: 2px solid #282828;
  padding: 1rem 0.5rem;
  text-align: center;
}
tr.woocommerce-shipping-totals.shipping td {
  border-left: 2px solid #282828;
  border-bottom: 2px solid #282828;
  padding: 1rem 0.5rem;
  padding-bottom: 0;
}
tr.woocommerce-shipping-totals.shipping th {
  border-bottom: 2px solid #282828;
}

ul.wc_payment_methods.payment_methods.methods {
  margin-bottom: 0;
  padding-bottom: 2rem;
  padding-top: 2rem;
    background-color: #fff;
}

#order_review {
  border-left: 2px solid #282828;
  border-right: 2px solid #282828;
}

#shipping_method {
  margin: 0 1rem;
  padding: 0;
  list-style: none;
}

#shipping_method li label {
margin-left: 1rem;
}

table.shop_table.woocommerce-checkout-review-order-table .cart_item .product-total{
  border-left: 2px solid #282828;
  padding: 1rem 0.5rem;
  text-align: center;
}
table.shop_table.woocommerce-checkout-review-order-table 
tr.cart_item {
    border-bottom: 2px solid #282828;
}

#billing_company_field {
  display: none;
}
.form-row  span.woocommerce-input-wrapper input {
  width: 100%;
}
#order_comments_field {
  
    border-left: 2px solid black;
    border-right: 2px solid black;
}
#order_comments_field , .form-row.place-order{

    border-top: 2px solid black;
    padding-right: 0.5rem;
}

.woocommerce-shipping-fields__field-wrapper {
    margin-bottom: 2rem;
}
.form-row.place-order{

    border-left: none;
    border-right: none;
}
.form-row  span.woocommerce-input-wrapper{

    position: absolute;
    right: 0.5rem;
    width: 50%;
}

.woocommerce-terms-and-conditions-wrapper p.form-row.validate-required {
    padding-right: 0.5rem;
    border-top: 2px solid black;
    margin-bottom: 1rem;
}

#order_comments_field .woocommerce-input-wrapper {
  display: block;
    width: 100%;
    position: initial;
}
#order_comments_field .woocommerce-input-wrapper textarea {
display: block;
    width: 100%;
    height: 100px;
}

footer {
  background-color: #282828;
  color: #fff;
  /*
  font-weight: normal;
*/
  justify-content: center;
}

.sbs-input {
  position: relative;
}

.sbs-input > input,
.sbs-input > textarea {
  display: block;
  width: 100%;
  outline: none;
  text-align: right;
  padding-right: 1rem;
  border: none;
}

.sbs-input > textarea {
  width: 100%;
  height: 100%;
}

.sbs-input.text-block {
  padding-top: 0.5rem;
  padding-left: 0;
  padding-right: 0;
}

.sbs-input > textarea + label,
.sbs-input > input + label {
  display: block;
  position: absolute;
  left: 1rem;
  top: 14px;
}

.switchable-content.img-resp,
.flex.img-resp {
  flex: 1;
  width: 100%;
  object-fit: contain;
}

a.ajax_add_to_cart.tb-pad.added {
  display: none;
}

a.added_to_cart.wc-forward {
  padding: 0.5rem 0;
}

.woocommerce-cart main.container > .woocommerce {
  border: 2px solid #282828;
  position: relative;
  border-top: none;
  padding-top: 1px;
}
.woocommerce-cart td.product-remove,
.woocommerce-cart th.product-remove,
.woocommerce-cart td.product-thumbnail,
.woocommerce-cart th.product-thumbnail {
  display: none;
}

.woocommerce-notices-wrapper:empty {
  display: none;
}

.woocommerce-cart-form .actions .button {
  position: absolute;
  right: 0;
  top: -7rem;
  background: #282828;
  color: #fff;
  height: 45px;
  padding: 1rem;
  line-height: 15px;
  border: 2px solid #282828;
  font-weight: bold;
  text-transform: uppercase;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
  width: 80%;
  /* border: 2px solid black; */
  /* display: block; */
  /* border-top: none; */
  margin: 0 auto;
  margin-top: 9rem;
  background: #fff;
}

.quantity .screen-reader-text {
  display: none;
}

.quantity input.qty {
  text-align: center;
  border: 0;
  width: 108px;
  margin-left: 12px;
}
td.product-quantity::before {
  content: "-";
  border-right: 2px solid #282828;
  /* display: block; */
}
.quantity::after {
  content: "+";
  border-left: 2px solid #282828;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
  .product-quantity {
  width: 220px;
}

.product-quantity .quantity {
  display: inline-block;
}
td.product-quantity::before,
.quantity::after {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 40px;
  font-size: 20px;
  cursor: pointer;
}

table.shop_table.shop_table_responsive th.product-name,
table.shop_table.shop_table_responsive td.product-name {
  text-align: left;
  padding-left: 0.5rem;
}

.cart-collaterals {
  width: 80%;
  /* border: 2px solid black; */
  /* display: block; */
  /* border-top: none; */
  margin: 0 auto;
}

.woocommerce-cart th {
  background: #282828;
  color: #fff;
}

tr.cart-subtotal {
  display: none;
}

table.shop_table.shop_table_responsive {
  margin-bottom: 6rem;
  width: 500px;
  margin-left: calc(100% - 500px);
  margin-top: 3rem;
  position: relative;
  text-align: center;
  background: #fff;
}

.cart_totals > h2 {
  display: none;
}
.wc-proceed-to-checkout {
  display: inline-block;
  border: 1px solid #282828;
  clear: both;
  padding: 1rem;
  background: #282828;
  color: #fff;
  margin-bottom: 2rem;
  width: 500px;
  margin-left: calc(100% - 500px);
  text-align: center;
}

a.checkout-button.button.alt.wc-forward {
  color: #fff;
}

.woocommerce-cart td.actions {
  padding: 0;
  /* padding-top: 60px; */
  height: 0;
  border: none;
}

p.cart-empty.woocommerce-info,
p.return-to-shop {
  text-align: center;
}

.cart-collaterals table.shop_table.shop_table_responsive::after {
  content: "ALL PRICES ON THIS PAGE INCLUDE VAT \A SHIPPING IS CALCULATED AT CHECKOUT";
  white-space: pre;
  position: absolute;
  left: calc(100% - 500px);
  text-align: center;
  width: 500px;
  padding: 0.5rem;
  border: 2px solid #282828;
  font-size: 13px;
  border-top: none;
  background: #fff;
  top: 100%;
}
.woocommerce-cart td.actions .coupon {
  display: none;
  border-top: 2px solid #282828;
}

.woocommerce-cart td,
.woocommerce-cart th {
  border: 2px solid #282828;
  height: 45px;
  padding: 0;
}

.switchable-content {
  display: none !important;
}
.switchable-content.show {
  display: initial !important;
}

.switchable-content.flex.show {
  display: flex !important;
}

.tb-pad.text-left {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 991px) {
  .container.footer {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* justify-content: space-around; */
    /* align-items: center; */
    /* justify-content: center; */
    /* flex-direction: column; */
    /* align-items: center; */
    align-items: baseline;
    height: 100%;
    justify-content: center;
    background-color: #282828;
  }

  footer {
    color: #fff;

    font-weight: normal;

    justify-content: center;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    align-content: space-around;
    width: 100%;
  }
}

footer a,
footer a:hover,
footer a:active,
footer a:focus {
  color: #fff;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar-header {
  flex-grow: 1;
}

.mobile-navbar {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-toggler {
  padding: 0;
  border: none;
  position: relative;
}

.navbar-toggler li.nav-item,
.navbar-toggler li.menu-item {
  height: 55px;
  line-height: calc(55px - 1rem);
}

#toggle-mob-nav {
  cursor: pointer;
}

footer {
  text-align: center;
}

#mobile-sub-nav {
  display: none;
  position: absolute;
}

nav.show-mobile-nav #mobile-sub-nav {
  display: block;
}

#mobile-sub-nav .content-block {
  height: 45px;
  line-height: 43px;
  text-align: center;
  background: #fff;
}

#mobile-sub-nav .content-block a {
  color: #282828;
}
#mobile-sub-nav .content-block:first-child {
  background-color: #ff7477;
}

#mobile-sub-nav .content-block.active {
  background-color: #282828;
}
#mobile-sub-nav .content-block.active a {
  color: #fff;
}
/*
#mobile-sub-nav .row .content-block:nth-child(2n + 1) {
  border-left: 2px solid #282828;
}*/
#mobile-sub-nav .row .content-block {
  border-right: 2px solid #282828;
  border-bottom: 2px solid #282828;
}

nav.navbar-expand-lg .navbar-nav .sub-menu {
  margin: 0;
  padding: 0;
  border-radius: 0;
  left: -2px;
  border: 2px solid #282828;
}
nav.navbar-expand-lg .navbar-nav .sub-menu .menu-item {
  border-bottom: 2px solid #282828;
  font-weight: bold;
  text-align: center;
  height: 55px;
  /*padding: 0.75rem 2.5rem;*/
}
nav.navbar-expand-lg .navbar-nav .sub-menu .menu-item:last-child {
  border-bottom: none;
}

nav .sub-menu > .menu-item {
  padding: 0 1.5rem;
}

nav .sub-menu > .menu-item :focus,
.sub-menu > .menu-item :hover {
  background-color: transparent;
}

main .content-block {
  display: flex;
  flex-direction: column;
}

.text-block {
  padding: 15px;
  padding-bottom: 0;
  flex: 1;
}

.negative {
  color: #fff;
  background-color: #282828;
}
.negative a,
.negative a:hover,
.negative a:active,
.negative a:focus {
  color: #fff;
}

.positive {
  background-color: #fff;
  color: #282828;
}
.positive a,
.positive a:hover,
.positive a:active,
.positive a:focus {
  color: #282828;
}

/*


#mobile-sub-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


#mobile-sub-nav ul li {
  display: block;
  width: calc(50% - 0px);
  border-left: 2px solid #282828;
  border-bottom: 2px solid #282828;
  margin: 0;
  padding: 0;
  float: left;
  height: 45px;
  line-height: 43px;
  text-align: center;
  background: #fff;
}

#mobile-sub-nav ul li:nth-child(2n + 0) {
  border-right: 2px solid #282828;
}

#mobile-sub-nav ul li a {
  color: #282828;
}
#mobile-sub-nav ul li:first-child {
  background-color: #ff7477;
}

#mobile-sub-nav ul li.active {
  background-color: #282828;
}
#mobile-sub-nav ul li.active a {
  color: #fff;
}
*/

.inner {
  margin: 8px;
  border: 2px solid #282828;
}
.inner a {
  display: block;
}
.workshop-wrap {
  padding: 8px;
}
@media (min-width: 768px) {
  .navbar-expand-lg .navbar-nav .menu-item > a {
    height: 55px;
    line-height: calc(55px - 1rem);
  }
  .navbar-expand-lg .navbar-nav {
    height: 55px;
  }
  .navbar-expand-lg .navbar-nav .menu-item > a {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .row .content-block:nth-child(2n + 1) {
    border-left: none;
  }

  .row .content-block:nth-child(3n + 1) {
    /* border-left: 2px solid #282828;*/
  }
  .row .content-block {
    border-right: 2px solid #282828;
  }

  #mobile-sub-nav .row .content-block:nth-child(2n + 1) {
    border-left: none;
  }

  #mobile-sub-nav .row .content-block:nth-child(3n + 1) {
    border-left: none;
  }
  #mobile-sub-nav .row .content-block {
    border-right: none;
  }
  /*
  #mobile-sub-nav .row .content-block:nth-child(2n + 1) {
    border-left: 2px solid #282828;
  }*/
  #mobile-sub-nav .row .content-block {
    border-right: 2px solid #282828;
    border-bottom: 2px solid #282828;
  }
  /*
  main .content-block img.img-resp {
    object-fit: cover;
    width: 100%;
    height: 170px;
  }*/
}

.pad-row .col-lg-4 .ps-tab {
  background-color: #fff;
}

.pad-row .col-lg-4 .ps-tab.extend {
  background-color: yellow;
}

.pad-row .col-12.b-top.col-lg-4 {
  -ms-flex: 0 0 calc(100% - 1rem);
  flex: 0 0 calc(100% - 1rem);
  max-width: calc(100% - 1rem);
  margin: 0.5rem;
}

@media (min-width: 992px) {
  footer {
    text-align: left;
  }
  .navbar-header {
    flex-grow: 0;
  }
  .mobile-navbar {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
  }

  .pad-row .col-12.b-top.col-lg-4 {
    -ms-flex: 0 0 calc(33.333333% - 1rem);
    flex: 0 0 calc(33.333333% - 1rem);
    max-width: calc(33.333333% - 1rem);
    margin: 0.5rem;
  }

  .row.d-lg-block {
    display: flex !important;
}

  
.max-height-row {
  position: relative;
}

.hide-scroll {
  position: absolute;
  right: -20px;
  bottom: 0;
  top: 0;
  overflow-y: scroll;
  /* padding-right: 20px; */
  left: 0;
}

.hide-scroll.left-66 {
  left: 66.666666%;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.hide-scroll {
  -ms-overflow-style: none;
}
}