/* @override 
	http://cts-d8.local/themes/custom/calligaris_barrio/css/local.css?*
	http://cts8.furnato.com/themes/custom/calligaris_barrio/css/local.css?*
	https://cts9.furnato.com/themes/custom/calligaris_barrio/css/local.css?*
	https://calligarisnyc.com/themes/custom/calligaris_barrio/css/local.css?*
	https://cts-d8.local/themes/custom/calligaris_barrio/css/local.css?*
	https://nyc-d8.local/themes/custom/calligaris_barrio/css/local.css?* */

/**
 * @file
 * Subtheme specific CSS.
 */

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

h1.title {
  margin-bottom: 60px;
}

.page-node-427 h1.title {
  text-align: center;
}

a,
a.page-link {
  font-weight: bold;
  color: var(--bs-black);
  text-decoration: none !important;
}

a:hover,
a:active {
  color: var(--bs-link-hover-color) !important;
}

label {
  font-size: small;
  text-transform: uppercase;
  font-weight: bold;
}

input.form-control,
textarea {
  border: none;
  border-bottom: 1px solid var(--bs-black);
}

.card,
.btn {
  border-radius: 4px;
}

.btn {
  font-size: 0.875rem;
  font-weight: bold;
  padding: 1rem 2rem;
  line-height: 1rem;
}

.btn-link {
  padding: 0 !important;
  color: var(--bs-black);
  font-size: 1rem;
}

.btn-link svg {
  color: var(--bs-primary);
  padding-left: 5px;
}

.btn-primary,
.btn-secondary,
.btn-warning {
  color: var(--bs-white) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary:active,
.btn-warning:hover,
.btn-warning:active {
  color: var(--bs-white) !important;
}

/*.btn {
  font-weight: bold;
  border-radius: 6px;
  border-color: var(--bs-primary);
  color: var(--bs-primary) !important;
  text-transform: capitalize;
}*/

/*.btn-primary {
  color: var(--bs-primary) !important;
  background-color: transparent !important;
}*/

/*.btn.btn-link {
  border-radius: 0px;
  border: none !important;
  color: var(--bs-black) !important;
}*/

.btn-outline-light {
  --bs-btn-color: #FFFFFF;
  --bs-btn-border-color: #FFFFFF;
  --bs-btn-hover-color: #101820;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-hover-border-color: #FFFFFF;
  --bs-btn-focus-shadow-rgb: 241, 239, 236;
  --bs-btn-active-color: #101820;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #FFFFFF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(16, 24, 32, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFFFFF;
  --bs-gradient: none;
}

.btn-primary svg,
.link-inline-icon svg,
.action-link a svg {
  margin-left: 5px;
}

.link-inline-icon svg {
  color: var(--bs-primary);
}

/*.btn-primary:active,
.btn-primary:hover,
.btn-dark:active,
.btn-dark:hover,
.action-link a:active,
.action-link a:hover,
.btn-primary:active svg,
.btn-primary:hover svg,
.action-link a:active svg,
.action-link a:hover svg {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  transition: inherit;
}

/* Restore button text color on hover for anchor buttons, overriding global a:hover */
a.btn-outline-dark:hover,
a.btn-outline-dark:active,
a.btn-dark:hover,
a.btn-dark:active {
  color: #fff !important;
}

.btn-dark svg {
  color: var(--bs-white) !important;
}

*/
/*.btn-outline-light {
  border-color: #fff !important;
}*/

.page-link {
  border: none;
  color: var(--bs-black);
}

small legend {
  font-size: small;
  float: left;
  width: 20%;
}

.site-footer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.store-logo {
  height: 2rem;
  width: auto;
}

.store-name {
  font-weight: bold;
  margin-left: 30px;
  display: inline;
  position: relative;
  bottom: -7px;
}

@media (max-width: 576px) {
  .store-name {
    display: none;
  }
}

@media (min-width: 577px) and (max-width: 767px) {
  .store-name {
    position: relative;
    top: -5px;
    margin-left: 0;
    float: left;
    font-size: small;
    font-weight: normal;
    clear: both;
    margin-bottom: -10px;
  }

  .navigation-menu-blocks {
    margin-top: 5px;
  }
}

.icon-svg {
  height: 20px;
  width: 20px;
}

.block-logo-primary {}

@media (max-width: 576px) {
  .block-logo-primary {
    float: left;
  }
}

.block-logo-secondary {
  margin-left: 60px;
  margin-top: -20px;
  margin-bottom: -20px;
}

.block-logo-secondary img {
  width: 80px;
  height: 80px;
}

.pagination {
  margin-top: 45px;
  margin-bottom: 80px;
}

.row-menu-navigation .container {
  /*  padding-left: 30px !important;
  padding-right: 30px !important;*/
}

.row-message-bar .block {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0;
}

.row-message-bar p {
  margin-bottom: 0;
}

/* Hide message bar when header has white background (scrolled, hovered, or menu active) */
.row-message-bar {
  transition: opacity 0.3s ease, max-height 0.3s ease, transform 0.3s ease;
  overflow: hidden;
}

body.scrolled .row-message-bar,
body.menu-active .row-message-bar {
  opacity: 0;
  max-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transform: translateY(-100%);
}

.row-menu-navigation {
  padding-top: 15px;
  padding-bottom: 15px;
}

.row-menu-tabs {
  background-color: var(--bs-gray-100);
  ;
}

.row-menu-tabs .tabs {
  margin-bottom: 0;
}

.row-menu-tabs .tabs .active {
  color: var(--bs-black);
}

.row-menu-tabs .nav-item {
  font-weight: bold;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.row-menu-tabs .nav-item a {
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  word-break: keep-all;
  white-space: nowrap;
}

.row-menu-tabs .nav-item .active {
  background-color: var(--bs-white);
}

.nav-link {
  color: var(--bs-black);
}

#head {
  border-bottom: none !important;
  box-shadow: none !important;
  padding-right: 0;
  padding-left: 0;
  background: linear-gradient(to bottom, rgba(11, 11, 11, 0.8) 0%, rgba(112, 112, 112, 0.1) 100%);
  color: var(--bs-white);
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

#head a,
#head .btn-link {
  color: var(--bs-white);
  transition: color 0.3s ease;
}

#head .svg-inline--fa {
  color: var(--bs-white);
  transition: color 0.3s ease;
}

#head .store-logo {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

#head:hover,
body.menu-active #head,
body.scrolled #head {
  background: var(--bs-white);
  color: var(--bs-black);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Visual styles when menu is active - position is handled by parent #header's sticky */
body.menu-active #head {
  background: var(--bs-white);
  color: var(--bs-black);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#head:hover a,
#head:hover .btn-link,
body.menu-active #head a,
body.menu-active #head .btn-link,
body.scrolled #head a,
body.scrolled #head .btn-link {
  color: var(--bs-black);
}

#head:hover .svg-inline--fa,
body.menu-active #head .svg-inline--fa,
body.scrolled #head .svg-inline--fa {
  color: var(--bs-black);
}

#head:hover .store-logo,
body.menu-active #head .store-logo,
body.scrolled #head .store-logo {
  filter: none;
}

#header {
  position: sticky;
  top: 0;
  z-index: 500;
  background-color: transparent;
}

/* Add top padding for contact page header */
body.node--type-contact-page #header {
  padding-top: 70px;
}

#head,
#row-menu-navigation {
  border-bottom: none !important;
}

/* Offset sticky header when admin toolbar is active */
.toolbar-horizontal #header {
  top: 60px;
}

.container-top-feature {
  margin-top: -65px;
  overflow-x: hidden;
}

@media (max-width: 991px) {
  .container-top-feature .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .container-top-feature .page-header-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Ensure no horizontal scroll on all screens for these elements */
.container-top-feature .row {
  max-width: 100vw;
  margin-right: 0;
  margin-left: 0;
}

.region-bottom-wide {
  background-color: var(--bs-gray-100);
}

.modal-image {
  background-size: cover;
  background-position: 50% 50%;
}

.node--type-front-page .cotainer-main {
  display: none;
}

#main.container {
  padding-top: 60px;
  margin-top: -60px;
}

/* When there's no panoramic image, reset the negative margin and add header height offset */
body.no-top-feature #main.container {
  margin-top: 0;
  padding-top: 80px;
}

@media (max-width: 991px) {
  #main.container {
    padding-top: 15px;
  }

  body.no-top-feature #main.container {
    padding-top: 70px;
  }
}

.menu-care li.nav-item,
.menu-care li.nav-item a {
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

.node__content {
  font-size: inherit !important;
}


.row-footer-top {
  background-color: var(--bs-purple);
  padding-top: 60px;
  padding-bottom: 60px;
}

.row-footer {
  /*background: url(images/footer-pattern.png) 0 -75px repeat-x;*/
  padding-top: 60px;
  padding-bottom: 60px;
}

.row-footer .nav li a,
.row-footer .nav li span {
  padding-left: 0;
  padding-right: 0;
}

.row-footer .menu-care .nav-link {
  padding-top: 0;
  padding-bottom: 0;
}

.row-footer .menu-care {
  padding-top: 160px;
  background: url(images/woodpecker-black.svg) 15px 0 no-repeat;
}

.row-footer svg.icon--menu-care {
  height: 40px;
}

.row-footer .field--type-link,
.row-footer .field--name-field-store-social a {
  margin-right: 20px;
}

.row-footer .field--name-field-store-social a {
  font-weight: bold;
}

.block-copyright {
  margin-top: 60px;
}

.block-copyright a {
  margin-right: 20px;
}

.region-footer-top .form-control {
  background: transparent !important;
  border: none;
  border-bottom: 1px solid var(--bs-black);
}

.region-footer-top .form-control::placeholder {
  color: var(--bs-black) !important;
}

.navigation-right {}

@media (max-width: 767px) {
  .navigation-left {
    padding-left: 12px;
  }

  .navigation-right {
    float: right;
    margin-right: -2px;
  }
}

.navigation-menu-bars {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.navigation-menu-blocks {}

.cart--cart-block {
  width: 34px;
  margin-left: 0 !important;
}

.cart-block--summary {
  width: 34px;
  height: 34px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
}

.navigation-menu-blocks .svg-inline--fa {
  line-height: 24px;
  height: 24px;
  margin-top: 7px;
  color: var(--bs-black);
}

.navigation-menu-blocks .svg-inline--fa:active,
.navigation-menu-blocks .svg-inline--fa:hover {
  color: var(--bs-gray-900);
}

.navigation-menu-blocks .cart-block--summary .svg-inline--fa {
  height: 20px;
  margin-top: 3px;
}

.region-menu-user {
  padding-top: 60px;
  padding-bottom: 60px;
}

.row-menu-navigation .region-menu-extra.row {
  margin-left: 0;
  margin-right: 0;
  padding: 0 !important;
}

.region-menu-user .form-control {
  background-color: var(--bs-white);
}

.row-menu-navigation .navigation-menu-location.icon-menu-item {
  width: auto;
  min-width: 34px;
}

.btn-menu-location {
  display: flex !important;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
}

.btn-menu-location .location-text {
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 5px;
}

.menu-location {
  background-color: var(--bs-white);
  border-top: none;
}

.menu-location #location-menu.collapse.show {
  /* border-top: 1px solid var(--bs-gray-200); */
}

.menu-location .nav-link {
  color: var(--bs-black);
  font-weight: bold;
  margin-right: 1rem;
  padding: 0;
}

.menu-location .nav-link:hover {
  color: var(--bs-primary);
}

.row-menu-navigation .icon-menu-item {
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  margin-left: 30px;
  position: relative;
  z-index: 10;
}

@media (max-width: 767px) {
  .row-menu-navigation .icon-menu-item {
    margin-left: 15px;
  }
}

.row-menu-navigation .icon-menu-item svg {
  padding-left: 0 !important;
  width: 20px;
  height: 20px;
}

.row-menu-navigation .badge {
  position: absolute;
  top: -5px;
  right: -10px;
  background-color: var(--bs-primary);
  padding: 3px 5px 4px;
  border-radius: 4px;
}

.user-form-buttons {
  text-align: center;
  text-transform: uppercase;
}

.user-form-buttons i {
  font-size: 72px;
}

.user-register-form .form-type-email small,
.user-register-form summary {
  display: none;
}

.block-user-login-block li:first-child {
  display: none;
}

.block-user-login-block li {
  background-color: transparent;
  border: none;
  padding: 0 !important;
}

.block-user-login-block button {
  margin-top: 45px;
}

.file,
.link-inline-icon {
  background: none;
  margin-bottom: 15px;
  font-weight: bold;
  padding-left: 0;
}

.file svg,
.link-inline-icon svg {
  margin-left: 5px;
  color: var(--bs-primary);
}

.block-menu-blockstore-footer-top a {
  font-weight: bold;
  min-width: 100px;
}

aside .block-content-shop_details {
  margin-top: 90px;
}

aside .block-content-shop_details h2 {
  margin-bottom: 30px;
}

aside .field--name-field-store-top-image img {
  margin-bottom: 15px;
}

.field--name-field-store-top-image img {
  height: 35px;
}

.field--name-field-store-address p,
.field--name-field-store-hours p {
  margin-bottom: 0;
}

.paragraph--type--store-details .h5 {
  font-size: 1rem;
}

/* @group Mega menu */

#block-store-2 {}

@media (max-width: 991px) {
  body.menu-active #menu-accordion {
    max-height: calc(100vh - 80px);
    /* 80px for the menu bar height */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--bs-white);
  }
}

.region-menu-mega {
  padding-top: 20px;
}

.menu-mega nav {
  margin-bottom: 30px;
}

.menu-mega ul.nav ul.menu {
  display: block;
  padding: 0;
}

.menu-mega ul.nav li {
  display: block;
  padding-right: 0;
  padding-left: 0;
}


.menu-mega ul.nav li a,
.menu-mega ul.nav li span {
  padding-left: 0;
  padding-right: 10px;
  color: var(--bs-black) !important;
}

.menu-mega ul.nav li {
  clear: both;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .menu-mega ul.nav li a {
    padding-right: 20px;
  }
}

.menu-mega ul.nav>li {
  /*width: 20%;*/
  display: block;
}

.menu-store span.nav-link {
  display: none;
}

.menu--customer-care ul.nav>li li {
  font-size: 1rem;
  font-weight: normal;
}

.menu--customer-care span.nav-link {
  font-size: 12px;
}

.menu--customer-care span.nav-link.none {
  display: none;
}

.menu-mega ul.nav {}

.menu-mega .living {
  background-image: url(images/menu-icon-living.png);
}

.menu-mega .dining {
  background-image: url(images/menu-icon-dining.png);
}

.menu-mega .sleeping {
  background-image: url(images/menu-icon-sleeping.png);
}

.menu-mega .working {
  background-image: url(images/menu-icon-working.png);
}

.menu-mega .playing {
  background-image: url(images/menu-icon-decorating.png);
}

.menu-mega .living,
.menu-mega .dining,
.menu-mega .sleeping,
.menu-mega .working,
.menu-mega .playing {
  /*padding-top: 150px;*/
  padding-top: 0px;
  background-size: 150px !important;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: none;
}

@media (max-width: 767px) {

  .menu-mega .living,
  .menu-mega .dining,
  .menu-mega .sleeping,
  .menu-mega .working,
  .menu-mega .playing {
    padding-top: 0px;
    background-size: 0px;
    background-image: none;
  }
}

.menu-mega .more {
  padding-top: 30px;
}

.menu-user svg {
  font-size: 60px;
  margin-bottom: 15px;
  margin-top: 15px;
}

/* @end */

/* @group Header wrapper */

.page-header-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-header-wrapper h1 {
  color: var(--bs-white);
}

.page-header h1 {
  margin-top: 120px !important;
}

@media (min-width: 992px) {
  .page-header-wrapper .page-header-outer {
    /*margin-top: 400px;*/
  }
}

.node--type-custom-order .page-header-wrapper {
  color: var(--bs-white) !important;
}

@media (max-width: 991px) {

  .node--type-custom-order .page-header-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.node--type-custom-order .page-header-wrapper .container-fluid {
  padding-top: 45px;
  padding-bottom: 45px;
}

.node--type-custom-order .page-header-wrapper .h2,
.node--type-custom-order .page-header-wrapper .h3,
.node--type-custom-order .page-header-wrapper .h4,
.node--type-custom-order .page-header-wrapper .h5 {
  color: var(--bs-white);
}

.node--type-custom-order .page-header-wrapper .container-fluid,
.block-views-blockheader-taxonomy-block-top .page-header-wrapper .container-fluid {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(36, 36, 36, 0.51) 49%, rgba(255, 255, 255, 0) 59.9%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(36, 36, 36, 0.51) 49%, rgba(255, 255, 255, 0) 59.9%);
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(36, 36, 36, 0.51) 49%, rgba(255, 255, 255, 0) 59.9%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.89) 0%, rgba(36, 36, 36, 0.51) 49%, rgba(255, 255, 255, 0) 59.9%);
  color: var(--bs-white);
}

@media (max-width: 991px) {

  .node--type-custom-order .page-header-wrapper .container-fluid,
  .block-views-blockheader-taxonomy-block-top .page-header-wrapper .container-fluid {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(18, 18, 18, 0.69) 37.9%, rgba(36, 36, 36, 0.64) 83.1%, rgba(255, 255, 255, 0) 95.5%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(18, 18, 18, 0.69) 37.9%, rgba(36, 36, 36, 0.64) 83.1%, rgba(255, 255, 255, 0) 95.5%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(18, 18, 18, 0.69) 37.9%, rgba(36, 36, 36, 0.64) 83.1%, rgba(255, 255, 255, 0) 95.5%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(18, 18, 18, 0.69) 37.9%, rgba(36, 36, 36, 0.64) 83.1%, rgba(255, 255, 255, 0) 95.5%);
    color: var(--bs-white);
    margin-top: 30px;
  }
}

.region-top-feature {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.path-frontpage .region-top-feature,
.path-taxonomy .region-top-feature,
.node--type-article .region-top-feature {
  padding-left: 0;
  padding-right: 0;
}

.breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
  z-index: 10;
  position: relative;
  font-size: small !important;
  font-weight: norma !important;
}

.breadcrumb li a {
  font-weight: norma !important;
}

.block-views h2 {
  z-index: 10;
  position: relative;
}

.tns-environment-slides .slider-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 800px;
}

.product-header {
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 3;
  position: absolute;
  top: 140px;
  padding: 45px;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

@media (max-width: 991px) {
  .page-header-wrapper {
    background-size: cover;
    background-position: center top;
  }

  .product-header {
    top: 0;
  }
}

@media (max-width: 767px) {
  .page-header-wrapper {
    padding-top: 480px;
  }

  .tns-environment-slides .slider-item {
    height: 450px;
  }

  .product-header {
    padding-top: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-header-wrapper {
    min-height: 700px;
    padding-top: 470px;
  }

  .tns-environment-slides .slider-item {
    height: 450px;
  }
}

@media (min-width: 992px) {
  .page-header-wrapper {
    min-height: 800px;
  }

  .page-header-wrapper .page-header {
    min-height: 720px;
  }
}

.page-header,
.product-header {
  transition: 1s ease-in-out 0.3s;
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .page-header,
  .product-header {
    /*padding-top: 320px;*/
  }
}

@media (max-width: 991px) {

  .page-header,
  .product-header {
    padding-top: 30px;
    padding-bottom: 60px;
    padding-right: 45px;
    padding-left: 45px;
  }
}

.view-header-content .views-row {
  width: 100% !important;
  padding-right: 0;
  padding-left: 0;
}

/* @end */

.block-views-blockheader-taxonomy-block-top {
  /*width: 100%;*/
  margin-bottom: 0px;
}

@media (min-width: 992px) {
  .block-views-blockheader-taxonomy-block-top {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .main-content {
    margin-top: 30px;
  }
}

/* @group Slides */

.slide-wrapper,
.slide-image-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.slide-image-bg {
  min-height: 250px !important;
}

.slide-250,
.slide-250 .slide-image-bg {
  min-height: 250px;
}

.slide-400,
.slide-400 .slide-image-bg {
  min-height: 400px;
}

.slide-500,
.slide-500 .slide-image-bg {
  min-height: 500px;
}

.slide-600,
.slide-600 .slide-image-bg {
  min-height: 600px;
}

.slide-700,
.slide-700 .slide-image-bg {
  min-height: 700px;
}

.slide-800,
.slide-800 .slide-image-bg {
  min-height: 800px;
}

.slide-900,
.slide-900 .slide-image-bg {
  min-height: 900px;
}

.slide-1000,
.slide-1000 .slide-image-bg {
  min-height: 1000px;
}

.slide-wrapper .tight {
  margin-top: 0;
}

.slide-wrapper .tight.h1 {
  margin-bottom: 0;
}

.slide-wrapper .slide-text {
  text-align: center;
}

.slide-wrapper .slide-text.text-left {
  text-align: left;
}

.slide-wrapper .slide-text.text-right {
  text-align: right;
}

.slide-wrapper p {
  font-weight: 200;
  text-align: center;
  margin-top: 25px;
}

.slide-wrapper .text-left p {
  display: block;
  text-align: left;
}

.slide-wrapper .text-right p {
  display: block;
  text-align: right;
}

.views-edit-node {
  clear: both;
}

/* @end */

/* @group Slide video */

.row.video .col-12 {
  padding-left: 0;
  padding-right: 0;
}

.slide-wrapper-video {
  overflow: hidden;
}


/* @end */

/* @group Vertical margins */

.m-bot-10 {
  margin-bottom: 10px;
}

.m-bot-15 {
  margin-bottom: 15px;
}

.m-top-10 {
  margin-top: 10px;
}

.m-top-15 {
  margin-top: 15px;
}

.m-bot-20 {
  margin-bottom: 20px;
}

.m-top-20 {
  margin-top: 20px;
}

.m-bot-30 {
  margin-bottom: 30px;
}

.m-top-30 {
  margin-top: 30px;
}

.m-bot-40 {
  margin-bottom: 40px;
}

.m-top-40 {
  margin-top: 40px;
}

.m-bot-45 {
  margin-bottom: 45px;
}

.m-top-45 {
  margin-top: 45px;
}

.m-bot-60 {
  margin-bottom: 60px;
}

.m-top-60 {
  margin-top: 60px;
}

.m-bot-75 {
  margin-bottom: 75px;
}

.m-top-75 {
  margin-top: 75px;
}

.m-bot-80 {
  margin-bottom: 80px;
}

.m-top-80 {
  margin-top: 80px;
}

.m-bot-90 {
  margin-bottom: 90px;
}

.m-top-90 {
  margin-top: 90px;
}

.m-bot-120 {
  margin-bottom: 120px;
}

.m-top-120 {
  margin-top: 120px;
}

/* @end */

/* @group Dev finish options */

.product--rendered-attribute .js-form-type-radio {
  float: left;
  width: 80px;
  padding-left: 0;
  text-align: center;
}

.product--rendered-attribute label.option {
  padding: 0 !important;
  margin: 0;
}

.option img,
label.option img {
  border-radius: 40px;
  border: 2px solid #ddd;
  height: 72px;
  margin-bottom: 30px;
}

.sku-option-finish .option img {
  margin-bottom: 0;
}

.product--rendered-attribute input:checked~label.option {
  border: none;
}

.product--rendered-attribute input:checked~label.option img,
.attribute-selected .term-image.option img {
  border-color: red !important;
}

.field--name-variations .ajax-progress {
  display: none !important;
}

label.option .sku-sku {
  display: none;
}

.sku-sku .finish-value,
.sku-sku .finish-type,
.sku-sku .finish-meterial {
  clear: both;
  display: block;
}

.sku-sku .finish-value {
  font-weight: bold;
}

/* Finish option display in commerce_sku_render view */
.sku-option-finish .finish-value,
.sku-option-finish .finish-type,
.sku-option-finish .finish-material {
  display: block;
  text-align: center;
}

.sku-option-finish .finish-value {
  font-weight: bold;
}

.finish-type {
  font-weight: normal !important;
}



/*.product--rendered-attribute .form-radio {
  display: block;
}*/

/* @end */

/* @group Cart */

.cart-form .img-fluid {
  padding-right: 50px;
  padding-left: 50px;
}

.cart-form .views-field-nothing .row-cart-item {
  border-bottom: 1px solid #dedede;
  margin-bottom: 45px;
}

.cart-form .views-field-nothing .h5 .font-weight-normal {
  margin-top: 7px;
}

.cart-form .order-total-line-value {
  margin-left: 15px;
}

.cart-form .views-field-nothing button,
.cart-form .views-field-nothing input {
  padding: 0;
  line-height: 2em;
  height: 2em;
}

.cart-form .views-field-nothing button {
  font-size: 1em;
  margin-top: -6px;
}

.cart-form .views-field-nothing input {
  width: 4em;
  padding-left: 10px;
  font-weight: bold;
}

.order-total-line {
  padding: 0;
  font-weight: normal;
  font-style: normal;
}

.order-total-line__total {
  padding-top: 5px;
  font-weight: bold;
}

.order-total-line-label {
  float: left;
}

.order-total-line-value {
  width: 200px;
}

.order-total-wrapper {
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
}

.cart-form .order-total-wrapper {
  padding-right: 30px;
  padding-left: 60%;
}

@media (max-width: 767px) {
  .cart-form .order-total-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cart-form .order-total-wrapper {
    padding-right: 30px;
    padding-left: 50%;
  }
}

.cart-form .form-actions {
  text-align: right;
  margin-bottom: 45px !important;
}

.cart-form .form-actions .btn {
  margin-left: 15px;
}

h2.checkout-title {
  margin-bottom: 45px;
}

@media (min-width: 992px) {

  .checkout-order-summary,
  .checkout-pane-coupon-redemption {
    padding-right: 30px;
  }

  .checkout-pane-shipping-information,
  .checkout-pane-billing-information,
  .checkout-pane-payment-information,
  .shipping-description,
  .checkout-note {
    margin-left: 30px;
  }
}

ol.checkout-progress {
  padding-left: 0;
  list-style: none;
  counter-reset: item;
  font-size: 1.2em;
}

ol.checkout-progress li {
  counter-increment: item;
  margin-bottom: 5px;
}

ol.checkout-progress li:before {
  margin-right: 10px;
  content: counter(item);
  background: #9E9E9E;
  border-radius: 100%;
  color: white;
  width: 1.5em;
  text-align: center;
  display: inline-block;
  height: 1.5em;
}

.checkout-progress--step {
  color: #9E9E9E;
}

.checkout-progress--step__current {
  color: var(--bs-black);
}

.checkout-progress--step-label {
  font-size: 1rem;
  font-weight: bold;
  text-transform: capitalize;
}

.checkout-order-summary .variation-image {
  width: 120px;
  float: left;
  margin-right: 15px;
}

.checkout-order-summary .variation-image .col,
.checkout-order-summary .variation-image .variation-price {
  display: none;
}

.checkout-order-summary table td {
  background-color: var(--bs-white);
  font-weight: bold;
}

.checkout-order-summary .field--name-title {
  font-weight: normal;
  font-style: normal;
}

.checkout-order-summary .field--name-price {
  display: none;
}

.store-admin .checkout-order-summary .field--name-price {
  display: block;
}

.checkout-order-summary .form-actions {
  width: 100% !important;
  min-width: 100% !important;
}

.checkout-order-summary table tr {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.link--previous,
#edit-email-registration-login-returning-customer-forgot-password {
  margin-left: 30px;
  font-weight: bold;
}

.checkout-form legend,
.checkout-pane legend,
#edit-coupon-redemption label {
  margin-bottom: 45px;
}

.checkout-pane .fieldset-legend {
  text-transform: capitalize;
  font-weight: bold;
}

.checkout-pane .mto-inproduct {
  display: none;
}

.form-type-textfield,
.form-type-select,
.form-type-textedit {
  margin-bottom: 30px !important;
}

.checkout-pane .fieldset-legend.billing-information,
.checkout-pane .fieldset-legend.shipping-information,
.fieldset-legend.order-summary {
  font-weight: bold;
}

#edit-coupon-redemption input {
  margin-bottom: 45px;
}

#edit-coupon-redemption label {
  text-transform: capitalize;
  font-size: 1.5rem;
}

.checkout-footer {
  text-align: right;
}

.modal-add-to-cart .modal-content {
  padding: 15px;
}

.modal-add-to-cart .modal-footer {
  border-top: 0;
}

.cart-offcanvas--right {
  width: 45rem;
}

@media (max-width: 767px) {
  .cart-offcanvas--right {
    width: 100%;
  }
}

.cart-offcanvas,
.cart-offcanvas .table,
.cart-offcanvas .table tr,
.cart-offcanvas .table td,
.cart-offcanvas .table th {
  background-color: var(--bs-light);
  border-color: var(--bs-light);
}

body.toolbar-fixed .cart-offcanvas {
  padding-top: 0;
}

/* Cart Flyout Scrollable Content */
.cart--cart-offcanvas {
  display: flex;
  flex-direction: column;
  height: 100vh;
  /* Ensure full height */
}

.cart-block--offcanvas-contents {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.cart-block--offcanvas-contents__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cart-block--offcanvas-contents__scrollable {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.cart-block--offcanvas-contents__items {
  padding-bottom: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
  /* Optional padding */
}

#cart-flyout-region {
  padding-bottom: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.cart-block--offcanvas-contents__links {
  flex-shrink: 0;
  background-color: var(--bs-light);
  /* Ensure background covers scrolling content if needed */
  z-index: 1;
  padding: 2rem;
}

.cart--cart-offcanvas__close {
  padding: 2rem;
}

/* @end */

/* @group product */

.product-header h1 {
  margin-bottom: 0;
}

.product-header .lead {
  line-height: 1.2rem;
}

.img-tt {
  border-radius: 150px;
  height: 150px;
  width: 150px;
}

.tooltip {
  opacity: 100% !important;
  background-color: transparent !important;
}

.tooltip-inner {
  padding: 3px;
  border-radius: 150px;
}

.tt-btn-copy .tooltip-inner {
  padding: 10px;
  border-radius: 10px;
}

.view-commerce-sku-render .views-row {
  width: 100%;
}

.sku-option-title {
  text-transform: capitalize;
  font-weight: bold;
}

.sku-option-finish {}

/*.variation-finish-item .sku-sku {
  margin-top: 37px;
  display: block;
  font-weight: bold;
}*/

.add-to-cart-form .sku-sku {
  display: none;
}

.add-to-cart-form .variation-finish-item {
  margin-bottom: 30px;
  display: block;
}

.views-field-field-sku-qs {
  float: right;
  width: 36px;
}

.views-field-field-sku-mto {
  margin-top: -95px;
  padding-right: 15px;
  padding-left: 15px;
}

.views-field-field-sku-mto img {
  width: 36px;
  margin-bottom: 15px;
}

.views-field-field-sku-mto .h5 {
  margin-bottom: 0;
}

.view-commerce-variations.view-display-id-block_qs .views-field-field-sku-mto,
.view-commerce-variations.view-display-id-block_qs .views-field-field-sku-qs {
  display: none;
}

.view-commerce-variations.view-display-id-block_qs .views-row .views-row {
  margin-top: 0;
}

.views-field-commerce-add-to-cart-link {
  float: right;
  padding-left: 15px;
  position: relative;
  top: -30px;
}

.sku-option-title {
  top: 95px;
  position: relative;
  font-weight: normal;
  font-style: normal;
}

.container-fluid.block-product-options {
  /*background: -webkit-linear-gradient(270deg, #ffffff 50%, #F6F6F6 50%, #F6F6F6 100%);
  background: -moz-linear-gradient(270deg, #ffffff 50%, #F6F6F6 50%, #F6F6F6 100%);
  background: -ms-linear-gradient(270deg, #ffffff 50%, #F6F6F6 50%, #F6F6F6 100%);
  background: linear-gradient(270deg, #ffffff 50%, #F6F6F6 50%, #F6F6F6 100%);*/
  /*border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;*/

  border-bottom: 1px solid var(--bs-gray-400);
  /*  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
  padding-bottom: 30px;
}

.container-fluid.block-product-options .align-top {
  border-bottom: 1px solid var(--bs-gray-400);
  /*box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);*/
}

.configure-left,
.condigure-right {
  padding-top: 30px;
  padding-bottom: 30px;
}

.configure-left {
  padding-top: 60px;
  /*background-color: #F6F6F6;*/
}

.configure-right {
  background-color: var(--bs-white);
  position: relative;
}

.configure-right .align-bottom {
  position: absolute;
  bottom: 0;
  width: 94%;
}

.view-commerce-variations .views-row {
  margin-top: 30px;
}

@media (max-width: 992px) {
  .container-fluid.block-product-options {
    background: none;
  }

  .view-commerce-sku-render .views-row {
    margin-top: 0;
  }

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

  .configure-right .align-bottom {
    width: 100%;
  }
}



.views-field-field-product-title-description,
.views-field-field-product-title-feature {
  clear: both;
}

.views-field-field-product-title-feature {}

.views-field-field-product-designer {
  font-size: small;
}

.views-field-field-product-title-description {
  margin-bottom: 5px;
}

.views-field-field-product-schematic-top .field-content {
  float: left;
}

.views-field-field-product-schematic-top .field-content img {
  height: 48px;
  width: auto;
  margin-right: 15px;
  margin-bottom: 15px;
}

.field--name-field-product-options {
  margin-top: -30px;
  float: left;
  width: 100%;
}

.field--name-field-product-schematic {
  margin-bottom: 30px;
}

.field--name-field-product-schematic .field__item {
  margin-right: 15px;
  display: inline-block;
  float: left;
}

@media (min-width: 577px) and (max-width: 992px) {
  .field--name-field-product-schematic .field__item {
    clear: both;
    float: none;
  }
}

.field--name-field-product-schematic .field__item img {
  height: auto;
  width: auto;
  max-height: 6rem;
}

.field--name-field-product-dimensions,
.field--name-field-product-description {
  clear: both;
  float: none;
}

.variation-price {
  position: relative;
  font-weight: bold;
}

.path-cart .variation-price {
  display: none;
}

.your-price-discount {
  margin-left: 15px;
}

@media (max-width: 1200px) {

  .variation-price {
    top: 0;
    margin-top: -10px;
    padding-top: 0px;
  }

  .your-price-discount-wrapper {
    clear: both;
    margin-top: 0x;
    display: block;
  }

  .your-price-discount {
    margin-left: 0;

  }
}

/*.variation-price {
  width: 45%;
  float: left;
}

.variation-add-to-cart-button {
  width: 50%;
  float: right;
}*/

.block-product-options .add-to-cart-link,
.view-commerce-variations .add-to-cart-link {
  z-index: 100;
  position: relative;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}

.block-product-options .copy-sku-url {
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
}

@media (max-width: 992px) {
  .view-commerce-variations .add-to-cart-link {
    margin-top: 15px;
    float: left;
    margin-left: 15px;
  }

  .block-product-options .add-to-cart-link {
    margin-top: 15px;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 45px;
    width: 90%;
  }
}

.configure-right .icon-qs,
.view-commerce-sku-render .icon-qs,
.view-commerce-variations .icon-qs {
  float: right;
  position: relative;
  top: 15px;
  right: 15px;
}

.view-commerce-sku-render .icon-qs {
  float: right;
  position: relative;
  right: 15px;
  top: 0;
  margin-top: -90px;
  margin-right: 20px;
}

@media (max-width: 992px) {}

.icon-qs img {
  height: 24px;
}

.icon-mto img {
  height: 1rem;
  width: 1rem;
  margin-top: -4px;
}

.icon-mto {}

.mto-inproduct {
  padding-right: 30px;
  padding-left: 30px;
}

.mto-icon-inproduct img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.view-commerce-variations .view-commerce-sku-render .icon-qs {
  display: none;
}

.checkout-pane .icon-qs img {
  margin-right: 70px;
  margin-top: 60px;
  height: 30px;
  width: 30px
}

.add-to-cart-form .form-actions {
  display: none;
}

/*.field--name-field-product-options .field__item,*/
.view-display-id-block_compositions .view-header {
  margin-bottom: 60px;
}

.views-field-field-product-compositions img {
  margin-bottom: 30px;
}

.field--name-field-product-options .product-options-item {
  float: left;
  display: block;
  margin-right: 75px;
  margin-bottom: 30px;
}

.field--name-field-product-options .product-options-item .h7 {
  clear: both;
}

.field--name-field-product-options img {
  height: 80px;
  width: auto;
}

.view-products-index .views-field-title h3,
.view-search .views-field-title h3 {
  margin-bottom: 5px;
}


.view-products-index .views-field-field-product-price,
.view-products-index .views-field-field-product-price-cad,
.view-search .views-field-field-product-price,
.view-search .views-field-field-product-price-cad {
  font-weight: normal;
  font-size: small;
}

.view-products-index .views-field {
  clear: both;
}

.view-products-index .views-label,
.view-search .views-label {
  float: left;
  margin-right: 5px;
}

.view-products-index .views-field-field-product-mto {
  padding-top: 10px;
}

.view-commerce-variations .view-header {
  margin-bottom: 5px;
}

.view-commerce-variations .view-header {
  margin-bottom: 5px;
}

.view-products-index .views-row {
  position: relative;
  padding-bottom: 30px;
}

.product-index-border-bottom {
  border-bottom: 1px solid #9E9E9E;
  bottom: 0;
  width: 90%;
  position: absolute;
  display: block;
}

@media (max-width: 992px) {
  .product-index-border-bottom {
    width: 92%;
  }
}

@media (max-width: 767px) {
  .product-index-border-bottom {
    width: 90%;
  }
}

.action-link {
  background-color: var(--bs-primary);
  position: relative;
  margin-top: -43px;
  width: 150px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.action-link a {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-top: -2px;
}

.action-link a svg {
  color: var(--bs-white);
}

.action-link:active,
.action-link:hover {
  background-color: var(--bs-black) !important;
}

.action-link a:active,
.action-link a:hover,
.action-link a:active svg,
.action-link a:hover svg {
  color: var(--bs-white) !important;
  background-color: var(--bs-link-hover-color) !important;
}

.action-bar {
  /*border-top: 5px solid #000;*/
  height: 0px;
  /*background-image: url(images/footer-pattern.png);*/
  min-height: 0px;
  background-color: var(--bs-white);
}

.variation-image {
  /*border-top: 1px solid #000;*/
}

.options-wrapper .container .row {
  padding-right: 15px;
  padding-left: 15px;
}

.finish-option-1 strong,
.finish-option-2 strong,
.finish-option-3 strong,
.finish-option-4 strong,
.finish-option-5 strong {
  margin-right: 5px;
  text-transform: capitalize;
}

.configure-left legend {
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: bold;
}

.configure-left legend strong {
  font-weight: normal;
  font-style: normal;
}

.copy-sku-url-sku {
  margin-left: 30px;
}

/* @end */

/* @group product views */

.view-search .icon-new img,
.view-search .icon-qs img,
.view-products-index .icon-new img,
.view-products-index .icon-qs img,
.view-product-variations .icon-qs img {
  width: auto;
  height: 24px;
}

.view-search .icon-new,
.view-products-index .icon-new {
  position: absolute;
  top: 0px;
  z-index: 10;
}

.view-search .icon-qs,
.view-products-index .icon-qs {
  z-index: 10;
  position: relative;
  float: left;
  margin-top: -45px;
}

.view-product-variations .icon-qs {
  position: relative;
  top: -30px;
}

.store-cts .view-products-index .icon-qs,
.store-cts .view-product-variations .icon-qs,
.store-cts .view-commerce-sku-render .icon-qs,
.store-cts #block-views-block-commerce-variations-block-qs {
  display: none;
}

.views-field-field-product-img-cover a {}

.views-field-field-product-img-cover img {
  transition: all 0.4s ease;
  margin-bottom: 30px;
}

.views-field-field-product-img-cover img:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  display: inline-block;
}

/* @end */


/* @group MTO */

.views-field-field-custorder-description img {
  margin-right: 15px;
}

.views-field-field-custorder-text {
  padding-right: 15px;
  padding-left: 15px;
}

.field--name-field-custorder-name-1 {
  line-height: 1em;
  margin-bottom: 0;
}

.field--name-field-custorder-name-2 {
  margin-bottom: 30px;
  line-height: 2.5em;
}

.field--name-field-custorder-name-3 {
  clear: both;
  margin-bottom: 30px;
}

.field--name-field-custorder-label-img {
  float: right !important;
  margin-right: 0 !important;
}

.field--name-field-custorder-label-img img {
  min-width: auto;
  width: auto;
  height: 30px;
  margin-bottom: 0;
  margin-top: 15px;
}

.vocabulary-fabrics img.image-style-option-75 {
  border-radius: 75px;
}

.vocabulary-fabrics .field--type-image {
  margin-right: 0;
}

.vocabulary-fabrics .float-left {
  margin-right: 30px;
}

.mto-link-icon {
  color: var(--bs-primary);
  float: left;
  margin-right: 5px;
  height: 16px;
  margin-top: 3px;
}

.mto-link {
  margin-bottom: 30px;
}

.mto-link svg {
  color: var(--bs-primary);
  margin-right: 2px;
}

/* @end */

/* @group store closed */

.store-closed .variation-add-to-cart-button,
.store-closed .view-commerce-variations .add-to-cart-link,
.store-closed .block-commerce-cart,
.store-closed .cart-block--summary {
  display: none !important;
}

.store-admin.store-closed .variation-add-to-cart-button,
.store-admin.store-closed .view-commerce-variations .add-to-cart-link,
.store-admin.store-closed .block-commerce-cart,
.store-admin.store-closed .cart-block--summary {
  display: block !important;
}

/* @end */

/* @group trade resources */

.paragraph--type--trade-resources {}

.field--name-field-trade-res-title {
  margin-bottom: 1rem;
}

.field--name-field-trade-res-title,
.field--name-field-trade-res-file {
  width: 100%;
  text-align: center;
}

.field--name-field-trade-res-image {
  margin-bottom: 1rem;
  margin-right: 0 !important;
}

/* @end */

/* @group Search */

.region-menu-search {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  padding-right: 25%;
  padding-left: 25%;
  position: relative;
  width: 100%;
}

.menu-search {
  background-color: var(--bs-white);
}

.btn-menu-search {}

.region-menu-search .form-wrapper {}

.region-menu-search form input {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-top: 30px;
}

.region-menu-search .form-wrapper button {
  position: relative;
}

.block-views-exposed-filter-blocksearch-page-search {
  width: 100%;
}

.block-views-exposed-filter-blocksearch-page-search label {
  display: none;
}

/* @end */

/* @group blog */

.view-blog .view-header {}

.node--type-article .text-center li {
  float: none !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.node--type-article .text-formatted img {
  margin-bottom: 15px;
  max-width: 100% !important;
  height: auto !important;
}

.view-blog h1 {
  margin-bottom: 30px;
}

.view-blog .views-row {
  padding-right: 30px;
  padding-left: 31px;
}

.view-blog .views-row img {
  margin-bottom: 10px;
}

.view-blog .views-field-field-article-subtitle {
  margin-bottom: 45px;
}

/* @end */

/* @group Hide per domain */

.store-cts .hide-cts,
.store-nyc .hide-nyc,
.store-boca .hide-boca,
.store-cdc .hide-cdc,
.store-cwa .hide-cwa {
  display: none;
}

/* @end */

/* @group Modal */

.modal-body {
  background-color: var(--bs-gray-100);
}

.modal-body input,
.modal-body input:focus {
  background-color: var(--bs-gray-100);
  border-bottom: 1px solid #000;
}

.fade {
  background-color: rgba(75, 56, 45, 0.7);
}

.modal-message.p-3 {
  padding: 3rem !important;
}

/* @end */

/* @group webform */

.user-pass,
.user-login-form,
.field--type-webform {
  background-color: var(--bs-gray-100);
  padding: 30px;
  margin-bottom: 30px;
}

.path-user label {
  display: none;
}

.user-pass input,
.user-pass input:focus,
.user-login-form input,
.user-login-form input:focus,
.field--type-webform input,
.field--type-webform input:focus {
  border: none;
  border-bottom: 1px solid #000;
  background-color: var(--bs-gray-100);
}

.field--type-webform input.form-file {
  border: none;
}

.field--type-webform textarea,
.field--type-webform textarea:focus {
  border: 1px solid #000;
  background-color: var(--bs-gray-100);
}

.field--type-webform select {
  border: 1px solid #000;
  background-color: var(--bs-gray-100);
}

.user-login-form .form-type-textfield,
.field--type-webform .form-type-textfield,
.field--type-webform .form-type-select,
.field--type-webform .form-type-textarea,
.field--type-webform .form-type-managed-file {
  margin-bottom: 30px !important;
}

.page-user-login,
.page-user-password {
  background-color: var(--bs-gray-100);
}

/* @end */

/*.product-slider div:nth-child(1) img {
  border: 1px solid #333;
  filter: hue-rotate(90deg);
}*/

/* @group Finish Option - Unavailable/Dimmed State */

/**
 * Styling for finish option fieldsets that are not available 
 * for the current product variation. These are preserved in the
 * UI but shown with reduced opacity and disabled interaction.
 */
.finish-option-unavailable {
  opacity: 0.4;
  pointer-events: none;
  position: relative;
}

.finish-option-unavailable::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  cursor: not-allowed;
}

.finish-option-unavailable fieldset {
  border-color: var(--bs-gray-400);
}

.finish-option-unavailable legend {
  color: var(--bs-gray-600);
}

.finish-option-unavailable .unavailable-indicator {
  font-style: italic;
  font-weight: normal;
  font-size: 0.85em;
  color: var(--bs-gray-500);
}

/* @end */