#page.page.page-detail { max-width: 1600px; margin: auto; }

.region-content-products { 
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/*
hide arrows on input[type=number]
*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

table input[type=number].form-control {
  padding: 1rem .75rem;
  text-align: right;
}


.sidebar-facets .facet-item__value {
  padding-left: 1rem;
}

.cart.cart-form { padding: 10px 20px; margin-bottom: 4rem; }

.form-wrapper + .btn, .form-group + .btn { margin-top: 1rem; margin-bottom: 1rem; }
.layout-checkout-form .layout-region { padding-bottom: 2rem; }

fieldset.form-item.form-wrapper {margin-top: 1rem;}
fieldset.form-item.form-wrapper legend {font-weight: bold;}
fieldset.form-item.form-wrapper .fieldset-wrapper {padding-left: 2rem;}
fieldset.form-item.form-wrapper .fieldset-wrapper .element-container-wrapper {margin-top: .8rem;}

.block-facets { margin-bottom: 3rem; }
.facet-item.form-check { padding-left: 0; }

.product--rendered-attribute label.option { border: 1px solid #fff; }
.product--rendered-attribute__selected ~ label.option { border: 1px solid #000; }
.product--rendered-attribute label.option:hover { border: 1px dashed #600; }
.product-description-text { text-align: left; font-style: italic; }

.card.card-product .card-body { padding: 0 !important; }
.card.card-product .card-body .h5 { 
  margin: 1rem 0 .5rem;
}
.card.card-product .card-body .field:not(.field--name-field-media) { 
  line-height: 1.2; 
  padding: 0 1.5rem;
  margin: .5rem 0;
}
.card.card-product .card-body .field.field--name-price {
  text-align: left;
}
.card.card-product .card-body .field.field--name-title {
  font-size: 90%;
}
.card.card-product .card-body .field.field--name-variations {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #eee;
}
.card.card-product .card-body .field .mb-4 { margin-bottom: 0 !important; }
.card.card-product .card-body .field .form-group { margin-bottom: .75rem !important; }
.card.card-product .card-body .field #edit-purchased-entity-0-attributes-attribute-color--wrapper legend { display: none; }


.views-view-grid .card.card-product .card-body { padding: 1rem; }
.card.card-product .card-body .field { line-height: 2rem; margin-bottom: 1rem; }

.card.card-product .card-body .field.field.field--name-name.field--type-string.field--label-hidden.field__item { margin: 0; padding: .5em; text-align: center; }
.card.card-product .card-body .field.field--name-field-color, .card.card-product .card-body .field.field.field--name-field-color-hex-code { line-height: .6rem; margin-bottom: .5em;  padding: 0 .5em; text-align: center; }
.field--name-field-color-hex-code .color_field__swatch { border: 1px solid #ccc; }

.card.card-product .field.field--name-body { text-align: left; }
.card.card-product .w-100 img { max-width: 100% !important; }
.card.card-product .field--name-field-media img, .card.card-product .field--name-field-image img {width: 100%; max-width: 100%; -webkit-box-shadow: 0 0.25rem 3rem rgba(0,0,0,0.09); box-shadow: 0 0.25rem 3rem rgba(0,0,0,0.09); }
.card.card-product .js-form-wrapper .fieldset-wrapper { padding-left: 0; }
.card.card-product .js-form-wrapper .form-check { padding-left: 0; }


.main-content article .card.card-product .field--name-field-media img, .main-content article .card.card-product .field--name-field-image img { width: 100%; max-width: 100%; margin: 0; }


/*.col.random-product .button--add-to-cart { margin-top: 1rem; padding: 0.5rem 1rem}*/

/*
 * msstatedrupal_v2 styles
*/
.msstatedrupal_v2 .card.card-product .card-img-top .field.field--name-price { font-size: .8rem; padding: 1rem 2rem; }
.msstatedrupal_v2 .card.card-product legend, .msstatedrupal_v2 .card.card-product p, .msstatedrupal_v2 .card.card-product label { font-size: .8rem; margin-bottom: .7rem; font-weight: 400; }
.msstatedrupal_v2 .card.card-product .form-select, .msstatedrupal_v2 .card.card-product .form-control, .msstatedrupal_v2 .card.card-product .button {padding: .5rem 1rem; display: block; width: 100%;}

.msstatedrupal_v2 .field--label-above {
  margin-bottom: .8rem;
}

/* copied from .row */
.msstatedrupal_v2 .field--label-inline {
  --bs-gutter-x: 3.75rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.msstatedrupal_v2 .field--label-inline > * {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /*width: 100%;*/
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* copied from .d-flex-inline */
.msstatedrupal_v2 .field--label-inline .field__label {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.msstatedrupal_v2 .field--label-inline .field__label:after {
  content: ": ";
}

.msstatedrupal_v2 .field--label-inline .field__item {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}